@public-ui/sample-react 3.0.1-rc.0 → 3.0.1

package/dist/main.js

@@ -1,2 +0,0 @@
-/*! For license information please see main.js.LICENSE.txt */
-(()=>{var e,n,t,o,r={87:(e,n,t)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=t(3857)},257:(e,n,t)=>{"use strict";t.d(n,{A:()=>Ye,B:()=>kn,C:()=>E,D:()=>ve,E:()=>Qe,F:()=>ne,G:()=>ke,H:()=>be,I:()=>We,J:()=>wn,L:()=>de,M:()=>Ve,N:()=>ln,O:()=>on,P:()=>rn,Q:()=>X,R:()=>oe,S:()=>yn,T:()=>un,U:()=>an,V:()=>S,W:()=>mn,X:()=>fn,Y:()=>en,a:()=>bn,b:()=>me,c:()=>te,d:()=>re,e:()=>Z,f:()=>ge,g:()=>G,h:()=>Je,i:()=>we,j:()=>tn,k:()=>qe,l:()=>vn,m:()=>Ae,n:()=>H,o:()=>Ue,p:()=>pn,q:()=>gn,r:()=>Re,s:()=>ee,t:()=>_n,u:()=>ye,v:()=>hn,w:()=>Ge,x:()=>xe,y:()=>Xe,z:()=>Ee});var o=Object.defineProperty,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,i=(e,n,t)=>n in e?o(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,c=(e,n)=>{for(var t in n||(n={}))l.call(n,t)&&i(e,t,n[t]);if(r)for(var t of r(n))a.call(n,t)&&i(e,t,n[t]);return e},s=(e,n,t)=>i(e,"symbol"!=typeof n?n+"":n,t),d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:"undefined"!=typeof self?self:{},u={exports:{}};!function(e){var n,t;n=d,t=function(){var e=function(){},n="undefined",t=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),o=["trace","debug","info","warn","error"],r={},l=null;function a(e,n){var t=e[n];if("function"==typeof t.bind)return t.bind(e);try{return Function.prototype.bind.call(t,e)}catch(n){return function(){return Function.prototype.apply.apply(t,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var t=this.getLevel(),r=0;r<o.length;r++){var l=o[r];this[l]=r<t?e:this.methodFactory(l,t,this.name)}if(this.log=this.debug,typeof console===n&&t<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==n&&(c.call(this),this[e].apply(this,arguments))}}function d(o,r,l){return function(o){return"debug"===o&&(o="log"),typeof console!==n&&("trace"===o&&t?i:void 0!==console[o]?a(console,o):void 0!==console.log?a(console,"log"):e)}(o)||s.apply(this,arguments)}function u(e,t){var a,i,s,u=this,m="loglevel";function f(){var e;if(typeof window!==n&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===n)try{var t=window.document.cookie,o=encodeURIComponent(m),r=t.indexOf(o+"=");-1!==r&&(e=/^([^;]+)/.exec(t.slice(r+o.length+1))[1])}catch(e){}return void 0===u.levels[e]&&(e=void 0),e}}function b(e){var n=e;if("string"==typeof n&&void 0!==u.levels[n.toUpperCase()]&&(n=u.levels[n.toUpperCase()]),"number"==typeof n&&n>=0&&n<=u.levels.SILENT)return n;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=t||d,u.getLevel=function(){return null!=s?s:null!=i?i:a},u.setLevel=function(e,t){return s=b(e),!1!==t&&function(e){var t=(o[e]||"silent").toUpperCase();if(typeof window!==n&&m){try{return void(window.localStorage[m]=t)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+t+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),f()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(u)},u.enableAll=function(e){u.setLevel(u.levels.TRACE,e)},u.disableAll=function(e){u.setLevel(u.levels.SILENT,e)},u.rebuild=function(){if(l!==u&&(a=b(l.getLevel())),c.call(u),l===u)for(var e in r)r[e].rebuild()},a=b(l?l.getLevel():"WARN");var p=f();null!=p&&(s=b(p)),c.call(u)}(l=new u).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var n=r[e];return n||(n=r[e]=new u(e,l.methodFactory)),n};var m=typeof window!==n?window.log:void 0;return l.noConflict=function(){return typeof window!==n&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=t():n.log=t()}(u);const m=u.exports,f={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:(()=>{const e=typeof process<"u"&&process.env?process.env:{},n="test"===e.NODE_ENV,t="VITEST"in e,o="JEST_WORKER_ID"in e,r="PLAYWRIGHT_TEST_BASE_URL"in e,l="true"===e.CI,a="true"===e.TEST||"true"===e.IS_TEST,i=typeof navigator<"u"&&!0===navigator.webdriver,c=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return n||t||o||r||l||a||i||c})(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[n,t]of f.A11yUi.PERFORMANCE_MEASURES.entries())e[n]=[t.totalTime/t.count,t.count];const n=Object.entries(e).sort(((e,n)=>n[1][0]-e[1][0]));return console.table(Object.fromEntries(n.map((([e,[n,t]])=>[e,{"avg (ms)":parseFloat(n.toFixed(2)),count:t}])))),e}}};let b=!0,p=!1;const v=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,k=e=>{if(!(e=>"string"==typeof e&&v.test(e))(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},h=e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s*([{}:;,])\s*/g,"$1").replace(/\s+/g," ").replace(/;\}/g,"}").trim(),g=(e,n,t,o)=>{var r;(o=null!=o?o:{}).append=null!=(r=o.append)&&r,k(e),b&&!p&&(p=!0,m.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n    import { register } from 'adopted-style-sheets';\n    import { defineCustomElements } from '...';\n    import { THEME } from '...';\n\n    register(THEME, defineCustomElements)\n    .then(() => {\n        // run your app or website\n    })\n    .catch(console.warn);`));let l=f.A11yUi.THEMES.get(e);if(l||(l=new Map,f.A11yUi.THEMES.set(e,l)),o.append&&l.has(n)){const e=l.get(n);l.set(n,h(`${e}${t}`))}else l.set(n,h(t))},_=(e,n,t,o)=>(k(e),"object"==typeof n&&null!==n&&Object.getOwnPropertyNames(n).forEach((r=>{const l=n[r],a=r.toLowerCase(),i="function"!=typeof(null==o?void 0:o.transformTagName)||["GLOBAL","PROPERTIES"].includes(r)?r:o.transformTagName(a);"string"==typeof l&&l.length>0&&g(e,i.toUpperCase(),l,t)})),e),y=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let n=e.parentNode;for(;n instanceof ShadowRoot;)n=n.host;return y(n)}}return null},w=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},x=()=>"object"==typeof f.A11yUi.Theme&&null!==f.A11yUi.Theme&&"boolean"==typeof f.A11yUi.Theme.cache&&"object"==typeof f.A11yUi.Theme.encroachCss&&null!==f.A11yUi.Theme.encroachCss&&"string"==typeof f.A11yUi.Theme.encroachCss.mode&&"string"==typeof f.A11yUi.Theme.name,E=e=>{if(x())return f.A11yUi.Theme;{const n={cache:!0,encroachCss:w(),loglevel:"silent",mode:"csr",name:null},t=y(e);return t instanceof HTMLElement&&(n.cache="false"!==t.dataset.themeCache,n.encroachCss=w(t.dataset),n.loglevel="debug"===t.dataset.themeLoglevel?t.dataset.themeLoglevel:"silent",n.mode="ssr"===t.dataset.themeMode?t.dataset.themeMode:"csr",n.name=t.dataset.theme||null),n}};let z=!1;const S=(e,n,t={})=>{z||(z=!0,b=!1,typeof window<"u"&&(window.A11yUi=f.A11yUi)),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{var n,o,r,l,a;"function"==typeof e&&1===e.length?((e,n)=>{!1===x()&&("object"!=typeof f.A11yUi.Theme||null===f.A11yUi.Theme||"default"!==f.A11yUi.Theme.name)&&"object"==typeof n&&null!==n&&(n=((e,n)=>({cache:!1!==n.cache,detect:"auto"===n.detect?"auto":"fixed",encroachCss:!1!==n.encroachCss&&("object"!=typeof n.encroachCss||null==n.encroachCss||"after"!==n.encroachCss.mode&&"before"!==n.encroachCss.mode?{mode:"before"}:n.encroachCss),loglevel:"debug"===n.loglevel?n.loglevel:"silent",mode:"ssr"===n.mode?n.mode:"csr",name:"string"==typeof n.name?n.name:e}))(e,n),"fixed"===n.detect?(null===n.name&&"string"==typeof e&&(n.name=e),e===n.name&&(f.A11yUi.Theme=n,m.info(`[Theming] Theme "${e}" was set as default theme.`))):p||(p=!0,m.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))})(e(((e,n,o)=>_(e,n,o,t))),{cache:null==(n=t.theme)?void 0:n.cache,detect:null==(o=t.theme)?void 0:o.detect,encroachCss:null==(r=t.theme)?void 0:r.encroachCss,mode:null==(l=t.theme)?void 0:l.mode,name:null==(a=t.theme)?void 0:a.name}):m.error("[Theming] An attempt was made to load an incompatible theme.")})),b=!0,"function"==typeof n?n=new Set([n]):Array.isArray(n)&&(n=new Set(n));const o=[];return n.forEach((e=>{const n=e();n instanceof Promise&&o.push(n)})),Promise.all(o)},T=new Set,C=/--[^;]+/g,O=/:/,L=typeof MutationObserver<"u";let N=25,A=()=>{N=Math.min(25+20*Math.log2(f.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const B=(e,n)=>{const t=f.A11yUi.THEMES.get(e);return t instanceof Map&&t.has(n)?t.get(n):""},I=(e,n,t,o)=>{const r=performance.now();if((e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{var t;try{if("ssr"===(null==(t=f.A11yUi.Theme)?void 0:t.mode))throw new Error("SSR");const o=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),o.push(n)})),e.adoptedStyleSheets=o}catch(t){[...n].reverse().forEach(((n,t)=>{if("string"!=typeof n||0===n.length)return;const o=document.createElement("style");switch(o.dataset.themingFallback="",t){case 4:o.dataset.themingBaseA11y="";break;case 3:o.dataset.themingBaseGlobal="";break;case 2:o.dataset.themingBaseComponent="";break;case 1:o.dataset.themingCustomGlobal="";break;case 0:o.dataset.themingCustomComponent="";break;default:o.dataset.themingUnknown=""}o.innerHTML=n,e.insertBefore(o,e.firstChild)}))}})(n,t),K(e),o(),f.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const n=f.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);n.count+=1,n.totalTime+=performance.now()-r}else f.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-r})},$=e=>{const n=f.A11yUi.STYLING_TASK_QUEUE.get(e);if(n){const{resetCss:t,themeDetails:o}=n;((e,n,t)=>{var o,r,l;const a=n.name||"default";let i;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");i=e.shadowRoot}catch(n){i=e}if(null==(o=f.A11yUi.CSS_STYLE_CACHE.get(a))?void 0:o.has(e.tagName))I(e,i,null==(r=f.A11yUi.CSS_STYLE_CACHE.get(a))?void 0:r.get(e.tagName),t);else{const o=B(a,"PROPERTIES"),r=B(a,"GLOBAL"),c=B(a,e.tagName);!1===T.has(a)&&((e,n)=>{var t;let o=n.match(C);if(Array.isArray(o)){o=o.filter((e=>O.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${o.join(";")}}`,null==(t=document.querySelector("head"))||t.appendChild(n)}T.add(e)})(a,r);const s=[o,r,c];((e,n,t)=>{if(!1!==t){const o=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch(e){r=[]}"before"===(null==t?void 0:t.mode)?(o.reverse().forEach((e=>n.unshift(e.innerHTML))),r.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===(null==t?void 0:t.mode)&&(o.forEach((e=>n.push(e.innerHTML))),r.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(i,s,n.encroachCss),!0===n.cache&&(!1===f.A11yUi.CSS_STYLE_CACHE.has(a)&&f.A11yUi.CSS_STYLE_CACHE.set(a,new Map),null==(l=f.A11yUi.CSS_STYLE_CACHE.get(a))||l.set(e.tagName,s)),I(e,i,s,t)}})(e,o,t),K(e)}};let P=e=>{const n=setTimeout((()=>{clearTimeout(n),e.classList.contains("hydrated")?$(e):P(e)}),N)};const j={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1},M={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},R=L?new MutationObserver(((e,n)=>{for(const t of e){const e=t.target;e.classList.contains("hydrated")&&($(e),n.observe(e,M))}})):null;R&&(P=e=>R.observe(e,j),A=()=>{});let F=e=>{const n=getComputedStyle(e).getPropertyValue("--theme-visibility-delay").trim();if(n.endsWith("ms"))return parseFloat(n);if(n.endsWith("s"))return 1e3*parseFloat(n);{const e=parseFloat(n);return isNaN(e)?0:e}};f.A11yUi.IS_TEST_ENVIRONMENT&&(F=()=>0,console.log("Test-Runner detected, disabling theme visibility delay."));const D=(e,n)=>{e.style.setProperty("visibility",n),e.dataset.themed=""},K=e=>{f.A11yUi.STYLING_TASK_QUEUE.delete(e),A()},H=(e,n)=>{((e,n)=>{const t=e.style.visibility||null;f.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{const n=F(e);n>0?setTimeout((()=>{D(e,t)}),n):D(e,t)},themeDetails:n}),e.style.setProperty("visibility","hidden","important"),P(e)})(e,c(c({},f.A11yUi.Theme),n))};var U,V,W,q;(V=U||(U={}))[V.error=0]="error",V[V.warning=1]="warning",V[V.info=2]="info",V[V.success=3]="success",V[V.message=4]="message",V[V.close=5]="close",V[V["form-description"]=6]="form-description",V[V.of=7]="of",V[V.characters=8]="characters",V[V.new=9]="new",V[V["no-entries"]=10]="no-entries",V[V["change-order"]=11]="change-order",V[V["action-running"]=12]="action-running",V[V["action-done"]=13]="action-done",V[V["page-first"]=14]="page-first",V[V["page-back"]=15]="page-back",V[V["page-next"]=16]="page-next",V[V["page-last"]=17]="page-last",V[V["entries-per-site"]=18]="entries-per-site",V[V["page-current"]=19]="page-current",V[V["page-selected"]=20]="page-selected",V[V["page-per-site"]=21]="page-per-site",V[V["logo-description"]=22]="logo-description",V[V["open-link-in-tab"]=23]="open-link-in-tab",V[V["kolibri-logo"]=24]="kolibri-logo",(q=W||(W={}))[q.abbr=0]="abbr",q[q.accordion=1]="accordion",q[q["accordion-group"]=2]="accordion-group",q[q.alert=3]="alert",q[q.avatar=4]="avatar",q[q.badge=5]="badge",q[q.breadcrumb=6]="breadcrumb",q[q.button=7]="button",q[q["button-link"]=8]="button-link",q[q.card=9]="card",q[q.combobox=10]="combobox",q[q.details=11]="details",q[q.drawer=12]="drawer",q[q.form=13]="form",q[q.heading=14]="heading",q[q.icon=15]="icon",q[q.image=16]="image",q[q["input-checkbox"]=17]="input-checkbox",q[q["input-color"]=18]="input-color",q[q["input-date"]=19]="input-date",q[q["input-email"]=20]="input-email",q[q["input-file"]=21]="input-file",q[q["input-number"]=22]="input-number",q[q["input-password"]=23]="input-password",q[q["input-radio"]=24]="input-radio",q[q["input-range"]=25]="input-range",q[q["input-text"]=26]="input-text",q[q.kolibri=27]="kolibri",q[q.link=28]="link",q[q["link-button"]=29]="link-button",q[q.logo=30]="logo",q[q.modal=31]="modal",q[q.nav=32]="nav",q[q.pagination=33]="pagination",q[q["popover-button"]=34]="popover-button",q[q.progress=35]="progress",q[q.select=36]="select",q[q.separator=37]="separator",q[q["single-select"]=38]="single-select",q[q["skip-nav"]=39]="skip-nav",q[q.spin=40]="spin",q[q["split-button"]=41]="split-button",q[q.symbol=42]="symbol",q[q.table=43]="table",q[q["table-stateful"]=44]="table-stateful",q[q["table-stateless"]=45]="table-stateless",q[q.tabs=46]="tabs",q[q.textarea=47]="textarea",q[q["toast-container"]=48]="toast-container",q[q.toolbar=49]="toolbar",q[q.tooltip=50]="tooltip",q[q.tree=51]="tree",q[q["tree-item"]=52]="tree-item";const Z=()=>"undefined"==typeof window?null:window,G=()=>void 0===Z().document?null:Z().document;let J=!1,Y=!1,Q=!1;const X=()=>!0===J,ee=e=>{J=!0===e},ne=()=>!0===Y,te=e=>{Y=!0===e},oe=()=>!0===Q,re=e=>{Q=!0===e},le=e=>Array.isArray(e)?e:[e],ae=e=>`%c${e}`,ie=(e,n)=>"string"==typeof n&&n.length>0?`${ae(e)} | ${n}`:ae(e),ce=(e,n)=>[ie(e,null==n?void 0:n.classifier),`color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000;${(null==n?void 0:n.overwriteStyle)||""}`],se=(e,n)=>e()||!0===n,de=new class{constructor(e,n){this.label=e,this.devMode=n}debug(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.debug(...ce(this.label,n),...le(e))}info(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.info(...ce(this.label,n),...le(e))}trace(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.trace(...ce(this.label,n),...le(e))}warn(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.warn(...ce(this.label,n),...le(e))}error(e,n){console.error(...ce(this.label,n),...le(e))}throw(e,n){if(se(this.devMode,null==n?void 0:n.forceLog))throw new Error(...ce(this.label,n),...le(e))}}("KoliBri",X),ue=new Set,me=(e,n)=>{(!1===ue.has(e)||(null==n?void 0:n.force))&&(ue.add(e),de.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #09f"}))},fe=new Set,be=(e,n)=>{(!1===fe.has(e)||(null==n?void 0:n.force))&&(fe.add(e),de.warn([e].concat((null==n?void 0:n.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f00"}))},pe=new Set,ve=(e,n)=>{(!1===pe.has(e)||(null==n?void 0:n.force))&&(pe.add(e),de.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"💻 dev",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f09"}))},ke=(e,n)=>{(!1===pe.has(e)||(null==n?void 0:n.force))&&(pe.add(e),de.warn([e].concat((null==n?void 0:n.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f09"}))},he=new Set,ge=(e,n=!1,t)=>{(!1===he.has(e)||(null==t?void 0:t.force))&&(he.add(e),e+=!0===n?" ✅":"",de.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #309"}))};ve("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const _e=new Set,ye=(e,n)=>{(!1===_e.has(e)||(null==n?void 0:n.force))&&(_e.add(e),de.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #060;"}))},we=()=>{me('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},xe=e=>{"string"==typeof e&&""!==e||me("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},Ee=(e,n=8)=>{n>7&&ye(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var ze=.2126,Se=.7152,Te=.0722,Ce=1/12.92;function Oe(e){return Math.pow((e+.055)/1.055,2.4)}function Le(e){var n=e[0]/255,t=e[1]/255,o=e[2]/255,r=n<=.03928?n*Ce:Oe(n),l=t<=.03928?t*Ce:Oe(t),a=o<=.03928?o*Ce:Oe(o);return r*ze+l*Se+a*Te}function Ne(e){var n=255;8===(e=e.replace(/^#/,"")).length&&(n=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(n=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var t=parseInt(e,16);return[t>>16,t>>8&255,255&t,n]}function Ae(e,n){return function(e,n){return function(e,n){return(Math.max(e,n)+.05)/(Math.min(e,n)+.05)}(Le(e),Le(n))}(Ne(e),Ne(n))}var Be={exports:{}};function Ie(e){var n=$e(e);return 3==n.length?n.concat(255):(n[3]=Math.round(n[3]),n)}function $e(e){return"string"==typeof e?("red"==(n=e=e.toLowerCase())?[255,0,0]:"green"==n?[0,255,0]:"blue"==n?[0,0,255]:"black"==n?[0,0,0]:"white"==n?[255,255,255]:"cyan"==n?[0,255,255]:"gray"==n||"grey"==n?[128,128,128]:"magenta"==n||"pink"==n?[255,0,255]:"yellow"==n?[255,255,0]:void 0)||function(e){var n=e.replace(/^#/,""),t=n.length;if(3==t||4==t){var o=je(n[0]),r=je(n[1]),l=je(n[2]),a=3==t?255:je(n[3]);if(isNaN(o)||isNaN(r)||isNaN(l)||isNaN(a))return;return[o,r,l,a]}}(e)||function(e){var n=e.replace(/^#/,""),t=n.length;if(6==t||8==t){var o=je(n.slice(0,2)),r=je(n.slice(2,4)),l=je(n.slice(4,6)),a=6==t?255:je(n.slice(6,8));if(isNaN(o)||isNaN(r)||isNaN(l)||isNaN(a))return;return[o,r,l,a]}}(e)||function(e){if("rgb("==e.substr(0,4)){var n=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),t=Me(n[0],!0),o=Me(n[1],!0),r=Me(n[2],!0);if(-1!=t&&-1!=o&&-1!=r)return[t,o,r,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var n=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),t=Me(n[0],!0),o=Me(n[1],!0),r=Me(n[2],!0),l=Me(255*n[3]);if(-1!=t&&-1!=o&&-1!=r&&-1!=l)return[t,o,r,l]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var n=Me(null!=e.r?e.r:null!=e.red?e.red:0,!0),t=Me(null!=e.g?e.g:null!=e.green?e.green:0,!0),o=Me(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),r=Me(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=n&&-1!=t&&-1!=o&&-1!=r)return[n,t,o,r]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var n=Me(e[0],!0),t=Me(e[1],!0),o=Me(e[2],!0),r=Me(null!=e[3]?e[3]:255,!0);if(-1!=n&&-1!=t&&-1!=o&&-1!=r)return[n,t,o,r]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var n}function Pe(e){var n=e.toString(16);return 1==n.length?"0"+n:n}function je(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function Me(e,n){return"number"!=typeof e||!0===n&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}Be.exports=Ie,Be.exports.arr=Ie,Be.exports.obj=function(e){var n=$e(e);return{r:n[0],g:n[1],b:n[2],a:3==n.length?255:Math.round(n[3])}},Be.exports.css=function(e){var n=$e(e);return 3==n.length&&n.push(255),255==n[3]?"rgb("+n[0]+", "+n[1]+", "+n[2]+")":0==n[3]?"rgba("+n[0]+", "+n[1]+", "+n[2]+", 0)":"rgba("+n[0]+", "+n[1]+", "+n[2]+", "+String(n[3]/255).substr(1)+")"},Be.exports.hex=function(e){3==(l=$e(e)).length&&l.push(255);var n=255==l[3],t=Pe(l[0]),o=Pe(l[1]),r=Pe(l[2]),l=Pe(Math.round(l[3])),a=function(e,n,t,o){var r=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=r.indexOf(e)&&-1!=r.indexOf(n)&&-1!=r.indexOf(t)&&-1!=r.indexOf(o)}(t,o,r,l);return n?a?"#"+t.charAt(0)+o.charAt(0)+r.charAt(0):"#"+t+o+r:a?"#"+t.charAt(0)+o.charAt(0)+r.charAt(0)+l.charAt(0):"#"+t+o+r+l},Be.exports.num=function(e){var n=$e(e);return 3==n.length?n.push(255):n[3]=Math.round(n[3]),(n[3]<<24>>>0|n[0]<<16|n[1]<<8|n[2])>>>0};const Re=Be.exports,Fe=(e,n)=>{n.forEach((n=>{!1===e.has(n)&&e.add(n)}))},De=(e,n=document)=>{if(n instanceof Document||n instanceof HTMLElement||n instanceof ShadowRoot){const t=new Set;Fe(t,n.querySelectorAll(e));const o=n.querySelectorAll('[class*="hydrated"]');for(let n=0;n<o.length;n++){const r=o[n].shadowRoot;Fe(t,De(e,"object"==typeof r&&null!==r?r:o[n]))}return Array.from(t)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},Ke=(e,n=document)=>{if(n instanceof Document||n instanceof HTMLElement||n instanceof ShadowRoot){let t=n.querySelector(e);if(null===t){const o=n.querySelectorAll('[class*="hydrated"]');for(let n=0;n<o.length;n++){const r=o[n].shadowRoot;if(t=Ke(e,"object"==typeof r&&null!==r?r:o[n]),null!==t)break}}return t}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")},He=/\[object Object\]/,Ue=(e,n)=>{"string"==typeof e&&He.test(e)||n()},Ve=(e,n)=>{"string"==typeof e&&""===e||n()},We=(e,n)=>{ne()&&(de.debug([e,n]),de.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:n,writable:!1})},qe=(e,n,t,o={})=>{var r,l;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextHooks.get(n)instanceof Map==0&&e.nextHooks.set(n,new Map),"function"==typeof o.afterPatch&&(null===(r=e.nextHooks.get(n))||void 0===r||r.set("afterPatch",o.afterPatch)),"function"==typeof o.beforePatch&&(null===(l=e.nextHooks.get(n))||void 0===l||l.set("beforePatch",o.beforePatch)),e.nextState.set(n,t),(e=>{var n,t,o;null===(n=e.nextHooks)||void 0===n||n.forEach(((n,t)=>{var o;const r=n.get("beforePatch");"function"==typeof r&&r(null===(o=e.nextState)||void 0===o?void 0:o.get(t),e.nextState,e,t)})),(null===(t=e.nextState)||void 0===t?void 0:t.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(o=e.nextHooks)||void 0===o||o.forEach(((n,t)=>{const o=n.get("afterPatch");"function"==typeof o&&o(e.state[t],e.state,e,t)}))),delete e.nextHooks})(e)},Ze=(e,n,t,o)=>{ve(`[${e.constructor.name}] The property value: (${t}) for '${n}' is not valid. Allowed values are: ${Array.from(o).join(", ")}`)};function Ge(e,n,t,o,r,l={}){t(r)?qe(e,n,r,l.hooks):void 0===r&&!0!==l.required&&t(l.defaultValue)?qe(e,n,l.defaultValue,l.hooks):(l.required||o.add(null),Ze(e,n,r,o))}const Je=(e,n,t,o)=>{Ge(e,n,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),t,o)},Ye=(e,n,t,o={})=>{const r="number"==typeof o.minLength?null==o?void 0:o.minLength:0;Ge(e,n,(e=>"string"==typeof e&&e.length>=r&&(void 0===(null==o?void 0:o.maxLength)||e.length<=o.maxLength)),new Set(["String"]),t,o)},Qe=(e,n,t,o)=>{Ge(e,n,(e=>"number"==typeof e&&(void 0===(null==o?void 0:o.min)||"number"==typeof(null==o?void 0:o.min)&&e>=o.min)&&(void 0===(null==o?void 0:o.max)||"number"==typeof(null==o?void 0:o.max)&&e<=o.max)),new Set(["Number"]),t,o)},Xe=(e,n,t,o,r=e=>e==e,l={})=>{Ve(o,(()=>{Ue(o,(()=>{void 0===o&&(o=[]);try{try{o=tn(o)}catch(e){}if(Array.isArray(o)){const a=o.find((e=>!t(e)));void 0===a&&r(o)?qe(e,n,o,l.hooks):Ue(a,(()=>{throw de.debug(a),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else Ue(o,(()=>{throw de.debug(o),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){de.debug(e)}}))}))},en=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(n){throw de.warn(["stringifyJson",e]),de.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},nn=/^[{[]/,tn=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(n){if(nn.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(n){de.warn(["parseJson",e]),de.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},on=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,rn=e=>"string"==typeof e?e:on(e),ln=(e,n)=>Ke(e,n||G()),an=(e,n)=>De(e,n||G());let cn=null;const sn=()=>(cn=cn||{backgroundColor:"#00000000",color:"#00000000",domNode:G().body,level:"Fail",score:1},cn),dn=/(\d+, ){3}0\)/,un=(e,n=sn())=>{const t=getComputedStyle(e),o=dn.test(t.backgroundColor)?n.backgroundColor:Re.hex(t.backgroundColor),r=dn.test(t.color)?n.color:Re.hex(t.color),l=Ae(o,r),a={backgroundColor:o,color:r,domNode:e,level:(i=l,i>=7?"AAA":i>=4.5?"AA":i>=3?"AA Large":"Fail"),score:l};var i;return l<4.5&&de.error(["Color-Contrast-Error",{backgroundColor:a.backgroundColor,color:a.color,level:a.level,score:a.score},a.domNode]),a},mn=(e,n=sn())=>{n.domNode instanceof HTMLElement&&(n=un(n.domNode,n));const t=n.domNode.querySelector(e);if(null===t){const t=n.domNode.querySelectorAll('[class="hydrated"]');for(let o=0;o<t.length&&(n.domNode=t[o],null===(n=mn(e,n)).domNode);o++);return n}return un(t,n)};class fn{static queryHtmlElementColors(e,n,t=!1,o=!0){let r=null;if(!0===t||!1===fn.executionLock)if(!1===t&&(fn.cache.clear(),fn.cache.set(n.domNode,n),fn.executionLock=!0,!0===o&&de.debug("[KoliBriUtils] Color contrast analysis started...")),e===n.domNode)r=n;else{const t=new Set;if(n.domNode.shadowRoot){const e=n.domNode.shadowRoot.children;for(let n=0;n<e.length;n++)t.add(e[n])}const o=n.domNode;if("function"==typeof o.assignedNodes){const e=o.assignedNodes();for(let n=0;n<e.length;n++)e[n]instanceof HTMLElement&&t.add(e[n])}const l=n.domNode.children;for(let e=0;e<l.length;e++)t.add(l[e]);const a=Array.from(t);for(let t=0;t<a.length;t++){let o=fn.cache.get(a[t]);void 0===o&&(o=un(a[t],n)),fn.cache.set(a[t],o);const l=fn.queryHtmlElementColors(e,o,!0,!1);if(null!==l){r=l;break}}}else de.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===t&&(!0===o&&de.debug(`[KoliBriUtils] Color contrast analysis finished (${fn.cache.size} DOM elements are analysed).`),fn.executionLock=!1,fn.cache.clear()),r}}fn.executionLock=!1,fn.cache=new Map;class bn{}bn.getCssStyle=B,bn.patchTheme=(e,n,t,o)=>_(e,n,t,o),bn.patchThemeTag=(e,n,t,o)=>g(e,n,t,o),bn.querySelector=ln,bn.querySelectorAll=an,bn.stringifyJson=en;let pn="development";try{pn="production"}catch(e){pn="production"}const vn=e=>""===e,kn=(e,n)=>e||n||"",hn=e=>"object"==typeof e&&null!==e,gn=(e,n=0)=>"string"==typeof e&&e.length>=n,_n=e=>{if("object"!=typeof e||null===e)return gn(e,1);for(const n in e)if(!1===gn(n,1))return!1;return!0},yn=new Event("StateChange");var wn,xn;(xn=wn||(wn={})).bar="bar",xn.cycle="cycle",new class{constructor(e,n,t){s(this,"Prefix"),s(this,"Key"),s(this,"Tag"),s(this,"createTheme",((e,n)=>((e,n)=>t=>t(e,n,{append:!1}))(e,n))),s(this,"createTranslation",((e,n)=>((e,n)=>t=>t(e,n))(e,n))),this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(t)}}("kol",U,W)},443:(e,n)=>{"use strict";var t="function"==typeof Symbol&&Symbol.for,o=t?Symbol.for("react.element"):60103,r=t?Symbol.for("react.portal"):60106,l=t?Symbol.for("react.fragment"):60107,a=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,c=t?Symbol.for("react.provider"):60109,s=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,u=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,f=t?Symbol.for("react.suspense"):60113,b=t?Symbol.for("react.suspense_list"):60120,p=t?Symbol.for("react.memo"):60115,v=t?Symbol.for("react.lazy"):60116,k=t?Symbol.for("react.block"):60121,h=t?Symbol.for("react.fundamental"):60117,g=t?Symbol.for("react.responder"):60118,_=t?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case o:switch(e=e.type){case d:case u:case l:case i:case a:case f:return e;default:switch(e=e&&e.$$typeof){case s:case m:case v:case p:case c:return e;default:return n}}case r:return n}}}function w(e){return y(e)===u}n.AsyncMode=d,n.ConcurrentMode=u,n.ContextConsumer=s,n.ContextProvider=c,n.Element=o,n.ForwardRef=m,n.Fragment=l,n.Lazy=v,n.Memo=p,n.Portal=r,n.Profiler=i,n.StrictMode=a,n.Suspense=f,n.isAsyncMode=function(e){return w(e)||y(e)===d},n.isConcurrentMode=w,n.isContextConsumer=function(e){return y(e)===s},n.isContextProvider=function(e){return y(e)===c},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},n.isForwardRef=function(e){return y(e)===m},n.isFragment=function(e){return y(e)===l},n.isLazy=function(e){return y(e)===v},n.isMemo=function(e){return y(e)===p},n.isPortal=function(e){return y(e)===r},n.isProfiler=function(e){return y(e)===i},n.isStrictMode=function(e){return y(e)===a},n.isSuspense=function(e){return y(e)===f},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===l||e===u||e===i||e===a||e===f||e===b||"object"==typeof e&&null!==e&&(e.$$typeof===v||e.$$typeof===p||e.$$typeof===c||e.$$typeof===s||e.$$typeof===m||e.$$typeof===h||e.$$typeof===g||e.$$typeof===_||e.$$typeof===k)},n.typeOf=y},980:(e,n,t)=>{var o={"./kol-abbr.entry.js":[1932,1932],"./kol-accordion.entry.js":[4641,4641],"./kol-alert-wc.entry.js":[8180,8180],"./kol-alert.entry.js":[2321,2321],"./kol-avatar-wc.entry.js":[2069,2069],"./kol-avatar.entry.js":[6790,6790],"./kol-badge.entry.js":[7444,4694,7444],"./kol-breadcrumb.entry.js":[5690,5690],"./kol-button-link.entry.js":[9108,9108],"./kol-button-wc.entry.js":[7178,4694,7178],"./kol-button.entry.js":[3099,3099],"./kol-card.entry.js":[4201,4694,4201],"./kol-combobox.entry.js":[1752,6509,1752],"./kol-details.entry.js":[833,833],"./kol-drawer.entry.js":[4030,4030],"./kol-form.entry.js":[8605,8605],"./kol-heading.entry.js":[373,4694,373],"./kol-icon.entry.js":[9322,9322],"./kol-image.entry.js":[6066,6066],"./kol-input-checkbox.entry.js":[9581,6509,9581],"./kol-input-color.entry.js":[6781,6509,6781],"./kol-input-date.entry.js":[3920,6509,3920],"./kol-input-email.entry.js":[8246,6509,2113,8246],"./kol-input-file.entry.js":[5746,6509,5746],"./kol-input-number.entry.js":[7013,6509,7013],"./kol-input-password.entry.js":[5301,6509,5301],"./kol-input-radio.entry.js":[8137,6509,8137],"./kol-input-range.entry.js":[2231,6509,2231],"./kol-input-text.entry.js":[9731,6509,2113,9731],"./kol-kolibri.entry.js":[6047,6047],"./kol-link-button.entry.js":[4876,4876],"./kol-link-wc.entry.js":[8378,4694,8378],"./kol-link.entry.js":[4587,4587],"./kol-modal.entry.js":[1006,8625],"./kol-nav.entry.js":[8625,1006],"./kol-pagination.entry.js":[3203,3203],"./kol-popover-button-wc.entry.js":[3874,8065,3874],"./kol-popover-button.entry.js":[4611,4611],"./kol-popover-wc.entry.js":[4389,8065,4389],"./kol-progress.entry.js":[6304,6304],"./kol-quote.entry.js":[9255,9255],"./kol-select.entry.js":[907,6509,907],"./kol-single-select.entry.js":[4048,6509,4048],"./kol-skip-nav.entry.js":[2596,2596],"./kol-spin.entry.js":[2827,2827],"./kol-split-button.entry.js":[2212,2212],"./kol-table-settings-wc.entry.js":[6256,6256],"./kol-table-stateful.entry.js":[6984,6984],"./kol-table-stateless-wc.entry.js":[7533,7533],"./kol-table-stateless.entry.js":[2894,2894],"./kol-tabs.entry.js":[3151,3151],"./kol-textarea.entry.js":[5249,6509,5249],"./kol-toast-container.entry.js":[9930,4694,9930],"./kol-toolbar.entry.js":[3540,3540],"./kol-tooltip-wc.entry.js":[7535,4694,8065,7535],"./kol-tree-item-wc.entry.js":[9938,9938],"./kol-tree-item.entry.js":[7347,7347],"./kol-tree-wc.entry.js":[3918,3918],"./kol-tree.entry.js":[9719,9719],"./kol-version.entry.js":[775,775],"./test-component.entry.js":[8192,8192]};function r(e){if(!t.o(o,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=o[e],r=n[0];return Promise.all(n.slice(1).map(t.e)).then((()=>t(r)))}r.keys=()=>Object.keys(o),r.id=980,e.exports=r},1658:(e,n,t)=>{"use strict";e.exports=t(6197)},1698:(e,n,t)=>{"use strict";t.d(n,{K:()=>te,a:()=>f,b:()=>a,c:()=>c,d:()=>_,e:()=>P,f:()=>oe,g:()=>h,h:()=>V,i:()=>K,j:()=>$,k:()=>F,l:()=>R,m:()=>X,n:()=>m,o:()=>ie,p:()=>le,q:()=>s,r:()=>g,s:()=>se,t:()=>w,u:()=>T,v:()=>J,w:()=>ae,x:()=>re});let o="kol-abbr",r="kol-accordion",l="kol-alert",a="kol-alert-wc",i="kol-avatar",c="kol-avatar-wc",s="kol-badge",d="kol-breadcrumb",u="kol-button-link",m="kol-button",f="kol-button-wc",b="kol-card",p="kol-combobox",v="kol-details",k="kol-drawer",h="kol-form",g="kol-heading",_="kol-icon",y="kol-image",w="kol-input-checkbox",x="kol-input-color",E="kol-input-date",z="kol-input-email",S="kol-input-file",T="kol-input-number",C="kol-input-password",O="kol-input-radio",L="kol-input-range",N="kol-input",A="kol-input-text",B="kol-kolibri",I="kol-link-button",$="kol-link",P="kol-link-wc",j="kol-modal",M="kol-nav",R="kol-pagination",F="kol-popover-wc",D="kol-popover-button",K="kol-popover-button-wc",H="kol-progress",U="kol-quote",V="kol-select",W="kol-single-select",q="kol-skip-nav",Z="kol-spin",G="kol-split-button",J="kol-table-settings-wc",Y="kol-table-stateful",Q="kol-table-stateless",X="kol-table-stateless-wc",ee="kol-tabs",ne="kol-textarea",te="kol-toast-container",oe="kol-tooltip-wc",re="kol-tree-item",le="kol-tree-item-wc",ae="kol-tree",ie="kol-tree-wc",ce="kol-version";const se=e=>{o=e(o),r=e(r),l=e(l),a=e(a),i=e(i),c=e(c),s=e(s),d=e(d),u=e(u),m=e(m),f=e(f),b=e(b),p=e(p),v=e(v),k=e(k),h=e(h),g=e(g),_=e(_),y=e(y),w=e(w),x=e(x),E=e(E),z=e(z),S=e(S),T=e(T),C=e(C),O=e(O),L=e(L),N=e(N),A=e(A),B=e(B),I=e(I),$=e($),P=e(P),j=e(j),M=e(M),R=e(R),F=e(F),D=e(D),K=e(K),H=e(H),U=e(U),V=e(V),W=e(W),q=e(q),Z=e(Z),G=e(G),J=e(J),Y=e(Y),Q=e(Q),X=e(X),ee=e(ee),ne=e(ne),te=e(te),e(oe),oe=e(oe),re=e(re),le=e(le),ae=e(ae),ie=e(ie),ce=e(ce)}},1777:(e,n)=>{"use strict";var t=Symbol.for("react.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),f=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,v={};function k(e,n,t){this.props=e,this.context=n,this.refs=v,this.updater=t||b}function h(){}function g(e,n,t){this.props=e,this.context=n,this.refs=v,this.updater=t||b}k.prototype.isReactComponent={},k.prototype.setState=function(e,n){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,n,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=k.prototype;var _=g.prototype=new h;_.constructor=g,p(_,k.prototype),_.isPureReactComponent=!0;var y=Array.isArray,w=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function z(e,n,o){var r,l={},a=null,i=null;if(null!=n)for(r in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(a=""+n.key),n)w.call(n,r)&&!E.hasOwnProperty(r)&&(l[r]=n[r]);var c=arguments.length-2;if(1===c)l.children=o;else if(1<c){for(var s=Array(c),d=0;d<c;d++)s[d]=arguments[d+2];l.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===l[r]&&(l[r]=c[r]);return{$$typeof:t,type:e,key:a,ref:i,props:l,_owner:x.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var T=/\/+/g;function C(e,n){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var n={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return n[e]}))}(""+e.key):n.toString(36)}function O(e,n,r,l,a){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case t:case o:c=!0}}if(c)return a=a(c=e),e=""===l?"."+C(c,0):l,y(a)?(r="",null!=e&&(r=e.replace(T,"$&/")+"/"),O(a,n,r,"",(function(e){return e}))):null!=a&&(S(a)&&(a=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(a,r+(!a.key||c&&c.key===a.key?"":(""+a.key).replace(T,"$&/")+"/")+e)),n.push(a)),1;if(c=0,l=""===l?".":l+":",y(e))for(var s=0;s<e.length;s++){var d=l+C(i=e[s],s);c+=O(i,n,r,d,a)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=O(i=i.value,n,r,d=l+C(i,s++),a);else if("object"===i)throw n=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.");return c}function L(e,n,t){if(null==e)return e;var o=[],r=0;return O(e,o,"","",(function(e){return n.call(t,e,r++)})),o}function N(e){if(-1===e._status){var n=e._result;(n=n()).then((function(n){0!==e._status&&-1!==e._status||(e._status=1,e._result=n)}),(function(n){0!==e._status&&-1!==e._status||(e._status=2,e._result=n)})),-1===e._status&&(e._status=0,e._result=n)}if(1===e._status)return e._result.default;throw e._result}var A={current:null},B={transition:null},I={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:B,ReactCurrentOwner:x};function $(){throw Error("act(...) is not supported in production builds of React.")}n.Children={map:L,forEach:function(e,n,t){L(e,(function(){n.apply(this,arguments)}),t)},count:function(e){var n=0;return L(e,(function(){n++})),n},toArray:function(e){return L(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},n.Component=k,n.Fragment=r,n.Profiler=a,n.PureComponent=g,n.StrictMode=l,n.Suspense=d,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,n.act=$,n.cloneElement=function(e,n,o){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=p({},e.props),l=e.key,a=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(a=n.ref,i=x.current),void 0!==n.key&&(l=""+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in n)w.call(n,s)&&!E.hasOwnProperty(s)&&(r[s]=void 0===n[s]&&void 0!==c?c[s]:n[s])}var s=arguments.length-2;if(1===s)r.children=o;else if(1<s){c=Array(s);for(var d=0;d<s;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:t,type:e.type,key:l,ref:a,props:r,_owner:i}},n.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},n.createElement=z,n.createFactory=function(e){var n=z.bind(null,e);return n.type=e,n},n.createRef=function(){return{current:null}},n.forwardRef=function(e){return{$$typeof:s,render:e}},n.isValidElement=S,n.lazy=function(e){return{$$typeof:m,_payload:{_status:-1,_result:e},_init:N}},n.memo=function(e,n){return{$$typeof:u,type:e,compare:void 0===n?null:n}},n.startTransition=function(e){var n=B.transition;B.transition={};try{e()}finally{B.transition=n}},n.unstable_act=$,n.useCallback=function(e,n){return A.current.useCallback(e,n)},n.useContext=function(e){return A.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return A.current.useDeferredValue(e)},n.useEffect=function(e,n){return A.current.useEffect(e,n)},n.useId=function(){return A.current.useId()},n.useImperativeHandle=function(e,n,t){return A.current.useImperativeHandle(e,n,t)},n.useInsertionEffect=function(e,n){return A.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return A.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return A.current.useMemo(e,n)},n.useReducer=function(e,n,t){return A.current.useReducer(e,n,t)},n.useRef=function(e){return A.current.useRef(e)},n.useState=function(e){return A.current.useState(e)},n.useSyncExternalStore=function(e,n,t){return A.current.useSyncExternalStore(e,n,t)},n.useTransition=function(){return A.current.useTransition()},n.version="18.3.1"},2302:(e,n,t)=>{"use strict";e.exports=t(1777)},2332:(e,n,t)=>{"use strict";let o;t.d(n,{o:()=>a,s:()=>l});const r=[],l=e=>{o=e,r.forEach((n=>{n(e)}))},a=(e,n=!0)=>(n&&"string"==typeof o&&e(o),r.push(e),()=>{const n=r.indexOf(e);n>=0&&r.splice(n,1)})},2435:(e,n,t)=>{"use strict";var o=t(8735),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},l={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function c(e){return o.isMemo(e)?a:i[e.$$typeof]||r}i[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[o.Memo]=a;var s=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,b=Object.prototype;e.exports=function e(n,t,o){if("string"!=typeof t){if(b){var r=f(t);r&&r!==b&&e(n,r,o)}var a=d(t);u&&(a=a.concat(u(t)));for(var i=c(n),p=c(t),v=0;v<a.length;++v){var k=a[v];if(!(l[k]||o&&o[k]||p&&p[k]||i&&i[k])){var h=m(t,k);try{s(n,k,h)}catch(e){}}}}return n}},2592:(e,n,t)=>{"use strict";e.exports=t(5589)},3015:e=>{"use strict";var n=Array.isArray,t=Object.keys,o=Object.prototype.hasOwnProperty,r="undefined"!=typeof Element;function l(e,a){if(e===a)return!0;if(e&&a&&"object"==typeof e&&"object"==typeof a){var i,c,s,d=n(e),u=n(a);if(d&&u){if((c=e.length)!=a.length)return!1;for(i=c;0!=i--;)if(!l(e[i],a[i]))return!1;return!0}if(d!=u)return!1;var m=e instanceof Date,f=a instanceof Date;if(m!=f)return!1;if(m&&f)return e.getTime()==a.getTime();var b=e instanceof RegExp,p=a instanceof RegExp;if(b!=p)return!1;if(b&&p)return e.toString()==a.toString();var v=t(e);if((c=v.length)!==t(a).length)return!1;for(i=c;0!=i--;)if(!o.call(a,v[i]))return!1;if(r&&e instanceof Element&&a instanceof Element)return e===a;for(i=c;0!=i--;)if(!("_owner"===(s=v[i])&&e.$$typeof||l(e[s],a[s])))return!1;return!0}return e!=e&&a!=a}e.exports=function(e,n){try{return l(e,n)}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: react-fast-compare does not handle circular references.",e.name,e.message),!1;throw e}}},3185:(e,n,t)=>{"use strict";t.d(n,{s:()=>r});const o=function(e){return function(n,t){if(!n)return e;var o;"string"==typeof n?o=n:t=n;var r=e;return o&&(r+="__"+o),r+(t?Object.keys(t).reduce((function(e,n){var o=t[n];return o&&(e+=" "+("boolean"==typeof o?r+"--"+n:r+"--"+n+"_"+o)),e}),""):"")}};function r(){const e=new Map;return(n,t,r)=>{try{return e.get(n)(t,r)}catch(l){return e.set(n,o(n)).get(n)(t,r)}}}},3635:(e,n,t)=>{"use strict";t.d(n,{a:()=>r,b:()=>l});const o=(0,t(3185).s)(),r=o("kol-icon"),l=o("kol-icon","icon")},3694:(e,n,t)=>{"use strict";var o,r;function l(e,n,t){e.dispatchEvent(function(e,n){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:n})}(n,t))}t.d(n,{K:()=>o,d:()=>l}),(r=o||(o={})).blur="kolBlur",r.change="kolChange",r.changePage="kolChangePage",r.changePageSize="kolChangePageSize",r.click="kolClick",r.close="kolClose",r.focus="kolFocus",r.input="kolInput",r.mousedown="kolMousedown",r.reset="kolReset",r.select="kolSelect",r.selectionChange="kolSelectionChange",r.sort="kolSort",r.submit="kolSubmit",r.toggle="kolToggle",r.settingsChange="settingsChange"},3857:(e,n,t)=>{"use strict";var o=t(2302),r=t(2592);function l(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t<arguments.length;t++)n+="&args[]="+encodeURIComponent(arguments[t]);return"Minified React error #"+e+"; visit "+n+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var a=new Set,i={};function c(e,n){s(e,n),s(e+"Capture",n)}function s(e,n){for(i[e]=n,e=0;e<n.length;e++)a.add(n[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),u=Object.prototype.hasOwnProperty,m=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},b={};function p(e,n,t,o,r,l,a){this.acceptsBooleans=2===n||3===n||4===n,this.attributeName=o,this.attributeNamespace=r,this.mustUseProperty=t,this.propertyName=e,this.type=n,this.sanitizeURL=l,this.removeEmptyString=a}var v={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){v[e]=new p(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var n=e[0];v[n]=new p(n,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){v[e]=new p(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){v[e]=new p(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){v[e]=new p(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){v[e]=new p(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){v[e]=new p(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){v[e]=new p(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){v[e]=new p(e,5,!1,e.toLowerCase(),null,!1,!1)}));var k=/[\-:]([a-z])/g;function h(e){return e[1].toUpperCase()}function g(e,n,t,o){var r=v.hasOwnProperty(n)?v[n]:null;(null!==r?0!==r.type:o||!(2<n.length)||"o"!==n[0]&&"O"!==n[0]||"n"!==n[1]&&"N"!==n[1])&&(function(e,n,t,o){if(null==n||function(e,n,t,o){if(null!==t&&0===t.type)return!1;switch(typeof n){case"function":case"symbol":return!0;case"boolean":return!o&&(null!==t?!t.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,n,t,o))return!0;if(o)return!1;if(null!==t)switch(t.type){case 3:return!n;case 4:return!1===n;case 5:return isNaN(n);case 6:return isNaN(n)||1>n}return!1}(n,t,r,o)&&(t=null),o||null===r?function(e){return!!u.call(b,e)||!u.call(f,e)&&(m.test(e)?b[e]=!0:(f[e]=!0,!1))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):r.mustUseProperty?e[r.propertyName]=null===t?3!==r.type&&"":t:(n=r.attributeName,o=r.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(r=r.type)||4===r&&!0===t?"":""+t,o?e.setAttributeNS(o,n,t):e.setAttribute(n,t))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var n=e.replace(k,h);v[n]=new p(n,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var n=e.replace(k,h);v[n]=new p(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var n=e.replace(k,h);v[n]=new p(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){v[e]=new p(e,1,!1,e.toLowerCase(),null,!1,!1)})),v.xlinkHref=new p("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){v[e]=new p(e,1,!1,e.toLowerCase(),null,!0,!0)}));var _=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,y=Symbol.for("react.element"),w=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),S=Symbol.for("react.provider"),T=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),A=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var B=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var I=Symbol.iterator;function $(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=I&&e[I]||e["@@iterator"])?e:null}var P,j=Object.assign;function M(e){if(void 0===P)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);P=n&&n[1]||""}return"\n"+P+e}var R=!1;function F(e,n){if(!e||R)return"";R=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var o=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){o=e}e.call(n.prototype)}else{try{throw Error()}catch(e){o=e}e()}}catch(n){if(n&&o&&"string"==typeof n.stack){for(var r=n.stack.split("\n"),l=o.stack.split("\n"),a=r.length-1,i=l.length-1;1<=a&&0<=i&&r[a]!==l[i];)i--;for(;1<=a&&0<=i;a--,i--)if(r[a]!==l[i]){if(1!==a||1!==i)do{if(a--,0>--i||r[a]!==l[i]){var c="\n"+r[a].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}}while(1<=a&&0<=i);break}}}finally{R=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?M(e):""}function D(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return F(e.type,!1);case 11:return F(e.type.render,!1);case 1:return F(e.type,!0);default:return""}}function K(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case w:return"Portal";case z:return"Profiler";case E:return"StrictMode";case O:return"Suspense";case L:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case S:return(e._context.displayName||"Context")+".Provider";case C:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case N:return null!==(n=e.displayName||null)?n:K(e.type)||"Memo";case A:n=e._payload,e=e._init;try{return K(e(n))}catch(e){}}return null}function H(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return K(n);case 8:return n===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function U(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function W(e){e._valueTracker||(e._valueTracker=function(e){var n=V(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),o=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var r=t.get,l=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return r.call(this)},set:function(e){o=""+e,l.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return o},setValue:function(e){o=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function q(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),o="";return e&&(o=V(e)?e.checked?"true":"false":e.value),(e=o)!==t&&(n.setValue(e),!0)}function Z(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function G(e,n){var t=n.checked;return j({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function J(e,n){var t=null==n.defaultValue?"":n.defaultValue,o=null!=n.checked?n.checked:n.defaultChecked;t=U(null!=n.value?n.value:t),e._wrapperState={initialChecked:o,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Y(e,n){null!=(n=n.checked)&&g(e,"checked",n,!1)}function Q(e,n){Y(e,n);var t=U(n.value),o=n.type;if(null!=t)"number"===o?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===o||"reset"===o)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,t):n.hasOwnProperty("defaultValue")&&ee(e,n.type,U(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function X(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var o=n.type;if(!("submit"!==o&&"reset"!==o||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function ee(e,n,t){"number"===n&&Z(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var ne=Array.isArray;function te(e,n,t,o){if(e=e.options,n){n={};for(var r=0;r<t.length;r++)n["$"+t[r]]=!0;for(t=0;t<e.length;t++)r=n.hasOwnProperty("$"+e[t].value),e[t].selected!==r&&(e[t].selected=r),r&&o&&(e[t].defaultSelected=!0)}else{for(t=""+U(t),n=null,r=0;r<e.length;r++){if(e[r].value===t)return e[r].selected=!0,void(o&&(e[r].defaultSelected=!0));null!==n||e[r].disabled||(n=e[r])}null!==n&&(n.selected=!0)}}function oe(e,n){if(null!=n.dangerouslySetInnerHTML)throw Error(l(91));return j({},n,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,n){var t=n.value;if(null==t){if(t=n.children,n=n.defaultValue,null!=t){if(null!=n)throw Error(l(92));if(ne(t)){if(1<t.length)throw Error(l(93));t=t[0]}n=t}null==n&&(n=""),t=n}e._wrapperState={initialValue:U(t)}}function le(e,n){var t=U(n.value),o=U(n.defaultValue);null!=t&&((t=""+t)!==e.value&&(e.value=t),null==n.defaultValue&&e.defaultValue!==t&&(e.defaultValue=t)),null!=o&&(e.defaultValue=""+o)}function ae(e){var n=e.textContent;n===e._wrapperState.initialValue&&""!==n&&null!==n&&(e.value=n)}function ie(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function ce(e,n){return null==e||"http://www.w3.org/1999/xhtml"===e?ie(n):"http://www.w3.org/2000/svg"===e&&"foreignObject"===n?"http://www.w3.org/1999/xhtml":e}var se,de,ue=(de=function(e,n){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=n;else{for((se=se||document.createElement("div")).innerHTML="<svg>"+n.valueOf().toString()+"</svg>",n=se.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,o){MSApp.execUnsafeLocalFunction((function(){return de(e,n)}))}:de);function me(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},be=["Webkit","ms","Moz","O"];function pe(e,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||fe.hasOwnProperty(e)&&fe[e]?(""+n).trim():n+"px"}function ve(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var o=0===t.indexOf("--"),r=pe(t,n[t],o);"float"===t&&(t="cssFloat"),o?e.setProperty(t,r):e[t]=r}}Object.keys(fe).forEach((function(e){be.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),fe[n]=fe[e]}))}));var ke=j({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function he(e,n){if(n){if(ke[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(l(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(l(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(l(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(l(62))}}function ge(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var _e=null;function ye(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var we=null,xe=null,Ee=null;function ze(e){if(e=_r(e)){if("function"!=typeof we)throw Error(l(280));var n=e.stateNode;n&&(n=wr(n),we(e.stateNode,e.type,n))}}function Se(e){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function Te(){if(xe){var e=xe,n=Ee;if(Ee=xe=null,ze(e),n)for(e=0;e<n.length;e++)ze(n[e])}}function Ce(e,n){return e(n)}function Oe(){}var Le=!1;function Ne(e,n,t){if(Le)return e(n,t);Le=!0;try{return Ce(e,n,t)}finally{Le=!1,(null!==xe||null!==Ee)&&(Oe(),Te())}}function Ae(e,n){var t=e.stateNode;if(null===t)return null;var o=wr(t);if(null===o)return null;t=o[n];e:switch(n){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(o=!o.disabled)||(o=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!o;break e;default:e=!1}if(e)return null;if(t&&"function"!=typeof t)throw Error(l(231,n,typeof t));return t}var Be=!1;if(d)try{var Ie={};Object.defineProperty(Ie,"passive",{get:function(){Be=!0}}),window.addEventListener("test",Ie,Ie),window.removeEventListener("test",Ie,Ie)}catch(de){Be=!1}function $e(e,n,t,o,r,l,a,i,c){var s=Array.prototype.slice.call(arguments,3);try{n.apply(t,s)}catch(e){this.onError(e)}}var Pe=!1,je=null,Me=!1,Re=null,Fe={onError:function(e){Pe=!0,je=e}};function De(e,n,t,o,r,l,a,i,c){Pe=!1,je=null,$e.apply(Fe,arguments)}function Ke(e){var n=e,t=e;if(e.alternate)for(;n.return;)n=n.return;else{e=n;do{!!(4098&(n=e).flags)&&(t=n.return),e=n.return}while(e)}return 3===n.tag?t:null}function He(e){if(13===e.tag){var n=e.memoizedState;if(null===n&&null!==(e=e.alternate)&&(n=e.memoizedState),null!==n)return n.dehydrated}return null}function Ue(e){if(Ke(e)!==e)throw Error(l(188))}function Ve(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Ke(e)))throw Error(l(188));return n!==e?null:e}for(var t=e,o=n;;){var r=t.return;if(null===r)break;var a=r.alternate;if(null===a){if(null!==(o=r.return)){t=o;continue}break}if(r.child===a.child){for(a=r.child;a;){if(a===t)return Ue(r),e;if(a===o)return Ue(r),n;a=a.sibling}throw Error(l(188))}if(t.return!==o.return)t=r,o=a;else{for(var i=!1,c=r.child;c;){if(c===t){i=!0,t=r,o=a;break}if(c===o){i=!0,o=r,t=a;break}c=c.sibling}if(!i){for(c=a.child;c;){if(c===t){i=!0,t=a,o=r;break}if(c===o){i=!0,o=a,t=r;break}c=c.sibling}if(!i)throw Error(l(189))}}if(t.alternate!==o)throw Error(l(190))}if(3!==t.tag)throw Error(l(188));return t.stateNode.current===t?e:n}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var n=We(e);if(null!==n)return n;e=e.sibling}return null}var qe=r.unstable_scheduleCallback,Ze=r.unstable_cancelCallback,Ge=r.unstable_shouldYield,Je=r.unstable_requestPaint,Ye=r.unstable_now,Qe=r.unstable_getCurrentPriorityLevel,Xe=r.unstable_ImmediatePriority,en=r.unstable_UserBlockingPriority,nn=r.unstable_NormalPriority,tn=r.unstable_LowPriority,on=r.unstable_IdlePriority,rn=null,ln=null,an=Math.clz32?Math.clz32:function(e){return 0===(e>>>=0)?32:31-(cn(e)/sn|0)|0},cn=Math.log,sn=Math.LN2,dn=64,un=4194304;function mn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function fn(e,n){var t=e.pendingLanes;if(0===t)return 0;var o=0,r=e.suspendedLanes,l=e.pingedLanes,a=268435455&t;if(0!==a){var i=a&~r;0!==i?o=mn(i):0!=(l&=a)&&(o=mn(l))}else 0!=(a=t&~r)?o=mn(a):0!==l&&(o=mn(l));if(0===o)return 0;if(0!==n&&n!==o&&!(n&r)&&((r=o&-o)>=(l=n&-n)||16===r&&4194240&l))return n;if(4&o&&(o|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=o;0<n;)r=1<<(t=31-an(n)),o|=e[t],n&=~r;return o}function bn(e,n){switch(e){case 1:case 2:case 4:return n+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return n+5e3;default:return-1}}function pn(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function vn(){var e=dn;return!(4194240&(dn<<=1))&&(dn=64),e}function kn(e){for(var n=[],t=0;31>t;t++)n.push(e);return n}function hn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-an(n)]=t}function gn(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var o=31-an(t),r=1<<o;r&n|e[o]&n&&(e[o]|=n),t&=~r}}var _n=0;function yn(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var wn,xn,En,zn,Sn,Tn=!1,Cn=[],On=null,Ln=null,Nn=null,An=new Map,Bn=new Map,In=[],$n="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Pn(e,n){switch(e){case"focusin":case"focusout":On=null;break;case"dragenter":case"dragleave":Ln=null;break;case"mouseover":case"mouseout":Nn=null;break;case"pointerover":case"pointerout":An.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":Bn.delete(n.pointerId)}}function jn(e,n,t,o,r,l){return null===e||e.nativeEvent!==l?(e={blockedOn:n,domEventName:t,eventSystemFlags:o,nativeEvent:l,targetContainers:[r]},null!==n&&null!==(n=_r(n))&&xn(n),e):(e.eventSystemFlags|=o,n=e.targetContainers,null!==r&&-1===n.indexOf(r)&&n.push(r),e)}function Mn(e){var n=gr(e.target);if(null!==n){var t=Ke(n);if(null!==t)if(13===(n=t.tag)){if(null!==(n=He(t)))return e.blockedOn=n,void Sn(e.priority,(function(){En(t)}))}else if(3===n&&t.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===t.tag?t.stateNode.containerInfo:null)}e.blockedOn=null}function Rn(e){if(null!==e.blockedOn)return!1;for(var n=e.targetContainers;0<n.length;){var t=Jn(e.domEventName,e.eventSystemFlags,n[0],e.nativeEvent);if(null!==t)return null!==(n=_r(t))&&xn(n),e.blockedOn=t,!1;var o=new(t=e.nativeEvent).constructor(t.type,t);_e=o,t.target.dispatchEvent(o),_e=null,n.shift()}return!0}function Fn(e,n,t){Rn(e)&&t.delete(n)}function Dn(){Tn=!1,null!==On&&Rn(On)&&(On=null),null!==Ln&&Rn(Ln)&&(Ln=null),null!==Nn&&Rn(Nn)&&(Nn=null),An.forEach(Fn),Bn.forEach(Fn)}function Kn(e,n){e.blockedOn===n&&(e.blockedOn=null,Tn||(Tn=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Dn)))}function Hn(e){function n(n){return Kn(n,e)}if(0<Cn.length){Kn(Cn[0],e);for(var t=1;t<Cn.length;t++){var o=Cn[t];o.blockedOn===e&&(o.blockedOn=null)}}for(null!==On&&Kn(On,e),null!==Ln&&Kn(Ln,e),null!==Nn&&Kn(Nn,e),An.forEach(n),Bn.forEach(n),t=0;t<In.length;t++)(o=In[t]).blockedOn===e&&(o.blockedOn=null);for(;0<In.length&&null===(t=In[0]).blockedOn;)Mn(t),null===t.blockedOn&&In.shift()}var Un=_.ReactCurrentBatchConfig,Vn=!0;function Wn(e,n,t,o){var r=_n,l=Un.transition;Un.transition=null;try{_n=1,Zn(e,n,t,o)}finally{_n=r,Un.transition=l}}function qn(e,n,t,o){var r=_n,l=Un.transition;Un.transition=null;try{_n=4,Zn(e,n,t,o)}finally{_n=r,Un.transition=l}}function Zn(e,n,t,o){if(Vn){var r=Jn(e,n,t,o);if(null===r)Vo(e,n,o,Gn,t),Pn(e,o);else if(function(e,n,t,o,r){switch(n){case"focusin":return On=jn(On,e,n,t,o,r),!0;case"dragenter":return Ln=jn(Ln,e,n,t,o,r),!0;case"mouseover":return Nn=jn(Nn,e,n,t,o,r),!0;case"pointerover":var l=r.pointerId;return An.set(l,jn(An.get(l)||null,e,n,t,o,r)),!0;case"gotpointercapture":return l=r.pointerId,Bn.set(l,jn(Bn.get(l)||null,e,n,t,o,r)),!0}return!1}(r,e,n,t,o))o.stopPropagation();else if(Pn(e,o),4&n&&-1<$n.indexOf(e)){for(;null!==r;){var l=_r(r);if(null!==l&&wn(l),null===(l=Jn(e,n,t,o))&&Vo(e,n,o,Gn,t),l===r)break;r=l}null!==r&&o.stopPropagation()}else Vo(e,n,o,null,t)}}var Gn=null;function Jn(e,n,t,o){if(Gn=null,null!==(e=gr(e=ye(o))))if(null===(n=Ke(e)))e=null;else if(13===(t=n.tag)){if(null!==(e=He(n)))return e;e=null}else if(3===t){if(n.stateNode.current.memoizedState.isDehydrated)return 3===n.tag?n.stateNode.containerInfo:null;e=null}else n!==e&&(e=null);return Gn=e,null}function Yn(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Qe()){case Xe:return 1;case en:return 4;case nn:case tn:return 16;case on:return 536870912;default:return 16}default:return 16}}var Qn=null,Xn=null,et=null;function nt(){if(et)return et;var e,n,t=Xn,o=t.length,r="value"in Qn?Qn.value:Qn.textContent,l=r.length;for(e=0;e<o&&t[e]===r[e];e++);var a=o-e;for(n=1;n<=a&&t[o-n]===r[l-n];n++);return et=r.slice(e,1<n?1-n:void 0)}function tt(e){var n=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===n&&(e=13):e=n,10===e&&(e=13),32<=e||13===e?e:0}function ot(){return!0}function rt(){return!1}function lt(e){function n(n,t,o,r,l){for(var a in this._reactName=n,this._targetInst=o,this.type=t,this.nativeEvent=r,this.target=l,this.currentTarget=null,e)e.hasOwnProperty(a)&&(n=e[a],this[a]=n?n(r):r[a]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?ot:rt,this.isPropagationStopped=rt,this}return j(n.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ot)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ot)},persist:function(){},isPersistent:ot}),n}var at,it,ct,st={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},dt=lt(st),ut=j({},st,{view:0,detail:0}),mt=lt(ut),ft=j({},ut,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:zt,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ct&&(ct&&"mousemove"===e.type?(at=e.screenX-ct.screenX,it=e.screenY-ct.screenY):it=at=0,ct=e),at)},movementY:function(e){return"movementY"in e?e.movementY:it}}),bt=lt(ft),pt=lt(j({},ft,{dataTransfer:0})),vt=lt(j({},ut,{relatedTarget:0})),kt=lt(j({},st,{animationName:0,elapsedTime:0,pseudoElement:0})),ht=j({},st,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),gt=lt(ht),_t=lt(j({},st,{data:0})),yt={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},wt={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},xt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Et(e){var n=this.nativeEvent;return n.getModifierState?n.getModifierState(e):!!(e=xt[e])&&!!n[e]}function zt(){return Et}var St=j({},ut,{key:function(e){if(e.key){var n=yt[e.key]||e.key;if("Unidentified"!==n)return n}return"keypress"===e.type?13===(e=tt(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?wt[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:zt,charCode:function(e){return"keypress"===e.type?tt(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tt(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Tt=lt(St),Ct=lt(j({},ft,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Ot=lt(j({},ut,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:zt})),Lt=lt(j({},st,{propertyName:0,elapsedTime:0,pseudoElement:0})),Nt=j({},ft,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),At=lt(Nt),Bt=[9,13,27,32],It=d&&"CompositionEvent"in window,$t=null;d&&"documentMode"in document&&($t=document.documentMode);var Pt=d&&"TextEvent"in window&&!$t,jt=d&&(!It||$t&&8<$t&&11>=$t),Mt=String.fromCharCode(32),Rt=!1;function Ft(e,n){switch(e){case"keyup":return-1!==Bt.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Dt(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Kt=!1,Ht={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Ut(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!Ht[e.type]:"textarea"===n}function Vt(e,n,t,o){Se(o),0<(n=qo(n,"onChange")).length&&(t=new dt("onChange","change",null,t,o),e.push({event:t,listeners:n}))}var Wt=null,qt=null;function Zt(e){Ro(e,0)}function Gt(e){if(q(yr(e)))return e}function Jt(e,n){if("change"===e)return n}var Yt=!1;if(d){var Qt;if(d){var Xt="oninput"in document;if(!Xt){var eo=document.createElement("div");eo.setAttribute("oninput","return;"),Xt="function"==typeof eo.oninput}Qt=Xt}else Qt=!1;Yt=Qt&&(!document.documentMode||9<document.documentMode)}function no(){Wt&&(Wt.detachEvent("onpropertychange",to),qt=Wt=null)}function to(e){if("value"===e.propertyName&&Gt(qt)){var n=[];Vt(n,qt,e,ye(e)),Ne(Zt,n)}}function oo(e,n,t){"focusin"===e?(no(),qt=t,(Wt=n).attachEvent("onpropertychange",to)):"focusout"===e&&no()}function ro(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Gt(qt)}function lo(e,n){if("click"===e)return Gt(n)}function ao(e,n){if("input"===e||"change"===e)return Gt(n)}var io="function"==typeof Object.is?Object.is:function(e,n){return e===n&&(0!==e||1/e==1/n)||e!=e&&n!=n};function co(e,n){if(io(e,n))return!0;if("object"!=typeof e||null===e||"object"!=typeof n||null===n)return!1;var t=Object.keys(e),o=Object.keys(n);if(t.length!==o.length)return!1;for(o=0;o<t.length;o++){var r=t[o];if(!u.call(n,r)||!io(e[r],n[r]))return!1}return!0}function so(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function uo(e,n){var t,o=so(e);for(e=0;o;){if(3===o.nodeType){if(t=e+o.textContent.length,e<=n&&t>=n)return{node:o,offset:n-e};e=t}e:{for(;o;){if(o.nextSibling){o=o.nextSibling;break e}o=o.parentNode}o=void 0}o=so(o)}}function mo(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?mo(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function fo(){for(var e=window,n=Z();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(e){t=!1}if(!t)break;n=Z((e=n.contentWindow).document)}return n}function bo(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}function po(e){var n=fo(),t=e.focusedElem,o=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&mo(t.ownerDocument.documentElement,t)){if(null!==o&&bo(t))if(n=o.start,void 0===(e=o.end)&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if((e=(n=t.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var r=t.textContent.length,l=Math.min(o.start,r);o=void 0===o.end?l:Math.min(o.end,r),!e.extend&&l>o&&(r=o,o=l,l=r),r=uo(t,l);var a=uo(t,o);r&&a&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&((n=n.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),l>o?(e.addRange(n),e.extend(a.node,a.offset)):(n.setEnd(a.node,a.offset),e.addRange(n)))}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t<n.length;t++)(e=n[t]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var vo=d&&"documentMode"in document&&11>=document.documentMode,ko=null,ho=null,go=null,_o=!1;function yo(e,n,t){var o=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;_o||null==ko||ko!==Z(o)||(o="selectionStart"in(o=ko)&&bo(o)?{start:o.selectionStart,end:o.selectionEnd}:{anchorNode:(o=(o.ownerDocument&&o.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:o.anchorOffset,focusNode:o.focusNode,focusOffset:o.focusOffset},go&&co(go,o)||(go=o,0<(o=qo(ho,"onSelect")).length&&(n=new dt("onSelect","select",null,n,t),e.push({event:n,listeners:o}),n.target=ko)))}function wo(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var xo={animationend:wo("Animation","AnimationEnd"),animationiteration:wo("Animation","AnimationIteration"),animationstart:wo("Animation","AnimationStart"),transitionend:wo("Transition","TransitionEnd")},Eo={},zo={};function So(e){if(Eo[e])return Eo[e];if(!xo[e])return e;var n,t=xo[e];for(n in t)if(t.hasOwnProperty(n)&&n in zo)return Eo[e]=t[n];return e}d&&(zo=document.createElement("div").style,"AnimationEvent"in window||(delete xo.animationend.animation,delete xo.animationiteration.animation,delete xo.animationstart.animation),"TransitionEvent"in window||delete xo.transitionend.transition);var To=So("animationend"),Co=So("animationiteration"),Oo=So("animationstart"),Lo=So("transitionend"),No=new Map,Ao="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Bo(e,n){No.set(e,n),c(n,[e])}for(var Io=0;Io<Ao.length;Io++){var $o=Ao[Io];Bo($o.toLowerCase(),"on"+($o[0].toUpperCase()+$o.slice(1)))}Bo(To,"onAnimationEnd"),Bo(Co,"onAnimationIteration"),Bo(Oo,"onAnimationStart"),Bo("dblclick","onDoubleClick"),Bo("focusin","onFocus"),Bo("focusout","onBlur"),Bo(Lo,"onTransitionEnd"),s("onMouseEnter",["mouseout","mouseover"]),s("onMouseLeave",["mouseout","mouseover"]),s("onPointerEnter",["pointerout","pointerover"]),s("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Po="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),jo=new Set("cancel close invalid load scroll toggle".split(" ").concat(Po));function Mo(e,n,t){var o=e.type||"unknown-event";e.currentTarget=t,function(e,n,t,o,r,a,i,c,s){if(De.apply(this,arguments),Pe){if(!Pe)throw Error(l(198));var d=je;Pe=!1,je=null,Me||(Me=!0,Re=d)}}(o,n,void 0,e),e.currentTarget=null}function Ro(e,n){n=!!(4&n);for(var t=0;t<e.length;t++){var o=e[t],r=o.event;o=o.listeners;e:{var l=void 0;if(n)for(var a=o.length-1;0<=a;a--){var i=o[a],c=i.instance,s=i.currentTarget;if(i=i.listener,c!==l&&r.isPropagationStopped())break e;Mo(r,i,s),l=c}else for(a=0;a<o.length;a++){if(c=(i=o[a]).instance,s=i.currentTarget,i=i.listener,c!==l&&r.isPropagationStopped())break e;Mo(r,i,s),l=c}}}if(Me)throw e=Re,Me=!1,Re=null,e}function Fo(e,n){var t=n[vr];void 0===t&&(t=n[vr]=new Set);var o=e+"__bubble";t.has(o)||(Uo(n,e,2,!1),t.add(o))}function Do(e,n,t){var o=0;n&&(o|=4),Uo(t,e,o,n)}var Ko="_reactListening"+Math.random().toString(36).slice(2);function Ho(e){if(!e[Ko]){e[Ko]=!0,a.forEach((function(n){"selectionchange"!==n&&(jo.has(n)||Do(n,!1,e),Do(n,!0,e))}));var n=9===e.nodeType?e:e.ownerDocument;null===n||n[Ko]||(n[Ko]=!0,Do("selectionchange",!1,n))}}function Uo(e,n,t,o){switch(Yn(n)){case 1:var r=Wn;break;case 4:r=qn;break;default:r=Zn}t=r.bind(null,n,t,e),r=void 0,!Be||"touchstart"!==n&&"touchmove"!==n&&"wheel"!==n||(r=!0),o?void 0!==r?e.addEventListener(n,t,{capture:!0,passive:r}):e.addEventListener(n,t,!0):void 0!==r?e.addEventListener(n,t,{passive:r}):e.addEventListener(n,t,!1)}function Vo(e,n,t,o,r){var l=o;if(!(1&n||2&n||null===o))e:for(;;){if(null===o)return;var a=o.tag;if(3===a||4===a){var i=o.stateNode.containerInfo;if(i===r||8===i.nodeType&&i.parentNode===r)break;if(4===a)for(a=o.return;null!==a;){var c=a.tag;if((3===c||4===c)&&((c=a.stateNode.containerInfo)===r||8===c.nodeType&&c.parentNode===r))return;a=a.return}for(;null!==i;){if(null===(a=gr(i)))return;if(5===(c=a.tag)||6===c){o=l=a;continue e}i=i.parentNode}}o=o.return}Ne((function(){var o=l,r=ye(t),a=[];e:{var i=No.get(e);if(void 0!==i){var c=dt,s=e;switch(e){case"keypress":if(0===tt(t))break e;case"keydown":case"keyup":c=Tt;break;case"focusin":s="focus",c=vt;break;case"focusout":s="blur",c=vt;break;case"beforeblur":case"afterblur":c=vt;break;case"click":if(2===t.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":c=bt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":c=pt;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":c=Ot;break;case To:case Co:case Oo:c=kt;break;case Lo:c=Lt;break;case"scroll":c=mt;break;case"wheel":c=At;break;case"copy":case"cut":case"paste":c=gt;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":c=Ct}var d=!!(4&n),u=!d&&"scroll"===e,m=d?null!==i?i+"Capture":null:i;d=[];for(var f,b=o;null!==b;){var p=(f=b).stateNode;if(5===f.tag&&null!==p&&(f=p,null!==m&&null!=(p=Ae(b,m))&&d.push(Wo(b,p,f))),u)break;b=b.return}0<d.length&&(i=new c(i,s,null,t,r),a.push({event:i,listeners:d}))}}if(!(7&n)){if(c="mouseout"===e||"pointerout"===e,(!(i="mouseover"===e||"pointerover"===e)||t===_e||!(s=t.relatedTarget||t.fromElement)||!gr(s)&&!s[pr])&&(c||i)&&(i=r.window===r?r:(i=r.ownerDocument)?i.defaultView||i.parentWindow:window,c?(c=o,null!==(s=(s=t.relatedTarget||t.toElement)?gr(s):null)&&(s!==(u=Ke(s))||5!==s.tag&&6!==s.tag)&&(s=null)):(c=null,s=o),c!==s)){if(d=bt,p="onMouseLeave",m="onMouseEnter",b="mouse","pointerout"!==e&&"pointerover"!==e||(d=Ct,p="onPointerLeave",m="onPointerEnter",b="pointer"),u=null==c?i:yr(c),f=null==s?i:yr(s),(i=new d(p,b+"leave",c,t,r)).target=u,i.relatedTarget=f,p=null,gr(r)===o&&((d=new d(m,b+"enter",s,t,r)).target=f,d.relatedTarget=u,p=d),u=p,c&&s)e:{for(m=s,b=0,f=d=c;f;f=Zo(f))b++;for(f=0,p=m;p;p=Zo(p))f++;for(;0<b-f;)d=Zo(d),b--;for(;0<f-b;)m=Zo(m),f--;for(;b--;){if(d===m||null!==m&&d===m.alternate)break e;d=Zo(d),m=Zo(m)}d=null}else d=null;null!==c&&Go(a,i,c,d,!1),null!==s&&null!==u&&Go(a,u,s,d,!0)}if("select"===(c=(i=o?yr(o):window).nodeName&&i.nodeName.toLowerCase())||"input"===c&&"file"===i.type)var v=Jt;else if(Ut(i))if(Yt)v=ao;else{v=ro;var k=oo}else(c=i.nodeName)&&"input"===c.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(v=lo);switch(v&&(v=v(e,o))?Vt(a,v,t,r):(k&&k(e,i,o),"focusout"===e&&(k=i._wrapperState)&&k.controlled&&"number"===i.type&&ee(i,"number",i.value)),k=o?yr(o):window,e){case"focusin":(Ut(k)||"true"===k.contentEditable)&&(ko=k,ho=o,go=null);break;case"focusout":go=ho=ko=null;break;case"mousedown":_o=!0;break;case"contextmenu":case"mouseup":case"dragend":_o=!1,yo(a,t,r);break;case"selectionchange":if(vo)break;case"keydown":case"keyup":yo(a,t,r)}var h;if(It)e:{switch(e){case"compositionstart":var g="onCompositionStart";break e;case"compositionend":g="onCompositionEnd";break e;case"compositionupdate":g="onCompositionUpdate";break e}g=void 0}else Kt?Ft(e,t)&&(g="onCompositionEnd"):"keydown"===e&&229===t.keyCode&&(g="onCompositionStart");g&&(jt&&"ko"!==t.locale&&(Kt||"onCompositionStart"!==g?"onCompositionEnd"===g&&Kt&&(h=nt()):(Xn="value"in(Qn=r)?Qn.value:Qn.textContent,Kt=!0)),0<(k=qo(o,g)).length&&(g=new _t(g,e,null,t,r),a.push({event:g,listeners:k}),(h||null!==(h=Dt(t)))&&(g.data=h))),(h=Pt?function(e,n){switch(e){case"compositionend":return Dt(n);case"keypress":return 32!==n.which?null:(Rt=!0,Mt);case"textInput":return(e=n.data)===Mt&&Rt?null:e;default:return null}}(e,t):function(e,n){if(Kt)return"compositionend"===e||!It&&Ft(e,n)?(e=nt(),et=Xn=Qn=null,Kt=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(n.ctrlKey||n.altKey||n.metaKey)||n.ctrlKey&&n.altKey){if(n.char&&1<n.char.length)return n.char;if(n.which)return String.fromCharCode(n.which)}return null;case"compositionend":return jt&&"ko"!==n.locale?null:n.data}}(e,t))&&0<(o=qo(o,"onBeforeInput")).length&&(r=new _t("onBeforeInput","beforeinput",null,t,r),a.push({event:r,listeners:o}),r.data=h)}Ro(a,n)}))}function Wo(e,n,t){return{instance:e,listener:n,currentTarget:t}}function qo(e,n){for(var t=n+"Capture",o=[];null!==e;){var r=e,l=r.stateNode;5===r.tag&&null!==l&&(r=l,null!=(l=Ae(e,t))&&o.unshift(Wo(e,l,r)),null!=(l=Ae(e,n))&&o.push(Wo(e,l,r))),e=e.return}return o}function Zo(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Go(e,n,t,o,r){for(var l=n._reactName,a=[];null!==t&&t!==o;){var i=t,c=i.alternate,s=i.stateNode;if(null!==c&&c===o)break;5===i.tag&&null!==s&&(i=s,r?null!=(c=Ae(t,l))&&a.unshift(Wo(t,c,i)):r||null!=(c=Ae(t,l))&&a.push(Wo(t,c,i))),t=t.return}0!==a.length&&e.push({event:n,listeners:a})}var Jo=/\r\n?/g,Yo=/\u0000|\uFFFD/g;function Qo(e){return("string"==typeof e?e:""+e).replace(Jo,"\n").replace(Yo,"")}function Xo(e,n,t){if(n=Qo(n),Qo(e)!==n&&t)throw Error(l(425))}function er(){}var nr=null,tr=null;function or(e,n){return"textarea"===e||"noscript"===e||"string"==typeof n.children||"number"==typeof n.children||"object"==typeof n.dangerouslySetInnerHTML&&null!==n.dangerouslySetInnerHTML&&null!=n.dangerouslySetInnerHTML.__html}var rr="function"==typeof setTimeout?setTimeout:void 0,lr="function"==typeof clearTimeout?clearTimeout:void 0,ar="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==ar?function(e){return ar.resolve(null).then(e).catch(cr)}:rr;function cr(e){setTimeout((function(){throw e}))}function sr(e,n){var t=n,o=0;do{var r=t.nextSibling;if(e.removeChild(t),r&&8===r.nodeType)if("/$"===(t=r.data)){if(0===o)return e.removeChild(r),void Hn(n);o--}else"$"!==t&&"$?"!==t&&"$!"!==t||o++;t=r}while(t);Hn(n)}function dr(e){for(;null!=e;e=e.nextSibling){var n=e.nodeType;if(1===n||3===n)break;if(8===n){if("$"===(n=e.data)||"$!"===n||"$?"===n)break;if("/$"===n)return null}}return e}function ur(e){e=e.previousSibling;for(var n=0;e;){if(8===e.nodeType){var t=e.data;if("$"===t||"$!"===t||"$?"===t){if(0===n)return e;n--}else"/$"===t&&n++}e=e.previousSibling}return null}var mr=Math.random().toString(36).slice(2),fr="__reactFiber$"+mr,br="__reactProps$"+mr,pr="__reactContainer$"+mr,vr="__reactEvents$"+mr,kr="__reactListeners$"+mr,hr="__reactHandles$"+mr;function gr(e){var n=e[fr];if(n)return n;for(var t=e.parentNode;t;){if(n=t[pr]||t[fr]){if(t=n.alternate,null!==n.child||null!==t&&null!==t.child)for(e=ur(e);null!==e;){if(t=e[fr])return t;e=ur(e)}return n}t=(e=t).parentNode}return null}function _r(e){return!(e=e[fr]||e[pr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function yr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(l(33))}function wr(e){return e[br]||null}var xr=[],Er=-1;function zr(e){return{current:e}}function Sr(e){0>Er||(e.current=xr[Er],xr[Er]=null,Er--)}function Tr(e,n){Er++,xr[Er]=e.current,e.current=n}var Cr={},Or=zr(Cr),Lr=zr(!1),Nr=Cr;function Ar(e,n){var t=e.type.contextTypes;if(!t)return Cr;var o=e.stateNode;if(o&&o.__reactInternalMemoizedUnmaskedChildContext===n)return o.__reactInternalMemoizedMaskedChildContext;var r,l={};for(r in t)l[r]=n[r];return o&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=l),l}function Br(e){return null!=e.childContextTypes}function Ir(){Sr(Lr),Sr(Or)}function $r(e,n,t){if(Or.current!==Cr)throw Error(l(168));Tr(Or,n),Tr(Lr,t)}function Pr(e,n,t){var o=e.stateNode;if(n=n.childContextTypes,"function"!=typeof o.getChildContext)return t;for(var r in o=o.getChildContext())if(!(r in n))throw Error(l(108,H(e)||"Unknown",r));return j({},t,o)}function jr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Cr,Nr=Or.current,Tr(Or,e),Tr(Lr,Lr.current),!0}function Mr(e,n,t){var o=e.stateNode;if(!o)throw Error(l(169));t?(e=Pr(e,n,Nr),o.__reactInternalMemoizedMergedChildContext=e,Sr(Lr),Sr(Or),Tr(Or,e)):Sr(Lr),Tr(Lr,t)}var Rr=null,Fr=!1,Dr=!1;function Kr(e){null===Rr?Rr=[e]:Rr.push(e)}function Hr(){if(!Dr&&null!==Rr){Dr=!0;var e=0,n=_n;try{var t=Rr;for(_n=1;e<t.length;e++){var o=t[e];do{o=o(!0)}while(null!==o)}Rr=null,Fr=!1}catch(n){throw null!==Rr&&(Rr=Rr.slice(e+1)),qe(Xe,Hr),n}finally{_n=n,Dr=!1}}return null}var Ur=[],Vr=0,Wr=null,qr=0,Zr=[],Gr=0,Jr=null,Yr=1,Qr="";function Xr(e,n){Ur[Vr++]=qr,Ur[Vr++]=Wr,Wr=e,qr=n}function el(e,n,t){Zr[Gr++]=Yr,Zr[Gr++]=Qr,Zr[Gr++]=Jr,Jr=e;var o=Yr;e=Qr;var r=32-an(o)-1;o&=~(1<<r),t+=1;var l=32-an(n)+r;if(30<l){var a=r-r%5;l=(o&(1<<a)-1).toString(32),o>>=a,r-=a,Yr=1<<32-an(n)+r|t<<r|o,Qr=l+e}else Yr=1<<l|t<<r|o,Qr=e}function nl(e){null!==e.return&&(Xr(e,1),el(e,1,0))}function tl(e){for(;e===Wr;)Wr=Ur[--Vr],Ur[Vr]=null,qr=Ur[--Vr],Ur[Vr]=null;for(;e===Jr;)Jr=Zr[--Gr],Zr[Gr]=null,Qr=Zr[--Gr],Zr[Gr]=null,Yr=Zr[--Gr],Zr[Gr]=null}var ol=null,rl=null,ll=!1,al=null;function il(e,n){var t=Ns(5,null,null,0);t.elementType="DELETED",t.stateNode=n,t.return=e,null===(n=e.deletions)?(e.deletions=[t],e.flags|=16):n.push(t)}function cl(e,n){switch(e.tag){case 5:var t=e.type;return null!==(n=1!==n.nodeType||t.toLowerCase()!==n.nodeName.toLowerCase()?null:n)&&(e.stateNode=n,ol=e,rl=dr(n.firstChild),!0);case 6:return null!==(n=""===e.pendingProps||3!==n.nodeType?null:n)&&(e.stateNode=n,ol=e,rl=null,!0);case 13:return null!==(n=8!==n.nodeType?null:n)&&(t=null!==Jr?{id:Yr,overflow:Qr}:null,e.memoizedState={dehydrated:n,treeContext:t,retryLane:1073741824},(t=Ns(18,null,null,0)).stateNode=n,t.return=e,e.child=t,ol=e,rl=null,!0);default:return!1}}function sl(e){return!(!(1&e.mode)||128&e.flags)}function dl(e){if(ll){var n=rl;if(n){var t=n;if(!cl(e,n)){if(sl(e))throw Error(l(418));n=dr(t.nextSibling);var o=ol;n&&cl(e,n)?il(o,t):(e.flags=-4097&e.flags|2,ll=!1,ol=e)}}else{if(sl(e))throw Error(l(418));e.flags=-4097&e.flags|2,ll=!1,ol=e}}}function ul(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ol=e}function ml(e){if(e!==ol)return!1;if(!ll)return ul(e),ll=!0,!1;var n;if((n=3!==e.tag)&&!(n=5!==e.tag)&&(n="head"!==(n=e.type)&&"body"!==n&&!or(e.type,e.memoizedProps)),n&&(n=rl)){if(sl(e))throw fl(),Error(l(418));for(;n;)il(e,n),n=dr(n.nextSibling)}if(ul(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(l(317));e:{for(e=e.nextSibling,n=0;e;){if(8===e.nodeType){var t=e.data;if("/$"===t){if(0===n){rl=dr(e.nextSibling);break e}n--}else"$"!==t&&"$!"!==t&&"$?"!==t||n++}e=e.nextSibling}rl=null}}else rl=ol?dr(e.stateNode.nextSibling):null;return!0}function fl(){for(var e=rl;e;)e=dr(e.nextSibling)}function bl(){rl=ol=null,ll=!1}function pl(e){null===al?al=[e]:al.push(e)}var vl=_.ReactCurrentBatchConfig;function kl(e,n,t){if(null!==(e=t.ref)&&"function"!=typeof e&&"object"!=typeof e){if(t._owner){if(t=t._owner){if(1!==t.tag)throw Error(l(309));var o=t.stateNode}if(!o)throw Error(l(147,e));var r=o,a=""+e;return null!==n&&null!==n.ref&&"function"==typeof n.ref&&n.ref._stringRef===a?n.ref:((n=function(e){var n=r.refs;null===e?delete n[a]:n[a]=e})._stringRef=a,n)}if("string"!=typeof e)throw Error(l(284));if(!t._owner)throw Error(l(290,e))}return e}function hl(e,n){throw e=Object.prototype.toString.call(n),Error(l(31,"[object Object]"===e?"object with keys {"+Object.keys(n).join(", ")+"}":e))}function gl(e){return(0,e._init)(e._payload)}function _l(e){function n(n,t){if(e){var o=n.deletions;null===o?(n.deletions=[t],n.flags|=16):o.push(t)}}function t(t,o){if(!e)return null;for(;null!==o;)n(t,o),o=o.sibling;return null}function o(e,n){for(e=new Map;null!==n;)null!==n.key?e.set(n.key,n):e.set(n.index,n),n=n.sibling;return e}function r(e,n){return(e=Bs(e,n)).index=0,e.sibling=null,e}function a(n,t,o){return n.index=o,e?null!==(o=n.alternate)?(o=o.index)<t?(n.flags|=2,t):o:(n.flags|=2,t):(n.flags|=1048576,t)}function i(n){return e&&null===n.alternate&&(n.flags|=2),n}function c(e,n,t,o){return null===n||6!==n.tag?((n=js(t,e.mode,o)).return=e,n):((n=r(n,t)).return=e,n)}function s(e,n,t,o){var l=t.type;return l===x?u(e,n,t.props.children,o,t.key):null!==n&&(n.elementType===l||"object"==typeof l&&null!==l&&l.$$typeof===A&&gl(l)===n.type)?((o=r(n,t.props)).ref=kl(e,n,t),o.return=e,o):((o=Is(t.type,t.key,t.props,null,e.mode,o)).ref=kl(e,n,t),o.return=e,o)}function d(e,n,t,o){return null===n||4!==n.tag||n.stateNode.containerInfo!==t.containerInfo||n.stateNode.implementation!==t.implementation?((n=Ms(t,e.mode,o)).return=e,n):((n=r(n,t.children||[])).return=e,n)}function u(e,n,t,o,l){return null===n||7!==n.tag?((n=$s(t,e.mode,o,l)).return=e,n):((n=r(n,t)).return=e,n)}function m(e,n,t){if("string"==typeof n&&""!==n||"number"==typeof n)return(n=js(""+n,e.mode,t)).return=e,n;if("object"==typeof n&&null!==n){switch(n.$$typeof){case y:return(t=Is(n.type,n.key,n.props,null,e.mode,t)).ref=kl(e,null,n),t.return=e,t;case w:return(n=Ms(n,e.mode,t)).return=e,n;case A:return m(e,(0,n._init)(n._payload),t)}if(ne(n)||$(n))return(n=$s(n,e.mode,t,null)).return=e,n;hl(e,n)}return null}function f(e,n,t,o){var r=null!==n?n.key:null;if("string"==typeof t&&""!==t||"number"==typeof t)return null!==r?null:c(e,n,""+t,o);if("object"==typeof t&&null!==t){switch(t.$$typeof){case y:return t.key===r?s(e,n,t,o):null;case w:return t.key===r?d(e,n,t,o):null;case A:return f(e,n,(r=t._init)(t._payload),o)}if(ne(t)||$(t))return null!==r?null:u(e,n,t,o,null);hl(e,t)}return null}function b(e,n,t,o,r){if("string"==typeof o&&""!==o||"number"==typeof o)return c(n,e=e.get(t)||null,""+o,r);if("object"==typeof o&&null!==o){switch(o.$$typeof){case y:return s(n,e=e.get(null===o.key?t:o.key)||null,o,r);case w:return d(n,e=e.get(null===o.key?t:o.key)||null,o,r);case A:return b(e,n,t,(0,o._init)(o._payload),r)}if(ne(o)||$(o))return u(n,e=e.get(t)||null,o,r,null);hl(n,o)}return null}return function c(s,d,u,p){if("object"==typeof u&&null!==u&&u.type===x&&null===u.key&&(u=u.props.children),"object"==typeof u&&null!==u){switch(u.$$typeof){case y:e:{for(var v=u.key,k=d;null!==k;){if(k.key===v){if((v=u.type)===x){if(7===k.tag){t(s,k.sibling),(d=r(k,u.props.children)).return=s,s=d;break e}}else if(k.elementType===v||"object"==typeof v&&null!==v&&v.$$typeof===A&&gl(v)===k.type){t(s,k.sibling),(d=r(k,u.props)).ref=kl(s,k,u),d.return=s,s=d;break e}t(s,k);break}n(s,k),k=k.sibling}u.type===x?((d=$s(u.props.children,s.mode,p,u.key)).return=s,s=d):((p=Is(u.type,u.key,u.props,null,s.mode,p)).ref=kl(s,d,u),p.return=s,s=p)}return i(s);case w:e:{for(k=u.key;null!==d;){if(d.key===k){if(4===d.tag&&d.stateNode.containerInfo===u.containerInfo&&d.stateNode.implementation===u.implementation){t(s,d.sibling),(d=r(d,u.children||[])).return=s,s=d;break e}t(s,d);break}n(s,d),d=d.sibling}(d=Ms(u,s.mode,p)).return=s,s=d}return i(s);case A:return c(s,d,(k=u._init)(u._payload),p)}if(ne(u))return function(r,l,i,c){for(var s=null,d=null,u=l,p=l=0,v=null;null!==u&&p<i.length;p++){u.index>p?(v=u,u=null):v=u.sibling;var k=f(r,u,i[p],c);if(null===k){null===u&&(u=v);break}e&&u&&null===k.alternate&&n(r,u),l=a(k,l,p),null===d?s=k:d.sibling=k,d=k,u=v}if(p===i.length)return t(r,u),ll&&Xr(r,p),s;if(null===u){for(;p<i.length;p++)null!==(u=m(r,i[p],c))&&(l=a(u,l,p),null===d?s=u:d.sibling=u,d=u);return ll&&Xr(r,p),s}for(u=o(r,u);p<i.length;p++)null!==(v=b(u,r,p,i[p],c))&&(e&&null!==v.alternate&&u.delete(null===v.key?p:v.key),l=a(v,l,p),null===d?s=v:d.sibling=v,d=v);return e&&u.forEach((function(e){return n(r,e)})),ll&&Xr(r,p),s}(s,d,u,p);if($(u))return function(r,i,c,s){var d=$(c);if("function"!=typeof d)throw Error(l(150));if(null==(c=d.call(c)))throw Error(l(151));for(var u=d=null,p=i,v=i=0,k=null,h=c.next();null!==p&&!h.done;v++,h=c.next()){p.index>v?(k=p,p=null):k=p.sibling;var g=f(r,p,h.value,s);if(null===g){null===p&&(p=k);break}e&&p&&null===g.alternate&&n(r,p),i=a(g,i,v),null===u?d=g:u.sibling=g,u=g,p=k}if(h.done)return t(r,p),ll&&Xr(r,v),d;if(null===p){for(;!h.done;v++,h=c.next())null!==(h=m(r,h.value,s))&&(i=a(h,i,v),null===u?d=h:u.sibling=h,u=h);return ll&&Xr(r,v),d}for(p=o(r,p);!h.done;v++,h=c.next())null!==(h=b(p,r,v,h.value,s))&&(e&&null!==h.alternate&&p.delete(null===h.key?v:h.key),i=a(h,i,v),null===u?d=h:u.sibling=h,u=h);return e&&p.forEach((function(e){return n(r,e)})),ll&&Xr(r,v),d}(s,d,u,p);hl(s,u)}return"string"==typeof u&&""!==u||"number"==typeof u?(u=""+u,null!==d&&6===d.tag?(t(s,d.sibling),(d=r(d,u)).return=s,s=d):(t(s,d),(d=js(u,s.mode,p)).return=s,s=d),i(s)):t(s,d)}}var yl=_l(!0),wl=_l(!1),xl=zr(null),El=null,zl=null,Sl=null;function Tl(){Sl=zl=El=null}function Cl(e){var n=xl.current;Sr(xl),e._currentValue=n}function Ol(e,n,t){for(;null!==e;){var o=e.alternate;if((e.childLanes&n)!==n?(e.childLanes|=n,null!==o&&(o.childLanes|=n)):null!==o&&(o.childLanes&n)!==n&&(o.childLanes|=n),e===t)break;e=e.return}}function Ll(e,n){El=e,Sl=zl=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&n)&&(gi=!0),e.firstContext=null)}function Nl(e){var n=e._currentValue;if(Sl!==e)if(e={context:e,memoizedValue:n,next:null},null===zl){if(null===El)throw Error(l(308));zl=e,El.dependencies={lanes:0,firstContext:e}}else zl=zl.next=e;return n}var Al=null;function Bl(e){null===Al?Al=[e]:Al.push(e)}function Il(e,n,t,o){var r=n.interleaved;return null===r?(t.next=t,Bl(n)):(t.next=r.next,r.next=t),n.interleaved=t,$l(e,o)}function $l(e,n){e.lanes|=n;var t=e.alternate;for(null!==t&&(t.lanes|=n),t=e,e=e.return;null!==e;)e.childLanes|=n,null!==(t=e.alternate)&&(t.childLanes|=n),t=e,e=e.return;return 3===t.tag?t.stateNode:null}var Pl=!1;function jl(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ml(e,n){e=e.updateQueue,n.updateQueue===e&&(n.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Rl(e,n){return{eventTime:e,lane:n,tag:0,payload:null,callback:null,next:null}}function Fl(e,n,t){var o=e.updateQueue;if(null===o)return null;if(o=o.shared,2&Cc){var r=o.pending;return null===r?n.next=n:(n.next=r.next,r.next=n),o.pending=n,$l(e,t)}return null===(r=o.interleaved)?(n.next=n,Bl(o)):(n.next=r.next,r.next=n),o.interleaved=n,$l(e,t)}function Dl(e,n,t){if(null!==(n=n.updateQueue)&&(n=n.shared,4194240&t)){var o=n.lanes;t|=o&=e.pendingLanes,n.lanes=t,gn(e,t)}}function Kl(e,n){var t=e.updateQueue,o=e.alternate;if(null!==o&&t===(o=o.updateQueue)){var r=null,l=null;if(null!==(t=t.firstBaseUpdate)){do{var a={eventTime:t.eventTime,lane:t.lane,tag:t.tag,payload:t.payload,callback:t.callback,next:null};null===l?r=l=a:l=l.next=a,t=t.next}while(null!==t);null===l?r=l=n:l=l.next=n}else r=l=n;return t={baseState:o.baseState,firstBaseUpdate:r,lastBaseUpdate:l,shared:o.shared,effects:o.effects},void(e.updateQueue=t)}null===(e=t.lastBaseUpdate)?t.firstBaseUpdate=n:e.next=n,t.lastBaseUpdate=n}function Hl(e,n,t,o){var r=e.updateQueue;Pl=!1;var l=r.firstBaseUpdate,a=r.lastBaseUpdate,i=r.shared.pending;if(null!==i){r.shared.pending=null;var c=i,s=c.next;c.next=null,null===a?l=s:a.next=s,a=c;var d=e.alternate;null!==d&&(i=(d=d.updateQueue).lastBaseUpdate)!==a&&(null===i?d.firstBaseUpdate=s:i.next=s,d.lastBaseUpdate=c)}if(null!==l){var u=r.baseState;for(a=0,d=s=c=null,i=l;;){var m=i.lane,f=i.eventTime;if((o&m)===m){null!==d&&(d=d.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var b=e,p=i;switch(m=n,f=t,p.tag){case 1:if("function"==typeof(b=p.payload)){u=b.call(f,u,m);break e}u=b;break e;case 3:b.flags=-65537&b.flags|128;case 0:if(null==(m="function"==typeof(b=p.payload)?b.call(f,u,m):b))break e;u=j({},u,m);break e;case 2:Pl=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(m=r.effects)?r.effects=[i]:m.push(i))}else f={eventTime:f,lane:m,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(s=d=f,c=u):d=d.next=f,a|=m;if(null===(i=i.next)){if(null===(i=r.shared.pending))break;i=(m=i).next,m.next=null,r.lastBaseUpdate=m,r.shared.pending=null}}if(null===d&&(c=u),r.baseState=c,r.firstBaseUpdate=s,r.lastBaseUpdate=d,null!==(n=r.shared.interleaved)){r=n;do{a|=r.lane,r=r.next}while(r!==n)}else null===l&&(r.shared.lanes=0);Pc|=a,e.lanes=a,e.memoizedState=u}}function Ul(e,n,t){if(e=n.effects,n.effects=null,null!==e)for(n=0;n<e.length;n++){var o=e[n],r=o.callback;if(null!==r){if(o.callback=null,o=t,"function"!=typeof r)throw Error(l(191,r));r.call(o)}}}var Vl={},Wl=zr(Vl),ql=zr(Vl),Zl=zr(Vl);function Gl(e){if(e===Vl)throw Error(l(174));return e}function Jl(e,n){switch(Tr(Zl,n),Tr(ql,e),Tr(Wl,Vl),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:ce(null,"");break;default:n=ce(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}Sr(Wl),Tr(Wl,n)}function Yl(){Sr(Wl),Sr(ql),Sr(Zl)}function Ql(e){Gl(Zl.current);var n=Gl(Wl.current),t=ce(n,e.type);n!==t&&(Tr(ql,e),Tr(Wl,t))}function Xl(e){ql.current===e&&(Sr(Wl),Sr(ql))}var ea=zr(0);function na(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(128&n.flags)return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var ta=[];function oa(){for(var e=0;e<ta.length;e++)ta[e]._workInProgressVersionPrimary=null;ta.length=0}var ra=_.ReactCurrentDispatcher,la=_.ReactCurrentBatchConfig,aa=0,ia=null,ca=null,sa=null,da=!1,ua=!1,ma=0,fa=0;function ba(){throw Error(l(321))}function pa(e,n){if(null===n)return!1;for(var t=0;t<n.length&&t<e.length;t++)if(!io(e[t],n[t]))return!1;return!0}function va(e,n,t,o,r,a){if(aa=a,ia=n,n.memoizedState=null,n.updateQueue=null,n.lanes=0,ra.current=null===e||null===e.memoizedState?Xa:ei,e=t(o,r),ua){a=0;do{if(ua=!1,ma=0,25<=a)throw Error(l(301));a+=1,sa=ca=null,n.updateQueue=null,ra.current=ni,e=t(o,r)}while(ua)}if(ra.current=Qa,n=null!==ca&&null!==ca.next,aa=0,sa=ca=ia=null,da=!1,n)throw Error(l(300));return e}function ka(){var e=0!==ma;return ma=0,e}function ha(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===sa?ia.memoizedState=sa=e:sa=sa.next=e,sa}function ga(){if(null===ca){var e=ia.alternate;e=null!==e?e.memoizedState:null}else e=ca.next;var n=null===sa?ia.memoizedState:sa.next;if(null!==n)sa=n,ca=e;else{if(null===e)throw Error(l(310));e={memoizedState:(ca=e).memoizedState,baseState:ca.baseState,baseQueue:ca.baseQueue,queue:ca.queue,next:null},null===sa?ia.memoizedState=sa=e:sa=sa.next=e}return sa}function _a(e,n){return"function"==typeof n?n(e):n}function ya(e){var n=ga(),t=n.queue;if(null===t)throw Error(l(311));t.lastRenderedReducer=e;var o=ca,r=o.baseQueue,a=t.pending;if(null!==a){if(null!==r){var i=r.next;r.next=a.next,a.next=i}o.baseQueue=r=a,t.pending=null}if(null!==r){a=r.next,o=o.baseState;var c=i=null,s=null,d=a;do{var u=d.lane;if((aa&u)===u)null!==s&&(s=s.next={lane:0,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null}),o=d.hasEagerState?d.eagerState:e(o,d.action);else{var m={lane:u,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null};null===s?(c=s=m,i=o):s=s.next=m,ia.lanes|=u,Pc|=u}d=d.next}while(null!==d&&d!==a);null===s?i=o:s.next=c,io(o,n.memoizedState)||(gi=!0),n.memoizedState=o,n.baseState=i,n.baseQueue=s,t.lastRenderedState=o}if(null!==(e=t.interleaved)){r=e;do{a=r.lane,ia.lanes|=a,Pc|=a,r=r.next}while(r!==e)}else null===r&&(t.lanes=0);return[n.memoizedState,t.dispatch]}function wa(e){var n=ga(),t=n.queue;if(null===t)throw Error(l(311));t.lastRenderedReducer=e;var o=t.dispatch,r=t.pending,a=n.memoizedState;if(null!==r){t.pending=null;var i=r=r.next;do{a=e(a,i.action),i=i.next}while(i!==r);io(a,n.memoizedState)||(gi=!0),n.memoizedState=a,null===n.baseQueue&&(n.baseState=a),t.lastRenderedState=a}return[a,o]}function xa(){}function Ea(e,n){var t=ia,o=ga(),r=n(),a=!io(o.memoizedState,r);if(a&&(o.memoizedState=r,gi=!0),o=o.queue,Pa(Ta.bind(null,t,o,e),[e]),o.getSnapshot!==n||a||null!==sa&&1&sa.memoizedState.tag){if(t.flags|=2048,Na(9,Sa.bind(null,t,o,r,n),void 0,null),null===Oc)throw Error(l(349));30&aa||za(t,n,r)}return r}function za(e,n,t){e.flags|=16384,e={getSnapshot:n,value:t},null===(n=ia.updateQueue)?(n={lastEffect:null,stores:null},ia.updateQueue=n,n.stores=[e]):null===(t=n.stores)?n.stores=[e]:t.push(e)}function Sa(e,n,t,o){n.value=t,n.getSnapshot=o,Ca(n)&&Oa(e)}function Ta(e,n,t){return t((function(){Ca(n)&&Oa(e)}))}function Ca(e){var n=e.getSnapshot;e=e.value;try{var t=n();return!io(e,t)}catch(e){return!0}}function Oa(e){var n=$l(e,1);null!==n&&ts(n,e,1,-1)}function La(e){var n=ha();return"function"==typeof e&&(e=e()),n.memoizedState=n.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:_a,lastRenderedState:e},n.queue=e,e=e.dispatch=Za.bind(null,ia,e),[n.memoizedState,e]}function Na(e,n,t,o){return e={tag:e,create:n,destroy:t,deps:o,next:null},null===(n=ia.updateQueue)?(n={lastEffect:null,stores:null},ia.updateQueue=n,n.lastEffect=e.next=e):null===(t=n.lastEffect)?n.lastEffect=e.next=e:(o=t.next,t.next=e,e.next=o,n.lastEffect=e),e}function Aa(){return ga().memoizedState}function Ba(e,n,t,o){var r=ha();ia.flags|=e,r.memoizedState=Na(1|n,t,void 0,void 0===o?null:o)}function Ia(e,n,t,o){var r=ga();o=void 0===o?null:o;var l=void 0;if(null!==ca){var a=ca.memoizedState;if(l=a.destroy,null!==o&&pa(o,a.deps))return void(r.memoizedState=Na(n,t,l,o))}ia.flags|=e,r.memoizedState=Na(1|n,t,l,o)}function $a(e,n){return Ba(8390656,8,e,n)}function Pa(e,n){return Ia(2048,8,e,n)}function ja(e,n){return Ia(4,2,e,n)}function Ma(e,n){return Ia(4,4,e,n)}function Ra(e,n){return"function"==typeof n?(e=e(),n(e),function(){n(null)}):null!=n?(e=e(),n.current=e,function(){n.current=null}):void 0}function Fa(e,n,t){return t=null!=t?t.concat([e]):null,Ia(4,4,Ra.bind(null,n,e),t)}function Da(){}function Ka(e,n){var t=ga();n=void 0===n?null:n;var o=t.memoizedState;return null!==o&&null!==n&&pa(n,o[1])?o[0]:(t.memoizedState=[e,n],e)}function Ha(e,n){var t=ga();n=void 0===n?null:n;var o=t.memoizedState;return null!==o&&null!==n&&pa(n,o[1])?o[0]:(e=e(),t.memoizedState=[e,n],e)}function Ua(e,n,t){return 21&aa?(io(t,n)||(t=vn(),ia.lanes|=t,Pc|=t,e.baseState=!0),n):(e.baseState&&(e.baseState=!1,gi=!0),e.memoizedState=t)}function Va(e,n){var t=_n;_n=0!==t&&4>t?t:4,e(!0);var o=la.transition;la.transition={};try{e(!1),n()}finally{_n=t,la.transition=o}}function Wa(){return ga().memoizedState}function qa(e,n,t){var o=ns(e);t={lane:o,action:t,hasEagerState:!1,eagerState:null,next:null},Ga(e)?Ja(n,t):null!==(t=Il(e,n,t,o))&&(ts(t,e,o,es()),Ya(t,n,o))}function Za(e,n,t){var o=ns(e),r={lane:o,action:t,hasEagerState:!1,eagerState:null,next:null};if(Ga(e))Ja(n,r);else{var l=e.alternate;if(0===e.lanes&&(null===l||0===l.lanes)&&null!==(l=n.lastRenderedReducer))try{var a=n.lastRenderedState,i=l(a,t);if(r.hasEagerState=!0,r.eagerState=i,io(i,a)){var c=n.interleaved;return null===c?(r.next=r,Bl(n)):(r.next=c.next,c.next=r),void(n.interleaved=r)}}catch(e){}null!==(t=Il(e,n,r,o))&&(ts(t,e,o,r=es()),Ya(t,n,o))}}function Ga(e){var n=e.alternate;return e===ia||null!==n&&n===ia}function Ja(e,n){ua=da=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function Ya(e,n,t){if(4194240&t){var o=n.lanes;t|=o&=e.pendingLanes,n.lanes=t,gn(e,t)}}var Qa={readContext:Nl,useCallback:ba,useContext:ba,useEffect:ba,useImperativeHandle:ba,useInsertionEffect:ba,useLayoutEffect:ba,useMemo:ba,useReducer:ba,useRef:ba,useState:ba,useDebugValue:ba,useDeferredValue:ba,useTransition:ba,useMutableSource:ba,useSyncExternalStore:ba,useId:ba,unstable_isNewReconciler:!1},Xa={readContext:Nl,useCallback:function(e,n){return ha().memoizedState=[e,void 0===n?null:n],e},useContext:Nl,useEffect:$a,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,Ba(4194308,4,Ra.bind(null,n,e),t)},useLayoutEffect:function(e,n){return Ba(4194308,4,e,n)},useInsertionEffect:function(e,n){return Ba(4,2,e,n)},useMemo:function(e,n){var t=ha();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var o=ha();return n=void 0!==t?t(n):n,o.memoizedState=o.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},o.queue=e,e=e.dispatch=qa.bind(null,ia,e),[o.memoizedState,e]},useRef:function(e){return e={current:e},ha().memoizedState=e},useState:La,useDebugValue:Da,useDeferredValue:function(e){return ha().memoizedState=e},useTransition:function(){var e=La(!1),n=e[0];return e=Va.bind(null,e[1]),ha().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var o=ia,r=ha();if(ll){if(void 0===t)throw Error(l(407));t=t()}else{if(t=n(),null===Oc)throw Error(l(349));30&aa||za(o,n,t)}r.memoizedState=t;var a={value:t,getSnapshot:n};return r.queue=a,$a(Ta.bind(null,o,a,e),[e]),o.flags|=2048,Na(9,Sa.bind(null,o,a,t,n),void 0,null),t},useId:function(){var e=ha(),n=Oc.identifierPrefix;if(ll){var t=Qr;n=":"+n+"R"+(t=(Yr&~(1<<32-an(Yr)-1)).toString(32)+t),0<(t=ma++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=fa++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},ei={readContext:Nl,useCallback:Ka,useContext:Nl,useEffect:Pa,useImperativeHandle:Fa,useInsertionEffect:ja,useLayoutEffect:Ma,useMemo:Ha,useReducer:ya,useRef:Aa,useState:function(){return ya(_a)},useDebugValue:Da,useDeferredValue:function(e){return Ua(ga(),ca.memoizedState,e)},useTransition:function(){return[ya(_a)[0],ga().memoizedState]},useMutableSource:xa,useSyncExternalStore:Ea,useId:Wa,unstable_isNewReconciler:!1},ni={readContext:Nl,useCallback:Ka,useContext:Nl,useEffect:Pa,useImperativeHandle:Fa,useInsertionEffect:ja,useLayoutEffect:Ma,useMemo:Ha,useReducer:wa,useRef:Aa,useState:function(){return wa(_a)},useDebugValue:Da,useDeferredValue:function(e){var n=ga();return null===ca?n.memoizedState=e:Ua(n,ca.memoizedState,e)},useTransition:function(){return[wa(_a)[0],ga().memoizedState]},useMutableSource:xa,useSyncExternalStore:Ea,useId:Wa,unstable_isNewReconciler:!1};function ti(e,n){if(e&&e.defaultProps){for(var t in n=j({},n),e=e.defaultProps)void 0===n[t]&&(n[t]=e[t]);return n}return n}function oi(e,n,t,o){t=null==(t=t(o,n=e.memoizedState))?n:j({},n,t),e.memoizedState=t,0===e.lanes&&(e.updateQueue.baseState=t)}var ri={isMounted:function(e){return!!(e=e._reactInternals)&&Ke(e)===e},enqueueSetState:function(e,n,t){e=e._reactInternals;var o=es(),r=ns(e),l=Rl(o,r);l.payload=n,null!=t&&(l.callback=t),null!==(n=Fl(e,l,r))&&(ts(n,e,r,o),Dl(n,e,r))},enqueueReplaceState:function(e,n,t){e=e._reactInternals;var o=es(),r=ns(e),l=Rl(o,r);l.tag=1,l.payload=n,null!=t&&(l.callback=t),null!==(n=Fl(e,l,r))&&(ts(n,e,r,o),Dl(n,e,r))},enqueueForceUpdate:function(e,n){e=e._reactInternals;var t=es(),o=ns(e),r=Rl(t,o);r.tag=2,null!=n&&(r.callback=n),null!==(n=Fl(e,r,o))&&(ts(n,e,o,t),Dl(n,e,o))}};function li(e,n,t,o,r,l,a){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(o,l,a):!(n.prototype&&n.prototype.isPureReactComponent&&co(t,o)&&co(r,l))}function ai(e,n,t){var o=!1,r=Cr,l=n.contextType;return"object"==typeof l&&null!==l?l=Nl(l):(r=Br(n)?Nr:Or.current,l=(o=null!=(o=n.contextTypes))?Ar(e,r):Cr),n=new n(t,l),e.memoizedState=null!==n.state&&void 0!==n.state?n.state:null,n.updater=ri,e.stateNode=n,n._reactInternals=e,o&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=l),n}function ii(e,n,t,o){e=n.state,"function"==typeof n.componentWillReceiveProps&&n.componentWillReceiveProps(t,o),"function"==typeof n.UNSAFE_componentWillReceiveProps&&n.UNSAFE_componentWillReceiveProps(t,o),n.state!==e&&ri.enqueueReplaceState(n,n.state,null)}function ci(e,n,t,o){var r=e.stateNode;r.props=t,r.state=e.memoizedState,r.refs={},jl(e);var l=n.contextType;"object"==typeof l&&null!==l?r.context=Nl(l):(l=Br(n)?Nr:Or.current,r.context=Ar(e,l)),r.state=e.memoizedState,"function"==typeof(l=n.getDerivedStateFromProps)&&(oi(e,n,l,t),r.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(n=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),n!==r.state&&ri.enqueueReplaceState(r,r.state,null),Hl(e,t,r,o),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function si(e,n){try{var t="",o=n;do{t+=D(o),o=o.return}while(o);var r=t}catch(e){r="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:n,stack:r,digest:null}}function di(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function ui(e,n){try{console.error(n.value)}catch(e){setTimeout((function(){throw e}))}}var mi="function"==typeof WeakMap?WeakMap:Map;function fi(e,n,t){(t=Rl(-1,t)).tag=3,t.payload={element:null};var o=n.value;return t.callback=function(){Uc||(Uc=!0,Vc=o),ui(0,n)},t}function bi(e,n,t){(t=Rl(-1,t)).tag=3;var o=e.type.getDerivedStateFromError;if("function"==typeof o){var r=n.value;t.payload=function(){return o(r)},t.callback=function(){ui(0,n)}}var l=e.stateNode;return null!==l&&"function"==typeof l.componentDidCatch&&(t.callback=function(){ui(0,n),"function"!=typeof o&&(null===Wc?Wc=new Set([this]):Wc.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),t}function pi(e,n,t){var o=e.pingCache;if(null===o){o=e.pingCache=new mi;var r=new Set;o.set(n,r)}else void 0===(r=o.get(n))&&(r=new Set,o.set(n,r));r.has(t)||(r.add(t),e=zs.bind(null,e,n,t),n.then(e,e))}function vi(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function ki(e,n,t,o,r){return 1&e.mode?(e.flags|=65536,e.lanes=r,e):(e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=Rl(-1,1)).tag=2,Fl(t,n,1))),t.lanes|=1),e)}var hi=_.ReactCurrentOwner,gi=!1;function _i(e,n,t,o){n.child=null===e?wl(n,null,t,o):yl(n,e.child,t,o)}function yi(e,n,t,o,r){t=t.render;var l=n.ref;return Ll(n,r),o=va(e,n,t,o,l,r),t=ka(),null===e||gi?(ll&&t&&nl(n),n.flags|=1,_i(e,n,o,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,Ui(e,n,r))}function wi(e,n,t,o,r){if(null===e){var l=t.type;return"function"!=typeof l||As(l)||void 0!==l.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=Is(t.type,null,o,n,n.mode,r)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=l,xi(e,n,l,o,r))}if(l=e.child,!(e.lanes&r)){var a=l.memoizedProps;if((t=null!==(t=t.compare)?t:co)(a,o)&&e.ref===n.ref)return Ui(e,n,r)}return n.flags|=1,(e=Bs(l,o)).ref=n.ref,e.return=n,n.child=e}function xi(e,n,t,o,r){if(null!==e){var l=e.memoizedProps;if(co(l,o)&&e.ref===n.ref){if(gi=!1,n.pendingProps=o=l,!(e.lanes&r))return n.lanes=e.lanes,Ui(e,n,r);131072&e.flags&&(gi=!0)}}return Si(e,n,t,o,r)}function Ei(e,n,t){var o=n.pendingProps,r=o.children,l=null!==e?e.memoizedState:null;if("hidden"===o.mode)if(1&n.mode){if(!(1073741824&t))return e=null!==l?l.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Tr(Bc,Ac),Ac|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},o=null!==l?l.baseLanes:t,Tr(Bc,Ac),Ac|=o}else n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Tr(Bc,Ac),Ac|=t;else null!==l?(o=l.baseLanes|t,n.memoizedState=null):o=t,Tr(Bc,Ac),Ac|=o;return _i(e,n,r,t),n.child}function zi(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Si(e,n,t,o,r){var l=Br(t)?Nr:Or.current;return l=Ar(n,l),Ll(n,r),t=va(e,n,t,o,l,r),o=ka(),null===e||gi?(ll&&o&&nl(n),n.flags|=1,_i(e,n,t,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,Ui(e,n,r))}function Ti(e,n,t,o,r){if(Br(t)){var l=!0;jr(n)}else l=!1;if(Ll(n,r),null===n.stateNode)Hi(e,n),ai(n,t,o),ci(n,t,o,r),o=!0;else if(null===e){var a=n.stateNode,i=n.memoizedProps;a.props=i;var c=a.context,s=t.contextType;s="object"==typeof s&&null!==s?Nl(s):Ar(n,s=Br(t)?Nr:Or.current);var d=t.getDerivedStateFromProps,u="function"==typeof d||"function"==typeof a.getSnapshotBeforeUpdate;u||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(i!==o||c!==s)&&ii(n,a,o,s),Pl=!1;var m=n.memoizedState;a.state=m,Hl(n,o,a,r),c=n.memoizedState,i!==o||m!==c||Lr.current||Pl?("function"==typeof d&&(oi(n,t,d,o),c=n.memoizedState),(i=Pl||li(n,t,i,o,m,c,s))?(u||"function"!=typeof a.UNSAFE_componentWillMount&&"function"!=typeof a.componentWillMount||("function"==typeof a.componentWillMount&&a.componentWillMount(),"function"==typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount()),"function"==typeof a.componentDidMount&&(n.flags|=4194308)):("function"==typeof a.componentDidMount&&(n.flags|=4194308),n.memoizedProps=o,n.memoizedState=c),a.props=o,a.state=c,a.context=s,o=i):("function"==typeof a.componentDidMount&&(n.flags|=4194308),o=!1)}else{a=n.stateNode,Ml(e,n),i=n.memoizedProps,s=n.type===n.elementType?i:ti(n.type,i),a.props=s,u=n.pendingProps,m=a.context,c="object"==typeof(c=t.contextType)&&null!==c?Nl(c):Ar(n,c=Br(t)?Nr:Or.current);var f=t.getDerivedStateFromProps;(d="function"==typeof f||"function"==typeof a.getSnapshotBeforeUpdate)||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(i!==u||m!==c)&&ii(n,a,o,c),Pl=!1,m=n.memoizedState,a.state=m,Hl(n,o,a,r);var b=n.memoizedState;i!==u||m!==b||Lr.current||Pl?("function"==typeof f&&(oi(n,t,f,o),b=n.memoizedState),(s=Pl||li(n,t,s,o,m,b,c)||!1)?(d||"function"!=typeof a.UNSAFE_componentWillUpdate&&"function"!=typeof a.componentWillUpdate||("function"==typeof a.componentWillUpdate&&a.componentWillUpdate(o,b,c),"function"==typeof a.UNSAFE_componentWillUpdate&&a.UNSAFE_componentWillUpdate(o,b,c)),"function"==typeof a.componentDidUpdate&&(n.flags|=4),"function"==typeof a.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof a.componentDidUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=4),"function"!=typeof a.getSnapshotBeforeUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=1024),n.memoizedProps=o,n.memoizedState=b),a.props=o,a.state=b,a.context=c,o=s):("function"!=typeof a.componentDidUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=4),"function"!=typeof a.getSnapshotBeforeUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=1024),o=!1)}return Ci(e,n,t,o,l,r)}function Ci(e,n,t,o,r,l){zi(e,n);var a=!!(128&n.flags);if(!o&&!a)return r&&Mr(n,t,!1),Ui(e,n,l);o=n.stateNode,hi.current=n;var i=a&&"function"!=typeof t.getDerivedStateFromError?null:o.render();return n.flags|=1,null!==e&&a?(n.child=yl(n,e.child,null,l),n.child=yl(n,null,i,l)):_i(e,n,i,l),n.memoizedState=o.state,r&&Mr(n,t,!0),n.child}function Oi(e){var n=e.stateNode;n.pendingContext?$r(0,n.pendingContext,n.pendingContext!==n.context):n.context&&$r(0,n.context,!1),Jl(e,n.containerInfo)}function Li(e,n,t,o,r){return bl(),pl(r),n.flags|=256,_i(e,n,t,o),n.child}var Ni,Ai,Bi,Ii,$i={dehydrated:null,treeContext:null,retryLane:0};function Pi(e){return{baseLanes:e,cachePool:null,transitions:null}}function ji(e,n,t){var o,r=n.pendingProps,a=ea.current,i=!1,c=!!(128&n.flags);if((o=c)||(o=(null===e||null!==e.memoizedState)&&!!(2&a)),o?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(a|=1),Tr(ea,1&a),null===e)return dl(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated)?(1&n.mode?"$!"===e.data?n.lanes=8:n.lanes=1073741824:n.lanes=1,null):(c=r.children,e=r.fallback,i?(r=n.mode,i=n.child,c={mode:"hidden",children:c},1&r||null===i?i=Ps(c,r,0,null):(i.childLanes=0,i.pendingProps=c),e=$s(e,r,t,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=Pi(t),n.memoizedState=$i,e):Mi(n,c));if(null!==(a=e.memoizedState)&&null!==(o=a.dehydrated))return function(e,n,t,o,r,a,i){if(t)return 256&n.flags?(n.flags&=-257,Ri(e,n,i,o=di(Error(l(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(a=o.fallback,r=n.mode,o=Ps({mode:"visible",children:o.children},r,0,null),(a=$s(a,r,i,null)).flags|=2,o.return=n,a.return=n,o.sibling=a,n.child=o,1&n.mode&&yl(n,e.child,null,i),n.child.memoizedState=Pi(i),n.memoizedState=$i,a);if(!(1&n.mode))return Ri(e,n,i,null);if("$!"===r.data){if(o=r.nextSibling&&r.nextSibling.dataset)var c=o.dgst;return o=c,Ri(e,n,i,o=di(a=Error(l(419)),o,void 0))}if(c=!!(i&e.childLanes),gi||c){if(null!==(o=Oc)){switch(i&-i){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=r&(o.suspendedLanes|i)?0:r)&&r!==a.retryLane&&(a.retryLane=r,$l(e,r),ts(o,e,r,-1))}return ps(),Ri(e,n,i,o=di(Error(l(421))))}return"$?"===r.data?(n.flags|=128,n.child=e.child,n=Ts.bind(null,e),r._reactRetry=n,null):(e=a.treeContext,rl=dr(r.nextSibling),ol=n,ll=!0,al=null,null!==e&&(Zr[Gr++]=Yr,Zr[Gr++]=Qr,Zr[Gr++]=Jr,Yr=e.id,Qr=e.overflow,Jr=n),(n=Mi(n,o.children)).flags|=4096,n)}(e,n,c,r,o,a,t);if(i){i=r.fallback,c=n.mode,o=(a=e.child).sibling;var s={mode:"hidden",children:r.children};return 1&c||n.child===a?(r=Bs(a,s)).subtreeFlags=14680064&a.subtreeFlags:((r=n.child).childLanes=0,r.pendingProps=s,n.deletions=null),null!==o?i=Bs(o,i):(i=$s(i,c,t,null)).flags|=2,i.return=n,r.return=n,r.sibling=i,n.child=r,r=i,i=n.child,c=null===(c=e.child.memoizedState)?Pi(t):{baseLanes:c.baseLanes|t,cachePool:null,transitions:c.transitions},i.memoizedState=c,i.childLanes=e.childLanes&~t,n.memoizedState=$i,r}return e=(i=e.child).sibling,r=Bs(i,{mode:"visible",children:r.children}),!(1&n.mode)&&(r.lanes=t),r.return=n,r.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=r,n.memoizedState=null,r}function Mi(e,n){return(n=Ps({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function Ri(e,n,t,o){return null!==o&&pl(o),yl(n,e.child,null,t),(e=Mi(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Fi(e,n,t){e.lanes|=n;var o=e.alternate;null!==o&&(o.lanes|=n),Ol(e.return,n,t)}function Di(e,n,t,o,r){var l=e.memoizedState;null===l?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:o,tail:t,tailMode:r}:(l.isBackwards=n,l.rendering=null,l.renderingStartTime=0,l.last=o,l.tail=t,l.tailMode=r)}function Ki(e,n,t){var o=n.pendingProps,r=o.revealOrder,l=o.tail;if(_i(e,n,o.children,t),2&(o=ea.current))o=1&o|2,n.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Fi(e,t,n);else if(19===e.tag)Fi(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}o&=1}if(Tr(ea,o),1&n.mode)switch(r){case"forwards":for(t=n.child,r=null;null!==t;)null!==(e=t.alternate)&&null===na(e)&&(r=t),t=t.sibling;null===(t=r)?(r=n.child,n.child=null):(r=t.sibling,t.sibling=null),Di(n,!1,r,t,l);break;case"backwards":for(t=null,r=n.child,n.child=null;null!==r;){if(null!==(e=r.alternate)&&null===na(e)){n.child=r;break}e=r.sibling,r.sibling=t,t=r,r=e}Di(n,!0,t,null,l);break;case"together":Di(n,!1,null,null,void 0);break;default:n.memoizedState=null}else n.memoizedState=null;return n.child}function Hi(e,n){!(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function Ui(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),Pc|=n.lanes,!(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(l(153));if(null!==n.child){for(t=Bs(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=Bs(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function Vi(e,n){if(!ll)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var o=null;null!==t;)null!==t.alternate&&(o=t),t=t.sibling;null===o?n||null===e.tail?e.tail=null:e.tail.sibling=null:o.sibling=null}}function Wi(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,o=0;if(n)for(var r=e.child;null!==r;)t|=r.lanes|r.childLanes,o|=14680064&r.subtreeFlags,o|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)t|=r.lanes|r.childLanes,o|=r.subtreeFlags,o|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=o,e.childLanes=t,n}function qi(e,n,t){var o=n.pendingProps;switch(tl(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Wi(n),null;case 1:case 17:return Br(n.type)&&Ir(),Wi(n),null;case 3:return o=n.stateNode,Yl(),Sr(Lr),Sr(Or),oa(),o.pendingContext&&(o.context=o.pendingContext,o.pendingContext=null),null!==e&&null!==e.child||(ml(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&n.flags)||(n.flags|=1024,null!==al&&(as(al),al=null))),Ai(e,n),Wi(n),null;case 5:Xl(n);var r=Gl(Zl.current);if(t=n.type,null!==e&&null!=n.stateNode)Bi(e,n,t,o,r),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!o){if(null===n.stateNode)throw Error(l(166));return Wi(n),null}if(e=Gl(Wl.current),ml(n)){o=n.stateNode,t=n.type;var a=n.memoizedProps;switch(o[fr]=n,o[br]=a,e=!!(1&n.mode),t){case"dialog":Fo("cancel",o),Fo("close",o);break;case"iframe":case"object":case"embed":Fo("load",o);break;case"video":case"audio":for(r=0;r<Po.length;r++)Fo(Po[r],o);break;case"source":Fo("error",o);break;case"img":case"image":case"link":Fo("error",o),Fo("load",o);break;case"details":Fo("toggle",o);break;case"input":J(o,a),Fo("invalid",o);break;case"select":o._wrapperState={wasMultiple:!!a.multiple},Fo("invalid",o);break;case"textarea":re(o,a),Fo("invalid",o)}for(var c in he(t,a),r=null,a)if(a.hasOwnProperty(c)){var s=a[c];"children"===c?"string"==typeof s?o.textContent!==s&&(!0!==a.suppressHydrationWarning&&Xo(o.textContent,s,e),r=["children",s]):"number"==typeof s&&o.textContent!==""+s&&(!0!==a.suppressHydrationWarning&&Xo(o.textContent,s,e),r=["children",""+s]):i.hasOwnProperty(c)&&null!=s&&"onScroll"===c&&Fo("scroll",o)}switch(t){case"input":W(o),X(o,a,!0);break;case"textarea":W(o),ae(o);break;case"select":case"option":break;default:"function"==typeof a.onClick&&(o.onclick=er)}o=r,n.updateQueue=o,null!==o&&(n.flags|=4)}else{c=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=ie(t)),"http://www.w3.org/1999/xhtml"===e?"script"===t?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof o.is?e=c.createElement(t,{is:o.is}):(e=c.createElement(t),"select"===t&&(c=e,o.multiple?c.multiple=!0:o.size&&(c.size=o.size))):e=c.createElementNS(e,t),e[fr]=n,e[br]=o,Ni(e,n,!1,!1),n.stateNode=e;e:{switch(c=ge(t,o),t){case"dialog":Fo("cancel",e),Fo("close",e),r=o;break;case"iframe":case"object":case"embed":Fo("load",e),r=o;break;case"video":case"audio":for(r=0;r<Po.length;r++)Fo(Po[r],e);r=o;break;case"source":Fo("error",e),r=o;break;case"img":case"image":case"link":Fo("error",e),Fo("load",e),r=o;break;case"details":Fo("toggle",e),r=o;break;case"input":J(e,o),r=G(e,o),Fo("invalid",e);break;case"option":default:r=o;break;case"select":e._wrapperState={wasMultiple:!!o.multiple},r=j({},o,{value:void 0}),Fo("invalid",e);break;case"textarea":re(e,o),r=oe(e,o),Fo("invalid",e)}for(a in he(t,r),s=r)if(s.hasOwnProperty(a)){var d=s[a];"style"===a?ve(e,d):"dangerouslySetInnerHTML"===a?null!=(d=d?d.__html:void 0)&&ue(e,d):"children"===a?"string"==typeof d?("textarea"!==t||""!==d)&&me(e,d):"number"==typeof d&&me(e,""+d):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(i.hasOwnProperty(a)?null!=d&&"onScroll"===a&&Fo("scroll",e):null!=d&&g(e,a,d,c))}switch(t){case"input":W(e),X(e,o,!1);break;case"textarea":W(e),ae(e);break;case"option":null!=o.value&&e.setAttribute("value",""+U(o.value));break;case"select":e.multiple=!!o.multiple,null!=(a=o.value)?te(e,!!o.multiple,a,!1):null!=o.defaultValue&&te(e,!!o.multiple,o.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=er)}switch(t){case"button":case"input":case"select":case"textarea":o=!!o.autoFocus;break e;case"img":o=!0;break e;default:o=!1}}o&&(n.flags|=4)}null!==n.ref&&(n.flags|=512,n.flags|=2097152)}return Wi(n),null;case 6:if(e&&null!=n.stateNode)Ii(e,n,e.memoizedProps,o);else{if("string"!=typeof o&&null===n.stateNode)throw Error(l(166));if(t=Gl(Zl.current),Gl(Wl.current),ml(n)){if(o=n.stateNode,t=n.memoizedProps,o[fr]=n,(a=o.nodeValue!==t)&&null!==(e=ol))switch(e.tag){case 3:Xo(o.nodeValue,t,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xo(o.nodeValue,t,!!(1&e.mode))}a&&(n.flags|=4)}else(o=(9===t.nodeType?t:t.ownerDocument).createTextNode(o))[fr]=n,n.stateNode=o}return Wi(n),null;case 13:if(Sr(ea),o=n.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ll&&null!==rl&&1&n.mode&&!(128&n.flags))fl(),bl(),n.flags|=98560,a=!1;else if(a=ml(n),null!==o&&null!==o.dehydrated){if(null===e){if(!a)throw Error(l(318));if(!(a=null!==(a=n.memoizedState)?a.dehydrated:null))throw Error(l(317));a[fr]=n}else bl(),!(128&n.flags)&&(n.memoizedState=null),n.flags|=4;Wi(n),a=!1}else null!==al&&(as(al),al=null),a=!0;if(!a)return 65536&n.flags?n:null}return 128&n.flags?(n.lanes=t,n):((o=null!==o)!=(null!==e&&null!==e.memoizedState)&&o&&(n.child.flags|=8192,1&n.mode&&(null===e||1&ea.current?0===Ic&&(Ic=3):ps())),null!==n.updateQueue&&(n.flags|=4),Wi(n),null);case 4:return Yl(),Ai(e,n),null===e&&Ho(n.stateNode.containerInfo),Wi(n),null;case 10:return Cl(n.type._context),Wi(n),null;case 19:if(Sr(ea),null===(a=n.memoizedState))return Wi(n),null;if(o=!!(128&n.flags),null===(c=a.rendering))if(o)Vi(a,!1);else{if(0!==Ic||null!==e&&128&e.flags)for(e=n.child;null!==e;){if(null!==(c=na(e))){for(n.flags|=128,Vi(a,!1),null!==(o=c.updateQueue)&&(n.updateQueue=o,n.flags|=4),n.subtreeFlags=0,o=t,t=n.child;null!==t;)e=o,(a=t).flags&=14680066,null===(c=a.alternate)?(a.childLanes=0,a.lanes=e,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,e=c.dependencies,a.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),t=t.sibling;return Tr(ea,1&ea.current|2),n.child}e=e.sibling}null!==a.tail&&Ye()>Kc&&(n.flags|=128,o=!0,Vi(a,!1),n.lanes=4194304)}else{if(!o)if(null!==(e=na(c))){if(n.flags|=128,o=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),Vi(a,!0),null===a.tail&&"hidden"===a.tailMode&&!c.alternate&&!ll)return Wi(n),null}else 2*Ye()-a.renderingStartTime>Kc&&1073741824!==t&&(n.flags|=128,o=!0,Vi(a,!1),n.lanes=4194304);a.isBackwards?(c.sibling=n.child,n.child=c):(null!==(t=a.last)?t.sibling=c:n.child=c,a.last=c)}return null!==a.tail?(n=a.tail,a.rendering=n,a.tail=n.sibling,a.renderingStartTime=Ye(),n.sibling=null,t=ea.current,Tr(ea,o?1&t|2:1&t),n):(Wi(n),null);case 22:case 23:return us(),o=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==o&&(n.flags|=8192),o&&1&n.mode?!!(1073741824&Ac)&&(Wi(n),6&n.subtreeFlags&&(n.flags|=8192)):Wi(n),null;case 24:case 25:return null}throw Error(l(156,n.tag))}function Zi(e,n){switch(tl(n),n.tag){case 1:return Br(n.type)&&Ir(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return Yl(),Sr(Lr),Sr(Or),oa(),65536&(e=n.flags)&&!(128&e)?(n.flags=-65537&e|128,n):null;case 5:return Xl(n),null;case 13:if(Sr(ea),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(l(340));bl()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return Sr(ea),null;case 4:return Yl(),null;case 10:return Cl(n.type._context),null;case 22:case 23:return us(),null;default:return null}}Ni=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},Ai=function(){},Bi=function(e,n,t,o){var r=e.memoizedProps;if(r!==o){e=n.stateNode,Gl(Wl.current);var l,a=null;switch(t){case"input":r=G(e,r),o=G(e,o),a=[];break;case"select":r=j({},r,{value:void 0}),o=j({},o,{value:void 0}),a=[];break;case"textarea":r=oe(e,r),o=oe(e,o),a=[];break;default:"function"!=typeof r.onClick&&"function"==typeof o.onClick&&(e.onclick=er)}for(d in he(t,o),t=null,r)if(!o.hasOwnProperty(d)&&r.hasOwnProperty(d)&&null!=r[d])if("style"===d){var c=r[d];for(l in c)c.hasOwnProperty(l)&&(t||(t={}),t[l]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(i.hasOwnProperty(d)?a||(a=[]):(a=a||[]).push(d,null));for(d in o){var s=o[d];if(c=null!=r?r[d]:void 0,o.hasOwnProperty(d)&&s!==c&&(null!=s||null!=c))if("style"===d)if(c){for(l in c)!c.hasOwnProperty(l)||s&&s.hasOwnProperty(l)||(t||(t={}),t[l]="");for(l in s)s.hasOwnProperty(l)&&c[l]!==s[l]&&(t||(t={}),t[l]=s[l])}else t||(a||(a=[]),a.push(d,t)),t=s;else"dangerouslySetInnerHTML"===d?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(a=a||[]).push(d,s)):"children"===d?"string"!=typeof s&&"number"!=typeof s||(a=a||[]).push(d,""+s):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(i.hasOwnProperty(d)?(null!=s&&"onScroll"===d&&Fo("scroll",e),a||c===s||(a=[])):(a=a||[]).push(d,s))}t&&(a=a||[]).push("style",t);var d=a;(n.updateQueue=d)&&(n.flags|=4)}},Ii=function(e,n,t,o){t!==o&&(n.flags|=4)};var Gi=!1,Ji=!1,Yi="function"==typeof WeakSet?WeakSet:Set,Qi=null;function Xi(e,n){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Es(e,n,t)}else t.current=null}function ec(e,n,t){try{t()}catch(t){Es(e,n,t)}}var nc=!1;function tc(e,n,t){var o=n.updateQueue;if(null!==(o=null!==o?o.lastEffect:null)){var r=o=o.next;do{if((r.tag&e)===e){var l=r.destroy;r.destroy=void 0,void 0!==l&&ec(n,t,l)}r=r.next}while(r!==o)}}function oc(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var o=t.create;t.destroy=o()}t=t.next}while(t!==n)}}function rc(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function lc(e){var n=e.alternate;null!==n&&(e.alternate=null,lc(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&null!==(n=e.stateNode)&&(delete n[fr],delete n[br],delete n[vr],delete n[kr],delete n[hr]),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ac(e){return 5===e.tag||3===e.tag||4===e.tag}function ic(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ac(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cc(e,n,t){var o=e.tag;if(5===o||6===o)e=e.stateNode,n?8===t.nodeType?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(8===t.nodeType?(n=t.parentNode).insertBefore(e,t):(n=t).appendChild(e),null!=(t=t._reactRootContainer)||null!==n.onclick||(n.onclick=er));else if(4!==o&&null!==(e=e.child))for(cc(e,n,t),e=e.sibling;null!==e;)cc(e,n,t),e=e.sibling}function sc(e,n,t){var o=e.tag;if(5===o||6===o)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(4!==o&&null!==(e=e.child))for(sc(e,n,t),e=e.sibling;null!==e;)sc(e,n,t),e=e.sibling}var dc=null,uc=!1;function mc(e,n,t){for(t=t.child;null!==t;)fc(e,n,t),t=t.sibling}function fc(e,n,t){if(ln&&"function"==typeof ln.onCommitFiberUnmount)try{ln.onCommitFiberUnmount(rn,t)}catch(e){}switch(t.tag){case 5:Ji||Xi(t,n);case 6:var o=dc,r=uc;dc=null,mc(e,n,t),uc=r,null!==(dc=o)&&(uc?(e=dc,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):dc.removeChild(t.stateNode));break;case 18:null!==dc&&(uc?(e=dc,t=t.stateNode,8===e.nodeType?sr(e.parentNode,t):1===e.nodeType&&sr(e,t),Hn(e)):sr(dc,t.stateNode));break;case 4:o=dc,r=uc,dc=t.stateNode.containerInfo,uc=!0,mc(e,n,t),dc=o,uc=r;break;case 0:case 11:case 14:case 15:if(!Ji&&null!==(o=t.updateQueue)&&null!==(o=o.lastEffect)){r=o=o.next;do{var l=r,a=l.destroy;l=l.tag,void 0!==a&&(2&l||4&l)&&ec(t,n,a),r=r.next}while(r!==o)}mc(e,n,t);break;case 1:if(!Ji&&(Xi(t,n),"function"==typeof(o=t.stateNode).componentWillUnmount))try{o.props=t.memoizedProps,o.state=t.memoizedState,o.componentWillUnmount()}catch(e){Es(t,n,e)}mc(e,n,t);break;case 21:mc(e,n,t);break;case 22:1&t.mode?(Ji=(o=Ji)||null!==t.memoizedState,mc(e,n,t),Ji=o):mc(e,n,t);break;default:mc(e,n,t)}}function bc(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new Yi),n.forEach((function(n){var o=Cs.bind(null,e,n);t.has(n)||(t.add(n),n.then(o,o))}))}}function pc(e,n){var t=n.deletions;if(null!==t)for(var o=0;o<t.length;o++){var r=t[o];try{var a=e,i=n,c=i;e:for(;null!==c;){switch(c.tag){case 5:dc=c.stateNode,uc=!1;break e;case 3:case 4:dc=c.stateNode.containerInfo,uc=!0;break e}c=c.return}if(null===dc)throw Error(l(160));fc(a,i,r),dc=null,uc=!1;var s=r.alternate;null!==s&&(s.return=null),r.return=null}catch(e){Es(r,n,e)}}if(12854&n.subtreeFlags)for(n=n.child;null!==n;)vc(n,e),n=n.sibling}function vc(e,n){var t=e.alternate,o=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(pc(n,e),kc(e),4&o){try{tc(3,e,e.return),oc(3,e)}catch(n){Es(e,e.return,n)}try{tc(5,e,e.return)}catch(n){Es(e,e.return,n)}}break;case 1:pc(n,e),kc(e),512&o&&null!==t&&Xi(t,t.return);break;case 5:if(pc(n,e),kc(e),512&o&&null!==t&&Xi(t,t.return),32&e.flags){var r=e.stateNode;try{me(r,"")}catch(n){Es(e,e.return,n)}}if(4&o&&null!=(r=e.stateNode)){var a=e.memoizedProps,i=null!==t?t.memoizedProps:a,c=e.type,s=e.updateQueue;if(e.updateQueue=null,null!==s)try{"input"===c&&"radio"===a.type&&null!=a.name&&Y(r,a),ge(c,i);var d=ge(c,a);for(i=0;i<s.length;i+=2){var u=s[i],m=s[i+1];"style"===u?ve(r,m):"dangerouslySetInnerHTML"===u?ue(r,m):"children"===u?me(r,m):g(r,u,m,d)}switch(c){case"input":Q(r,a);break;case"textarea":le(r,a);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!a.multiple;var b=a.value;null!=b?te(r,!!a.multiple,b,!1):f!==!!a.multiple&&(null!=a.defaultValue?te(r,!!a.multiple,a.defaultValue,!0):te(r,!!a.multiple,a.multiple?[]:"",!1))}r[br]=a}catch(n){Es(e,e.return,n)}}break;case 6:if(pc(n,e),kc(e),4&o){if(null===e.stateNode)throw Error(l(162));r=e.stateNode,a=e.memoizedProps;try{r.nodeValue=a}catch(n){Es(e,e.return,n)}}break;case 3:if(pc(n,e),kc(e),4&o&&null!==t&&t.memoizedState.isDehydrated)try{Hn(n.containerInfo)}catch(n){Es(e,e.return,n)}break;case 4:default:pc(n,e),kc(e);break;case 13:pc(n,e),kc(e),8192&(r=e.child).flags&&(a=null!==r.memoizedState,r.stateNode.isHidden=a,!a||null!==r.alternate&&null!==r.alternate.memoizedState||(Dc=Ye())),4&o&&bc(e);break;case 22:if(u=null!==t&&null!==t.memoizedState,1&e.mode?(Ji=(d=Ji)||u,pc(n,e),Ji=d):pc(n,e),kc(e),8192&o){if(d=null!==e.memoizedState,(e.stateNode.isHidden=d)&&!u&&1&e.mode)for(Qi=e,u=e.child;null!==u;){for(m=Qi=u;null!==Qi;){switch(b=(f=Qi).child,f.tag){case 0:case 11:case 14:case 15:tc(4,f,f.return);break;case 1:Xi(f,f.return);var p=f.stateNode;if("function"==typeof p.componentWillUnmount){o=f,t=f.return;try{n=o,p.props=n.memoizedProps,p.state=n.memoizedState,p.componentWillUnmount()}catch(e){Es(o,t,e)}}break;case 5:Xi(f,f.return);break;case 22:if(null!==f.memoizedState){yc(m);continue}}null!==b?(b.return=f,Qi=b):yc(m)}u=u.sibling}e:for(u=null,m=e;;){if(5===m.tag){if(null===u){u=m;try{r=m.stateNode,d?"function"==typeof(a=r.style).setProperty?a.setProperty("display","none","important"):a.display="none":(c=m.stateNode,i=null!=(s=m.memoizedProps.style)&&s.hasOwnProperty("display")?s.display:null,c.style.display=pe("display",i))}catch(n){Es(e,e.return,n)}}}else if(6===m.tag){if(null===u)try{m.stateNode.nodeValue=d?"":m.memoizedProps}catch(n){Es(e,e.return,n)}}else if((22!==m.tag&&23!==m.tag||null===m.memoizedState||m===e)&&null!==m.child){m.child.return=m,m=m.child;continue}if(m===e)break e;for(;null===m.sibling;){if(null===m.return||m.return===e)break e;u===m&&(u=null),m=m.return}u===m&&(u=null),m.sibling.return=m.return,m=m.sibling}}break;case 19:pc(n,e),kc(e),4&o&&bc(e);case 21:}}function kc(e){var n=e.flags;if(2&n){try{e:{for(var t=e.return;null!==t;){if(ac(t)){var o=t;break e}t=t.return}throw Error(l(160))}switch(o.tag){case 5:var r=o.stateNode;32&o.flags&&(me(r,""),o.flags&=-33),sc(e,ic(e),r);break;case 3:case 4:var a=o.stateNode.containerInfo;cc(e,ic(e),a);break;default:throw Error(l(161))}}catch(n){Es(e,e.return,n)}e.flags&=-3}4096&n&&(e.flags&=-4097)}function hc(e,n,t){Qi=e,gc(e,n,t)}function gc(e,n,t){for(var o=!!(1&e.mode);null!==Qi;){var r=Qi,l=r.child;if(22===r.tag&&o){var a=null!==r.memoizedState||Gi;if(!a){var i=r.alternate,c=null!==i&&null!==i.memoizedState||Ji;i=Gi;var s=Ji;if(Gi=a,(Ji=c)&&!s)for(Qi=r;null!==Qi;)c=(a=Qi).child,22===a.tag&&null!==a.memoizedState?wc(r):null!==c?(c.return=a,Qi=c):wc(r);for(;null!==l;)Qi=l,gc(l,n,t),l=l.sibling;Qi=r,Gi=i,Ji=s}_c(e)}else 8772&r.subtreeFlags&&null!==l?(l.return=r,Qi=l):_c(e)}}function _c(e){for(;null!==Qi;){var n=Qi;if(8772&n.flags){var t=n.alternate;try{if(8772&n.flags)switch(n.tag){case 0:case 11:case 15:Ji||oc(5,n);break;case 1:var o=n.stateNode;if(4&n.flags&&!Ji)if(null===t)o.componentDidMount();else{var r=n.elementType===n.type?t.memoizedProps:ti(n.type,t.memoizedProps);o.componentDidUpdate(r,t.memoizedState,o.__reactInternalSnapshotBeforeUpdate)}var a=n.updateQueue;null!==a&&Ul(n,a,o);break;case 3:var i=n.updateQueue;if(null!==i){if(t=null,null!==n.child)switch(n.child.tag){case 5:case 1:t=n.child.stateNode}Ul(n,i,t)}break;case 5:var c=n.stateNode;if(null===t&&4&n.flags){t=c;var s=n.memoizedProps;switch(n.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&t.focus();break;case"img":s.src&&(t.src=s.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===n.memoizedState){var d=n.alternate;if(null!==d){var u=d.memoizedState;if(null!==u){var m=u.dehydrated;null!==m&&Hn(m)}}}break;default:throw Error(l(163))}Ji||512&n.flags&&rc(n)}catch(e){Es(n,n.return,e)}}if(n===e){Qi=null;break}if(null!==(t=n.sibling)){t.return=n.return,Qi=t;break}Qi=n.return}}function yc(e){for(;null!==Qi;){var n=Qi;if(n===e){Qi=null;break}var t=n.sibling;if(null!==t){t.return=n.return,Qi=t;break}Qi=n.return}}function wc(e){for(;null!==Qi;){var n=Qi;try{switch(n.tag){case 0:case 11:case 15:var t=n.return;try{oc(4,n)}catch(e){Es(n,t,e)}break;case 1:var o=n.stateNode;if("function"==typeof o.componentDidMount){var r=n.return;try{o.componentDidMount()}catch(e){Es(n,r,e)}}var l=n.return;try{rc(n)}catch(e){Es(n,l,e)}break;case 5:var a=n.return;try{rc(n)}catch(e){Es(n,a,e)}}}catch(e){Es(n,n.return,e)}if(n===e){Qi=null;break}var i=n.sibling;if(null!==i){i.return=n.return,Qi=i;break}Qi=n.return}}var xc,Ec=Math.ceil,zc=_.ReactCurrentDispatcher,Sc=_.ReactCurrentOwner,Tc=_.ReactCurrentBatchConfig,Cc=0,Oc=null,Lc=null,Nc=0,Ac=0,Bc=zr(0),Ic=0,$c=null,Pc=0,jc=0,Mc=0,Rc=null,Fc=null,Dc=0,Kc=1/0,Hc=null,Uc=!1,Vc=null,Wc=null,qc=!1,Zc=null,Gc=0,Jc=0,Yc=null,Qc=-1,Xc=0;function es(){return 6&Cc?Ye():-1!==Qc?Qc:Qc=Ye()}function ns(e){return 1&e.mode?2&Cc&&0!==Nc?Nc&-Nc:null!==vl.transition?(0===Xc&&(Xc=vn()),Xc):0!==(e=_n)?e:e=void 0===(e=window.event)?16:Yn(e.type):1}function ts(e,n,t,o){if(50<Jc)throw Jc=0,Yc=null,Error(l(185));hn(e,t,o),2&Cc&&e===Oc||(e===Oc&&(!(2&Cc)&&(jc|=t),4===Ic&&is(e,Nc)),os(e,o),1===t&&0===Cc&&!(1&n.mode)&&(Kc=Ye()+500,Fr&&Hr()))}function os(e,n){var t=e.callbackNode;!function(e,n){for(var t=e.suspendedLanes,o=e.pingedLanes,r=e.expirationTimes,l=e.pendingLanes;0<l;){var a=31-an(l),i=1<<a,c=r[a];-1===c?i&t&&!(i&o)||(r[a]=bn(i,n)):c<=n&&(e.expiredLanes|=i),l&=~i}}(e,n);var o=fn(e,e===Oc?Nc:0);if(0===o)null!==t&&Ze(t),e.callbackNode=null,e.callbackPriority=0;else if(n=o&-o,e.callbackPriority!==n){if(null!=t&&Ze(t),1===n)0===e.tag?function(e){Fr=!0,Kr(e)}(cs.bind(null,e)):Kr(cs.bind(null,e)),ir((function(){!(6&Cc)&&Hr()})),t=null;else{switch(yn(o)){case 1:t=Xe;break;case 4:t=en;break;case 16:default:t=nn;break;case 536870912:t=on}t=Os(t,rs.bind(null,e))}e.callbackPriority=n,e.callbackNode=t}}function rs(e,n){if(Qc=-1,Xc=0,6&Cc)throw Error(l(327));var t=e.callbackNode;if(ws()&&e.callbackNode!==t)return null;var o=fn(e,e===Oc?Nc:0);if(0===o)return null;if(30&o||o&e.expiredLanes||n)n=vs(e,o);else{n=o;var r=Cc;Cc|=2;var a=bs();for(Oc===e&&Nc===n||(Hc=null,Kc=Ye()+500,ms(e,n));;)try{hs();break}catch(n){fs(e,n)}Tl(),zc.current=a,Cc=r,null!==Lc?n=0:(Oc=null,Nc=0,n=Ic)}if(0!==n){if(2===n&&0!==(r=pn(e))&&(o=r,n=ls(e,r)),1===n)throw t=$c,ms(e,0),is(e,o),os(e,Ye()),t;if(6===n)is(e,o);else{if(r=e.current.alternate,!(30&o||function(e){for(var n=e;;){if(16384&n.flags){var t=n.updateQueue;if(null!==t&&null!==(t=t.stores))for(var o=0;o<t.length;o++){var r=t[o],l=r.getSnapshot;r=r.value;try{if(!io(l(),r))return!1}catch(e){return!1}}}if(t=n.child,16384&n.subtreeFlags&&null!==t)t.return=n,n=t;else{if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return!0;n=n.return}n.sibling.return=n.return,n=n.sibling}}return!0}(r)||(n=vs(e,o),2===n&&(a=pn(e),0!==a&&(o=a,n=ls(e,a))),1!==n)))throw t=$c,ms(e,0),is(e,o),os(e,Ye()),t;switch(e.finishedWork=r,e.finishedLanes=o,n){case 0:case 1:throw Error(l(345));case 2:case 5:ys(e,Fc,Hc);break;case 3:if(is(e,o),(130023424&o)===o&&10<(n=Dc+500-Ye())){if(0!==fn(e,0))break;if(((r=e.suspendedLanes)&o)!==o){es(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=rr(ys.bind(null,e,Fc,Hc),n);break}ys(e,Fc,Hc);break;case 4:if(is(e,o),(4194240&o)===o)break;for(n=e.eventTimes,r=-1;0<o;){var i=31-an(o);a=1<<i,(i=n[i])>r&&(r=i),o&=~a}if(o=r,10<(o=(120>(o=Ye()-o)?120:480>o?480:1080>o?1080:1920>o?1920:3e3>o?3e3:4320>o?4320:1960*Ec(o/1960))-o)){e.timeoutHandle=rr(ys.bind(null,e,Fc,Hc),o);break}ys(e,Fc,Hc);break;default:throw Error(l(329))}}}return os(e,Ye()),e.callbackNode===t?rs.bind(null,e):null}function ls(e,n){var t=Rc;return e.current.memoizedState.isDehydrated&&(ms(e,n).flags|=256),2!==(e=vs(e,n))&&(n=Fc,Fc=t,null!==n&&as(n)),e}function as(e){null===Fc?Fc=e:Fc.push.apply(Fc,e)}function is(e,n){for(n&=~Mc,n&=~jc,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0<n;){var t=31-an(n),o=1<<t;e[t]=-1,n&=~o}}function cs(e){if(6&Cc)throw Error(l(327));ws();var n=fn(e,0);if(!(1&n))return os(e,Ye()),null;var t=vs(e,n);if(0!==e.tag&&2===t){var o=pn(e);0!==o&&(n=o,t=ls(e,o))}if(1===t)throw t=$c,ms(e,0),is(e,n),os(e,Ye()),t;if(6===t)throw Error(l(345));return e.finishedWork=e.current.alternate,e.finishedLanes=n,ys(e,Fc,Hc),os(e,Ye()),null}function ss(e,n){var t=Cc;Cc|=1;try{return e(n)}finally{0===(Cc=t)&&(Kc=Ye()+500,Fr&&Hr())}}function ds(e){null!==Zc&&0===Zc.tag&&!(6&Cc)&&ws();var n=Cc;Cc|=1;var t=Tc.transition,o=_n;try{if(Tc.transition=null,_n=1,e)return e()}finally{_n=o,Tc.transition=t,!(6&(Cc=n))&&Hr()}}function us(){Ac=Bc.current,Sr(Bc)}function ms(e,n){e.finishedWork=null,e.finishedLanes=0;var t=e.timeoutHandle;if(-1!==t&&(e.timeoutHandle=-1,lr(t)),null!==Lc)for(t=Lc.return;null!==t;){var o=t;switch(tl(o),o.tag){case 1:null!=(o=o.type.childContextTypes)&&Ir();break;case 3:Yl(),Sr(Lr),Sr(Or),oa();break;case 5:Xl(o);break;case 4:Yl();break;case 13:case 19:Sr(ea);break;case 10:Cl(o.type._context);break;case 22:case 23:us()}t=t.return}if(Oc=e,Lc=e=Bs(e.current,null),Nc=Ac=n,Ic=0,$c=null,Mc=jc=Pc=0,Fc=Rc=null,null!==Al){for(n=0;n<Al.length;n++)if(null!==(o=(t=Al[n]).interleaved)){t.interleaved=null;var r=o.next,l=t.pending;if(null!==l){var a=l.next;l.next=r,o.next=a}t.pending=o}Al=null}return e}function fs(e,n){for(;;){var t=Lc;try{if(Tl(),ra.current=Qa,da){for(var o=ia.memoizedState;null!==o;){var r=o.queue;null!==r&&(r.pending=null),o=o.next}da=!1}if(aa=0,sa=ca=ia=null,ua=!1,ma=0,Sc.current=null,null===t||null===t.return){Ic=1,$c=n,Lc=null;break}e:{var a=e,i=t.return,c=t,s=n;if(n=Nc,c.flags|=32768,null!==s&&"object"==typeof s&&"function"==typeof s.then){var d=s,u=c,m=u.tag;if(!(1&u.mode||0!==m&&11!==m&&15!==m)){var f=u.alternate;f?(u.updateQueue=f.updateQueue,u.memoizedState=f.memoizedState,u.lanes=f.lanes):(u.updateQueue=null,u.memoizedState=null)}var b=vi(i);if(null!==b){b.flags&=-257,ki(b,i,c,0,n),1&b.mode&&pi(a,d,n),s=d;var p=(n=b).updateQueue;if(null===p){var v=new Set;v.add(s),n.updateQueue=v}else p.add(s);break e}if(!(1&n)){pi(a,d,n),ps();break e}s=Error(l(426))}else if(ll&&1&c.mode){var k=vi(i);if(null!==k){!(65536&k.flags)&&(k.flags|=256),ki(k,i,c,0,n),pl(si(s,c));break e}}a=s=si(s,c),4!==Ic&&(Ic=2),null===Rc?Rc=[a]:Rc.push(a),a=i;do{switch(a.tag){case 3:a.flags|=65536,n&=-n,a.lanes|=n,Kl(a,fi(0,s,n));break e;case 1:c=s;var h=a.type,g=a.stateNode;if(!(128&a.flags||"function"!=typeof h.getDerivedStateFromError&&(null===g||"function"!=typeof g.componentDidCatch||null!==Wc&&Wc.has(g)))){a.flags|=65536,n&=-n,a.lanes|=n,Kl(a,bi(a,c,n));break e}}a=a.return}while(null!==a)}_s(t)}catch(e){n=e,Lc===t&&null!==t&&(Lc=t=t.return);continue}break}}function bs(){var e=zc.current;return zc.current=Qa,null===e?Qa:e}function ps(){0!==Ic&&3!==Ic&&2!==Ic||(Ic=4),null===Oc||!(268435455&Pc)&&!(268435455&jc)||is(Oc,Nc)}function vs(e,n){var t=Cc;Cc|=2;var o=bs();for(Oc===e&&Nc===n||(Hc=null,ms(e,n));;)try{ks();break}catch(n){fs(e,n)}if(Tl(),Cc=t,zc.current=o,null!==Lc)throw Error(l(261));return Oc=null,Nc=0,Ic}function ks(){for(;null!==Lc;)gs(Lc)}function hs(){for(;null!==Lc&&!Ge();)gs(Lc)}function gs(e){var n=xc(e.alternate,e,Ac);e.memoizedProps=e.pendingProps,null===n?_s(e):Lc=n,Sc.current=null}function _s(e){var n=e;do{var t=n.alternate;if(e=n.return,32768&n.flags){if(null!==(t=Zi(t,n)))return t.flags&=32767,void(Lc=t);if(null===e)return Ic=6,void(Lc=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(t=qi(t,n,Ac)))return void(Lc=t);if(null!==(n=n.sibling))return void(Lc=n);Lc=n=e}while(null!==n);0===Ic&&(Ic=5)}function ys(e,n,t){var o=_n,r=Tc.transition;try{Tc.transition=null,_n=1,function(e,n,t,o){do{ws()}while(null!==Zc);if(6&Cc)throw Error(l(327));t=e.finishedWork;var r=e.finishedLanes;if(null===t)return null;if(e.finishedWork=null,e.finishedLanes=0,t===e.current)throw Error(l(177));e.callbackNode=null,e.callbackPriority=0;var a=t.lanes|t.childLanes;if(function(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var o=e.eventTimes;for(e=e.expirationTimes;0<t;){var r=31-an(t),l=1<<r;n[r]=0,o[r]=-1,e[r]=-1,t&=~l}}(e,a),e===Oc&&(Lc=Oc=null,Nc=0),!(2064&t.subtreeFlags)&&!(2064&t.flags)||qc||(qc=!0,Os(nn,(function(){return ws(),null}))),a=!!(15990&t.flags),15990&t.subtreeFlags||a){a=Tc.transition,Tc.transition=null;var i=_n;_n=1;var c=Cc;Cc|=4,Sc.current=null,function(e,n){if(nr=Vn,bo(e=fo())){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{var o=(t=(t=e.ownerDocument)&&t.defaultView||window).getSelection&&t.getSelection();if(o&&0!==o.rangeCount){t=o.anchorNode;var r=o.anchorOffset,a=o.focusNode;o=o.focusOffset;try{t.nodeType,a.nodeType}catch(e){t=null;break e}var i=0,c=-1,s=-1,d=0,u=0,m=e,f=null;n:for(;;){for(var b;m!==t||0!==r&&3!==m.nodeType||(c=i+r),m!==a||0!==o&&3!==m.nodeType||(s=i+o),3===m.nodeType&&(i+=m.nodeValue.length),null!==(b=m.firstChild);)f=m,m=b;for(;;){if(m===e)break n;if(f===t&&++d===r&&(c=i),f===a&&++u===o&&(s=i),null!==(b=m.nextSibling))break;f=(m=f).parentNode}m=b}t=-1===c||-1===s?null:{start:c,end:s}}else t=null}t=t||{start:0,end:0}}else t=null;for(tr={focusedElem:e,selectionRange:t},Vn=!1,Qi=n;null!==Qi;)if(e=(n=Qi).child,1028&n.subtreeFlags&&null!==e)e.return=n,Qi=e;else for(;null!==Qi;){n=Qi;try{var p=n.alternate;if(1024&n.flags)switch(n.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==p){var v=p.memoizedProps,k=p.memoizedState,h=n.stateNode,g=h.getSnapshotBeforeUpdate(n.elementType===n.type?v:ti(n.type,v),k);h.__reactInternalSnapshotBeforeUpdate=g}break;case 3:var _=n.stateNode.containerInfo;1===_.nodeType?_.textContent="":9===_.nodeType&&_.documentElement&&_.removeChild(_.documentElement);break;default:throw Error(l(163))}}catch(e){Es(n,n.return,e)}if(null!==(e=n.sibling)){e.return=n.return,Qi=e;break}Qi=n.return}p=nc,nc=!1}(e,t),vc(t,e),po(tr),Vn=!!nr,tr=nr=null,e.current=t,hc(t,e,r),Je(),Cc=c,_n=i,Tc.transition=a}else e.current=t;if(qc&&(qc=!1,Zc=e,Gc=r),0===(a=e.pendingLanes)&&(Wc=null),function(e){if(ln&&"function"==typeof ln.onCommitFiberRoot)try{ln.onCommitFiberRoot(rn,e,void 0,!(128&~e.current.flags))}catch(e){}}(t.stateNode),os(e,Ye()),null!==n)for(o=e.onRecoverableError,t=0;t<n.length;t++)o((r=n[t]).value,{componentStack:r.stack,digest:r.digest});if(Uc)throw Uc=!1,e=Vc,Vc=null,e;!!(1&Gc)&&0!==e.tag&&ws(),1&(a=e.pendingLanes)?e===Yc?Jc++:(Jc=0,Yc=e):Jc=0,Hr()}(e,n,t,o)}finally{Tc.transition=r,_n=o}return null}function ws(){if(null!==Zc){var e=yn(Gc),n=Tc.transition,t=_n;try{if(Tc.transition=null,_n=16>e?16:e,null===Zc)var o=!1;else{if(e=Zc,Zc=null,Gc=0,6&Cc)throw Error(l(331));var r=Cc;for(Cc|=4,Qi=e.current;null!==Qi;){var a=Qi,i=a.child;if(16&Qi.flags){var c=a.deletions;if(null!==c){for(var s=0;s<c.length;s++){var d=c[s];for(Qi=d;null!==Qi;){var u=Qi;switch(u.tag){case 0:case 11:case 15:tc(8,u,a)}var m=u.child;if(null!==m)m.return=u,Qi=m;else for(;null!==Qi;){var f=(u=Qi).sibling,b=u.return;if(lc(u),u===d){Qi=null;break}if(null!==f){f.return=b,Qi=f;break}Qi=b}}}var p=a.alternate;if(null!==p){var v=p.child;if(null!==v){p.child=null;do{var k=v.sibling;v.sibling=null,v=k}while(null!==v)}}Qi=a}}if(2064&a.subtreeFlags&&null!==i)i.return=a,Qi=i;else e:for(;null!==Qi;){if(2048&(a=Qi).flags)switch(a.tag){case 0:case 11:case 15:tc(9,a,a.return)}var h=a.sibling;if(null!==h){h.return=a.return,Qi=h;break e}Qi=a.return}}var g=e.current;for(Qi=g;null!==Qi;){var _=(i=Qi).child;if(2064&i.subtreeFlags&&null!==_)_.return=i,Qi=_;else e:for(i=g;null!==Qi;){if(2048&(c=Qi).flags)try{switch(c.tag){case 0:case 11:case 15:oc(9,c)}}catch(e){Es(c,c.return,e)}if(c===i){Qi=null;break e}var y=c.sibling;if(null!==y){y.return=c.return,Qi=y;break e}Qi=c.return}}if(Cc=r,Hr(),ln&&"function"==typeof ln.onPostCommitFiberRoot)try{ln.onPostCommitFiberRoot(rn,e)}catch(e){}o=!0}return o}finally{_n=t,Tc.transition=n}}return!1}function xs(e,n,t){e=Fl(e,n=fi(0,n=si(t,n),1),1),n=es(),null!==e&&(hn(e,1,n),os(e,n))}function Es(e,n,t){if(3===e.tag)xs(e,e,t);else for(;null!==n;){if(3===n.tag){xs(n,e,t);break}if(1===n.tag){var o=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof o.componentDidCatch&&(null===Wc||!Wc.has(o))){n=Fl(n,e=bi(n,e=si(t,e),1),1),e=es(),null!==n&&(hn(n,1,e),os(n,e));break}}n=n.return}}function zs(e,n,t){var o=e.pingCache;null!==o&&o.delete(n),n=es(),e.pingedLanes|=e.suspendedLanes&t,Oc===e&&(Nc&t)===t&&(4===Ic||3===Ic&&(130023424&Nc)===Nc&&500>Ye()-Dc?ms(e,0):Mc|=t),os(e,n)}function Ss(e,n){0===n&&(1&e.mode?(n=un,!(130023424&(un<<=1))&&(un=4194304)):n=1);var t=es();null!==(e=$l(e,n))&&(hn(e,n,t),os(e,t))}function Ts(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),Ss(e,t)}function Cs(e,n){var t=0;switch(e.tag){case 13:var o=e.stateNode,r=e.memoizedState;null!==r&&(t=r.retryLane);break;case 19:o=e.stateNode;break;default:throw Error(l(314))}null!==o&&o.delete(n),Ss(e,t)}function Os(e,n){return qe(e,n)}function Ls(e,n,t,o){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=o,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ns(e,n,t,o){return new Ls(e,n,t,o)}function As(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Bs(e,n){var t=e.alternate;return null===t?((t=Ns(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Is(e,n,t,o,r,a){var i=2;if(o=e,"function"==typeof e)As(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case x:return $s(t.children,r,a,n);case E:i=8,r|=8;break;case z:return(e=Ns(12,t,n,2|r)).elementType=z,e.lanes=a,e;case O:return(e=Ns(13,t,n,r)).elementType=O,e.lanes=a,e;case L:return(e=Ns(19,t,n,r)).elementType=L,e.lanes=a,e;case B:return Ps(t,r,a,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case S:i=10;break e;case T:i=9;break e;case C:i=11;break e;case N:i=14;break e;case A:i=16,o=null;break e}throw Error(l(130,null==e?e:typeof e,""))}return(n=Ns(i,t,n,r)).elementType=e,n.type=o,n.lanes=a,n}function $s(e,n,t,o){return(e=Ns(7,e,o,n)).lanes=t,e}function Ps(e,n,t,o){return(e=Ns(22,e,o,n)).elementType=B,e.lanes=t,e.stateNode={isHidden:!1},e}function js(e,n,t){return(e=Ns(6,e,null,n)).lanes=t,e}function Ms(e,n,t){return(n=Ns(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function Rs(e,n,t,o,r){this.tag=n,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=kn(0),this.expirationTimes=kn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=kn(0),this.identifierPrefix=o,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Fs(e,n,t,o,r,l,a,i,c){return e=new Rs(e,n,t,i,c),1===n?(n=1,!0===l&&(n|=8)):n=0,l=Ns(3,null,null,n),e.current=l,l.stateNode=e,l.memoizedState={element:o,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},jl(l),e}function Ds(e){if(!e)return Cr;e:{if(Ke(e=e._reactInternals)!==e||1!==e.tag)throw Error(l(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(Br(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(l(171))}if(1===e.tag){var t=e.type;if(Br(t))return Pr(e,t,n)}return n}function Ks(e,n,t,o,r,l,a,i,c){return(e=Fs(t,o,!0,e,0,l,0,i,c)).context=Ds(null),t=e.current,(l=Rl(o=es(),r=ns(t))).callback=null!=n?n:null,Fl(t,l,r),e.current.lanes=r,hn(e,r,o),os(e,o),e}function Hs(e,n,t,o){var r=n.current,l=es(),a=ns(r);return t=Ds(t),null===n.context?n.context=t:n.pendingContext=t,(n=Rl(l,a)).payload={element:e},null!==(o=void 0===o?null:o)&&(n.callback=o),null!==(e=Fl(r,n,a))&&(ts(e,r,a,l),Dl(e,r,a)),a}function Us(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vs(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t<n?t:n}}function Ws(e,n){Vs(e,n),(e=e.alternate)&&Vs(e,n)}xc=function(e,n,t){if(null!==e)if(e.memoizedProps!==n.pendingProps||Lr.current)gi=!0;else{if(!(e.lanes&t||128&n.flags))return gi=!1,function(e,n,t){switch(n.tag){case 3:Oi(n),bl();break;case 5:Ql(n);break;case 1:Br(n.type)&&jr(n);break;case 4:Jl(n,n.stateNode.containerInfo);break;case 10:var o=n.type._context,r=n.memoizedProps.value;Tr(xl,o._currentValue),o._currentValue=r;break;case 13:if(null!==(o=n.memoizedState))return null!==o.dehydrated?(Tr(ea,1&ea.current),n.flags|=128,null):t&n.child.childLanes?ji(e,n,t):(Tr(ea,1&ea.current),null!==(e=Ui(e,n,t))?e.sibling:null);Tr(ea,1&ea.current);break;case 19:if(o=!!(t&n.childLanes),128&e.flags){if(o)return Ki(e,n,t);n.flags|=128}if(null!==(r=n.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Tr(ea,ea.current),o)break;return null;case 22:case 23:return n.lanes=0,Ei(e,n,t)}return Ui(e,n,t)}(e,n,t);gi=!!(131072&e.flags)}else gi=!1,ll&&1048576&n.flags&&el(n,qr,n.index);switch(n.lanes=0,n.tag){case 2:var o=n.type;Hi(e,n),e=n.pendingProps;var r=Ar(n,Or.current);Ll(n,t),r=va(null,n,o,e,r,t);var a=ka();return n.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(n.tag=1,n.memoizedState=null,n.updateQueue=null,Br(o)?(a=!0,jr(n)):a=!1,n.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,jl(n),r.updater=ri,n.stateNode=r,r._reactInternals=n,ci(n,o,e,t),n=Ci(null,n,o,!0,a,t)):(n.tag=0,ll&&a&&nl(n),_i(null,n,r,t),n=n.child),n;case 16:o=n.elementType;e:{switch(Hi(e,n),e=n.pendingProps,o=(r=o._init)(o._payload),n.type=o,r=n.tag=function(e){if("function"==typeof e)return As(e)?1:0;if(null!=e){if((e=e.$$typeof)===C)return 11;if(e===N)return 14}return 2}(o),e=ti(o,e),r){case 0:n=Si(null,n,o,e,t);break e;case 1:n=Ti(null,n,o,e,t);break e;case 11:n=yi(null,n,o,e,t);break e;case 14:n=wi(null,n,o,ti(o.type,e),t);break e}throw Error(l(306,o,""))}return n;case 0:return o=n.type,r=n.pendingProps,Si(e,n,o,r=n.elementType===o?r:ti(o,r),t);case 1:return o=n.type,r=n.pendingProps,Ti(e,n,o,r=n.elementType===o?r:ti(o,r),t);case 3:e:{if(Oi(n),null===e)throw Error(l(387));o=n.pendingProps,r=(a=n.memoizedState).element,Ml(e,n),Hl(n,o,null,t);var i=n.memoizedState;if(o=i.element,a.isDehydrated){if(a={element:o,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},n.updateQueue.baseState=a,n.memoizedState=a,256&n.flags){n=Li(e,n,o,t,r=si(Error(l(423)),n));break e}if(o!==r){n=Li(e,n,o,t,r=si(Error(l(424)),n));break e}for(rl=dr(n.stateNode.containerInfo.firstChild),ol=n,ll=!0,al=null,t=wl(n,null,o,t),n.child=t;t;)t.flags=-3&t.flags|4096,t=t.sibling}else{if(bl(),o===r){n=Ui(e,n,t);break e}_i(e,n,o,t)}n=n.child}return n;case 5:return Ql(n),null===e&&dl(n),o=n.type,r=n.pendingProps,a=null!==e?e.memoizedProps:null,i=r.children,or(o,r)?i=null:null!==a&&or(o,a)&&(n.flags|=32),zi(e,n),_i(e,n,i,t),n.child;case 6:return null===e&&dl(n),null;case 13:return ji(e,n,t);case 4:return Jl(n,n.stateNode.containerInfo),o=n.pendingProps,null===e?n.child=yl(n,null,o,t):_i(e,n,o,t),n.child;case 11:return o=n.type,r=n.pendingProps,yi(e,n,o,r=n.elementType===o?r:ti(o,r),t);case 7:return _i(e,n,n.pendingProps,t),n.child;case 8:case 12:return _i(e,n,n.pendingProps.children,t),n.child;case 10:e:{if(o=n.type._context,r=n.pendingProps,a=n.memoizedProps,i=r.value,Tr(xl,o._currentValue),o._currentValue=i,null!==a)if(io(a.value,i)){if(a.children===r.children&&!Lr.current){n=Ui(e,n,t);break e}}else for(null!==(a=n.child)&&(a.return=n);null!==a;){var c=a.dependencies;if(null!==c){i=a.child;for(var s=c.firstContext;null!==s;){if(s.context===o){if(1===a.tag){(s=Rl(-1,t&-t)).tag=2;var d=a.updateQueue;if(null!==d){var u=(d=d.shared).pending;null===u?s.next=s:(s.next=u.next,u.next=s),d.pending=s}}a.lanes|=t,null!==(s=a.alternate)&&(s.lanes|=t),Ol(a.return,t,n),c.lanes|=t;break}s=s.next}}else if(10===a.tag)i=a.type===n.type?null:a.child;else if(18===a.tag){if(null===(i=a.return))throw Error(l(341));i.lanes|=t,null!==(c=i.alternate)&&(c.lanes|=t),Ol(i,t,n),i=a.sibling}else i=a.child;if(null!==i)i.return=a;else for(i=a;null!==i;){if(i===n){i=null;break}if(null!==(a=i.sibling)){a.return=i.return,i=a;break}i=i.return}a=i}_i(e,n,r.children,t),n=n.child}return n;case 9:return r=n.type,o=n.pendingProps.children,Ll(n,t),o=o(r=Nl(r)),n.flags|=1,_i(e,n,o,t),n.child;case 14:return r=ti(o=n.type,n.pendingProps),wi(e,n,o,r=ti(o.type,r),t);case 15:return xi(e,n,n.type,n.pendingProps,t);case 17:return o=n.type,r=n.pendingProps,r=n.elementType===o?r:ti(o,r),Hi(e,n),n.tag=1,Br(o)?(e=!0,jr(n)):e=!1,Ll(n,t),ai(n,o,r),ci(n,o,r,t),Ci(null,n,o,!0,e,t);case 19:return Ki(e,n,t);case 22:return Ei(e,n,t)}throw Error(l(156,n.tag))};var qs="function"==typeof reportError?reportError:function(e){console.error(e)};function Zs(e){this._internalRoot=e}function Gs(e){this._internalRoot=e}function Js(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Ys(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Qs(){}function Xs(e,n,t,o,r){var l=t._reactRootContainer;if(l){var a=l;if("function"==typeof r){var i=r;r=function(){var e=Us(a);i.call(e)}}Hs(n,a,e,r)}else a=function(e,n,t,o,r){if(r){if("function"==typeof o){var l=o;o=function(){var e=Us(a);l.call(e)}}var a=Ks(n,o,e,0,null,!1,0,"",Qs);return e._reactRootContainer=a,e[pr]=a.current,Ho(8===e.nodeType?e.parentNode:e),ds(),a}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof o){var i=o;o=function(){var e=Us(c);i.call(e)}}var c=Fs(e,0,!1,null,0,!1,0,"",Qs);return e._reactRootContainer=c,e[pr]=c.current,Ho(8===e.nodeType?e.parentNode:e),ds((function(){Hs(n,c,t,o)})),c}(t,n,e,r,o);return Us(a)}Gs.prototype.render=Zs.prototype.render=function(e){var n=this._internalRoot;if(null===n)throw Error(l(409));Hs(e,n,null,null)},Gs.prototype.unmount=Zs.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var n=e.containerInfo;ds((function(){Hs(null,e,null,null)})),n[pr]=null}},Gs.prototype.unstable_scheduleHydration=function(e){if(e){var n=zn();e={blockedOn:null,target:e,priority:n};for(var t=0;t<In.length&&0!==n&&n<In[t].priority;t++);In.splice(t,0,e),0===t&&Mn(e)}},wn=function(e){switch(e.tag){case 3:var n=e.stateNode;if(n.current.memoizedState.isDehydrated){var t=mn(n.pendingLanes);0!==t&&(gn(n,1|t),os(n,Ye()),!(6&Cc)&&(Kc=Ye()+500,Hr()))}break;case 13:ds((function(){var n=$l(e,1);if(null!==n){var t=es();ts(n,e,1,t)}})),Ws(e,1)}},xn=function(e){if(13===e.tag){var n=$l(e,134217728);null!==n&&ts(n,e,134217728,es()),Ws(e,134217728)}},En=function(e){if(13===e.tag){var n=ns(e),t=$l(e,n);null!==t&&ts(t,e,n,es()),Ws(e,n)}},zn=function(){return _n},Sn=function(e,n){var t=_n;try{return _n=e,n()}finally{_n=t}},we=function(e,n,t){switch(n){case"input":if(Q(e,t),n=t.name,"radio"===t.type&&null!=n){for(t=e;t.parentNode;)t=t.parentNode;for(t=t.querySelectorAll("input[name="+JSON.stringify(""+n)+'][type="radio"]'),n=0;n<t.length;n++){var o=t[n];if(o!==e&&o.form===e.form){var r=wr(o);if(!r)throw Error(l(90));q(o),Q(o,r)}}}break;case"textarea":le(e,t);break;case"select":null!=(n=t.value)&&te(e,!!t.multiple,n,!1)}},Ce=ss,Oe=ds;var ed={usingClientEntryPoint:!1,Events:[_r,yr,wr,Se,Te,ss]},nd={findFiberByHostInstance:gr,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},td={bundleType:nd.bundleType,version:nd.version,rendererPackageName:nd.rendererPackageName,rendererConfig:nd.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:_.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:nd.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var od=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!od.isDisabled&&od.supportsFiber)try{rn=od.inject(td),ln=od}catch(de){}}n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ed,n.createPortal=function(e,n){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Js(n))throw Error(l(200));return function(e,n,t){var o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:w,key:null==o?null:""+o,children:e,containerInfo:n,implementation:t}}(e,n,null,t)},n.createRoot=function(e,n){if(!Js(e))throw Error(l(299));var t=!1,o="",r=qs;return null!=n&&(!0===n.unstable_strictMode&&(t=!0),void 0!==n.identifierPrefix&&(o=n.identifierPrefix),void 0!==n.onRecoverableError&&(r=n.onRecoverableError)),n=Fs(e,1,!1,null,0,t,0,o,r),e[pr]=n.current,Ho(8===e.nodeType?e.parentNode:e),new Zs(n)},n.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var n=e._reactInternals;if(void 0===n){if("function"==typeof e.render)throw Error(l(188));throw e=Object.keys(e).join(","),Error(l(268,e))}return null===(e=Ve(n))?null:e.stateNode},n.flushSync=function(e){return ds(e)},n.hydrate=function(e,n,t){if(!Ys(n))throw Error(l(200));return Xs(null,e,n,!0,t)},n.hydrateRoot=function(e,n,t){if(!Js(e))throw Error(l(405));var o=null!=t&&t.hydratedSources||null,r=!1,a="",i=qs;if(null!=t&&(!0===t.unstable_strictMode&&(r=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(i=t.onRecoverableError)),n=Ks(n,null,e,1,null!=t?t:null,r,0,a,i),e[pr]=n.current,Ho(e),o)for(e=0;e<o.length;e++)r=(r=(t=o[e])._getVersion)(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,r]:n.mutableSourceEagerHydrationData.push(t,r);return new Gs(n)},n.render=function(e,n,t){if(!Ys(n))throw Error(l(200));return Xs(null,e,n,!1,t)},n.unmountComponentAtNode=function(e){if(!Ys(e))throw Error(l(40));return!!e._reactRootContainer&&(ds((function(){Xs(null,null,e,!1,(function(){e._reactRootContainer=null,e[pr]=null}))})),!0)},n.unstable_batchedUpdates=ss,n.unstable_renderSubtreeIntoContainer=function(e,n,t,o){if(!Ys(t))throw Error(l(200));if(null==e||void 0===e._reactInternals)throw Error(l(38));return Xs(e,n,t,!1,o)},n.version="18.3.1-next-f1338f8080-20240426"},4269:(e,n,t)=>{"use strict";t.d(n,{g:()=>s,i:()=>d});const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen","pagination-position-top":"oben","pagination-position-bottom":"unten"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse","pagination-position-top":"top","pagination-position-bottom":"bottom"},l=e=>Object.keys(e).reduce(((n,t)=>(n[`kol-${t}`]=e[t],n)),{}),a=new Set([e=>e("en",l(r)),e=>e("de",l(o))]);class i{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach((e=>e(((e,n)=>{let t=this.resourceMap.get(e);return t||(t=new Map,this.resourceMap.set(e,t)),Object.entries(n).forEach((([e,n])=>{n&&t.set(e,n)})),e}))))}setLanguage(e){this.language=e}translate(e,n){var t;let o=null===(t=this.resourceMap.get(this.language))||void 0===t?void 0:t.get(e);return o?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach((([e,n])=>{var t,r;t=`{{${e}}}`,r=n,o=o.split(t).join(r)})):o=e,o}}let c;const s=()=>c,d=(e,n=a)=>(c=new i(e),c.addTranslations(n),c)},5120:(e,n,t)=>{"use strict";var o=t(87);n.H=o.createRoot,o.hydrateRoot},5589:(e,n)=>{"use strict";function t(e,n){var t=e.length;e.push(n);e:for(;0<t;){var o=t-1>>>1,r=e[o];if(!(0<l(r,n)))break e;e[o]=n,e[t]=r,t=o}}function o(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var n=e[0],t=e.pop();if(t!==n){e[0]=t;e:for(var o=0,r=e.length,a=r>>>1;o<a;){var i=2*(o+1)-1,c=e[i],s=i+1,d=e[s];if(0>l(c,t))s<r&&0>l(d,c)?(e[o]=d,e[s]=t,o=s):(e[o]=c,e[i]=t,o=i);else{if(!(s<r&&0>l(d,t)))break e;e[o]=d,e[s]=t,o=s}}}return n}function l(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var a=performance;n.unstable_now=function(){return a.now()}}else{var i=Date,c=i.now();n.unstable_now=function(){return i.now()-c}}var s=[],d=[],u=1,m=null,f=3,b=!1,p=!1,v=!1,k="function"==typeof setTimeout?setTimeout:null,h="function"==typeof clearTimeout?clearTimeout:null,g="undefined"!=typeof setImmediate?setImmediate:null;function _(e){for(var n=o(d);null!==n;){if(null===n.callback)r(d);else{if(!(n.startTime<=e))break;r(d),n.sortIndex=n.expirationTime,t(s,n)}n=o(d)}}function y(e){if(v=!1,_(e),!p)if(null!==o(s))p=!0,B(w);else{var n=o(d);null!==n&&I(y,n.startTime-e)}}function w(e,t){p=!1,v&&(v=!1,h(S),S=-1),b=!0;var l=f;try{for(_(t),m=o(s);null!==m&&(!(m.expirationTime>t)||e&&!O());){var a=m.callback;if("function"==typeof a){m.callback=null,f=m.priorityLevel;var i=a(m.expirationTime<=t);t=n.unstable_now(),"function"==typeof i?m.callback=i:m===o(s)&&r(s),_(t)}else r(s);m=o(s)}if(null!==m)var c=!0;else{var u=o(d);null!==u&&I(y,u.startTime-t),c=!1}return c}finally{m=null,f=l,b=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,z=null,S=-1,T=5,C=-1;function O(){return!(n.unstable_now()-C<T)}function L(){if(null!==z){var e=n.unstable_now();C=e;var t=!0;try{t=z(!0,e)}finally{t?x():(E=!1,z=null)}}else E=!1}if("function"==typeof g)x=function(){g(L)};else if("undefined"!=typeof MessageChannel){var N=new MessageChannel,A=N.port2;N.port1.onmessage=L,x=function(){A.postMessage(null)}}else x=function(){k(L,0)};function B(e){z=e,E||(E=!0,x())}function I(e,t){S=k((function(){e(n.unstable_now())}),t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){p||b||(p=!0,B(w))},n.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):T=0<e?Math.floor(1e3/e):5},n.unstable_getCurrentPriorityLevel=function(){return f},n.unstable_getFirstCallbackNode=function(){return o(s)},n.unstable_next=function(e){switch(f){case 1:case 2:case 3:var n=3;break;default:n=f}var t=f;f=n;try{return e()}finally{f=t}},n.unstable_pauseExecution=function(){},n.unstable_requestPaint=function(){},n.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=f;f=e;try{return n()}finally{f=t}},n.unstable_scheduleCallback=function(e,r,l){var a=n.unstable_now();switch(l="object"==typeof l&&null!==l&&"number"==typeof(l=l.delay)&&0<l?a+l:a,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:u++,callback:r,priorityLevel:e,startTime:l,expirationTime:i=l+i,sortIndex:-1},l>a?(e.sortIndex=l,t(d,e),null===o(s)&&e===o(d)&&(v?(h(S),S=-1):v=!0,I(y,l-a))):(e.sortIndex=i,t(s,e),p||b||(p=!0,B(w))),e},n.unstable_shouldYield=O,n.unstable_wrapCallback=function(e){var n=f;return function(){var t=f;f=n;try{return e.apply(this,arguments)}finally{f=t}}}},6123:(e,n,t)=>{"use strict";t.d(n,{E:()=>s,F:()=>De,H:()=>K,a:()=>Z,b:()=>Fe,g:()=>G,h:()=>F,r:()=>f});var o=Object.defineProperty,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,i=(e,n,t)=>n in e?o(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,c=(e,n,t)=>new Promise(((o,r)=>{var l=e=>{try{i(t.next(e))}catch(e){r(e)}},a=e=>{try{i(t.throw(e))}catch(e){r(e)}},i=e=>e.done?o(e.value):Promise.resolve(e.value).then(l,a);i((t=t.apply(e,n)).next())}));const s={kolibriVersion:"3.0.1-rc.0"};var d=Object.defineProperty,u=new WeakMap,m=e=>u.get(e),f=(e,n)=>u.set(n.$lazyInstance$=e,n),b=(e,n)=>n in e,p=(e,n)=>(0,console.error)(e,n),v=new Map,k=new Map,h=[],g="s-id",_="c-id",y="slot-fb{display:contents}slot-fb[hidden]{display:none}",w="http://www.w3.org/1999/xlink",x="undefined"!=typeof window?window:{},E=x.document||{head:{}},z={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,o)=>e.addEventListener(n,t,o),rel:(e,n,t,o)=>e.removeEventListener(n,t,o),ce:(e,n)=>new CustomEvent(e,n)},S=(()=>{let e=!1;try{E.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),T=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),C=e=>Promise.resolve(undefined).then(e),O={},L=e=>"object"==(e=typeof e)||"function"===e;function N(e){var n,t,o;return null!=(o=null==(t=null==(n=e.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?o:void 0}((e,n)=>{for(var t in n)d(e,t,{get:n[t],enumerable:!0})})({},{err:()=>B,map:()=>I,ok:()=>A,unwrap:()=>M,unwrapErr:()=>R});var A=e=>({isOk:!0,isErr:!1,value:e}),B=e=>({isOk:!1,isErr:!0,value:e});function I(e,n){if(e.isOk){const t=n(e.value);return t instanceof Promise?t.then((e=>A(e))):A(t)}if(e.isErr){const n=e.value;return B(n)}throw"should never get here"}var $,P,j,M=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},F=(e,n,...t)=>{let o=null,r=null,l=null,a=!1,i=!1;const c=[],s=n=>{for(let t=0;t<n.length;t++)o=n[t],Array.isArray(o)?s(o):null!=o&&"boolean"!=typeof o&&((a="function"!=typeof e&&!L(o))&&(o=String(o)),a&&i?c[c.length-1].$text$+=o:c.push(a?D(null,o):o),i=a)};if(s(t),n){n.key&&(r=n.key),n.name&&(l=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,H);const d=D(e,null);return d.$attrs$=n,c.length>0&&(d.$children$=c),d.$key$=r,d.$name$=l,d},D=(e,n)=>({$flags$:0,$tag$:e,$text$:n,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null}),K={},H={forEach:(e,n)=>e.map(U).forEach(n),map:(e,n)=>e.map(U).map(n).map(V)},U=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),V=e=>{if("function"==typeof e.vtag){const n=((e,n)=>{for(var t in n||(n={}))l.call(n,t)&&i(e,t,n[t]);if(r)for(var t of r(n))a.call(n,t)&&i(e,t,n[t]);return e})({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),F(e.vtag,n,...e.vchildren||[])}const n=D(e.vtag,e.vtext);return n.$attrs$=e.vattrs,n.$children$=e.vchildren,n.$key$=e.vkey,n.$name$=e.vname,n},W=(e,n,t,o,r,l,a)=>{let i,c,s,d;if(1===l.nodeType){if(i=l.getAttribute(_),i&&(c=i.split("."),c[0]!==a&&"0"!==c[0]||(s={$flags$:0,$hostId$:c[0],$nodeId$:c[1],$depth$:c[2],$index$:c[3],$tag$:l.tagName.toLowerCase(),$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},n.push(s),l.removeAttribute(_),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,e=s,o&&"0"===s.$depth$&&(o[s.$index$]=s.$elm$))),l.shadowRoot)for(d=l.shadowRoot.childNodes.length-1;d>=0;d--)W(e,n,t,o,r,l.shadowRoot.childNodes[d],a);for(d=l.childNodes.length-1;d>=0;d--)W(e,n,t,o,r,l.childNodes[d],a)}else if(8===l.nodeType)c=l.nodeValue.split("."),c[1]!==a&&"0"!==c[1]||(i=c[0],s={$flags$:0,$hostId$:c[1],$nodeId$:c[2],$depth$:c[3],$index$:c[4],$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===i?(s.$elm$=l.nextSibling,s.$elm$&&3===s.$elm$.nodeType&&(s.$text$=s.$elm$.textContent,n.push(s),l.remove(),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,o&&"0"===s.$depth$&&(o[s.$index$]=s.$elm$))):s.$hostId$===a&&("s"===i?(s.$tag$="slot",c[5]?l["s-sn"]=s.$name$=c[5]:l["s-sn"]="",l["s-sr"]=!0,o&&(s.$elm$=E.createElement(s.$tag$),s.$name$&&s.$elm$.setAttribute("name",s.$name$),l.parentNode.insertBefore(s.$elm$,l),l.remove(),"0"===s.$depth$&&(o[s.$index$]=s.$elm$)),t.push(s),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s):"r"===i&&(o?l.remove():(r["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const n=D(null,l.textContent);n.$elm$=l,n.$index$="0",e.$children$=[n]}},q=(e,n)=>{if(1===e.nodeType){let t=0;if(e.shadowRoot)for(;t<e.shadowRoot.childNodes.length;t++)q(e.shadowRoot.childNodes[t],n);for(t=0;t<e.childNodes.length;t++)q(e.childNodes[t],n)}else if(8===e.nodeType){const t=e.nodeValue.split(".");"o"===t[0]&&(n.set(t[1]+"."+t[2],e),e.nodeValue="",e["s-en"]=t[3])}},Z=e=>h.push(e),G=e=>m(e).$hostElement$,J=new WeakMap,Y=(e,n,t)=>{var o;const r=Q(n,t),l=k.get(r);if(e=11===e.nodeType?e:E,l)if("string"==typeof l){e=e.head||e;let t,a=J.get(e);if(a||J.set(e,a=new Set),!a.has(r)){if(e.host&&(t=e.querySelector(`[sty-id="${r}"]`)))t.innerHTML=l;else{t=E.createElement("style"),t.innerHTML=l;const r=null!=(o=z.$nonce$)?o:N(E);null!=r&&t.setAttribute("nonce",r),(!(1&n.$flags$)||1&n.$flags$&&"HEAD"!==e.nodeName)&&e.insertBefore(t,e.querySelector("link"))}4&n.$flags$&&(t.innerHTML+=y),a&&a.add(r)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return r},Q=(e,n)=>"sc-"+(n&&32&e.$flags$?e.$tagName$+"-"+n:e.$tagName$),X=(e,n,t,o,r,l)=>{if(t!==o){let a=b(e,n),i=n.toLowerCase();if("class"===n){const n=e.classList,r=ne(t),l=ne(o);n.remove(...r.filter((e=>e&&!l.includes(e)))),n.add(...l.filter((e=>e&&!r.includes(e))))}else if("style"===n){for(const n in t)o&&null!=o[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in o)t&&o[n]===t[n]||(n.includes("-")?e.style.setProperty(n,o[n]):e.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&o(e);else if(a||"o"!==n[0]||"n"!==n[1]){const c=L(o);if((a||c&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[n]=o;else{const r=null==o?"":o;"list"===n?a=!1:null!=t&&e[n]==r||(e[n]=r)}}catch(e){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(n=i,s=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(n)||(s?e.removeAttributeNS(w,n):e.removeAttribute(n)):(!a||4&l||r)&&!c&&(o=!0===o?"":o,s?e.setAttributeNS(w,n,o):e.setAttribute(n,o))}else if(n="-"===n[2]?n.slice(3):b(x,i)?i.slice(2):i[2]+n.slice(3),t||o){const r=n.endsWith(te);n=n.replace(oe,""),t&&z.rel(e,n,t,r),o&&z.ael(e,n,o,r)}}},ee=/\s/,ne=e=>e?e.split(ee):[],te="Capture",oe=new RegExp(te+"$"),re=(e,n,t)=>{const o=11===n.$elm$.nodeType&&n.$elm$.host?n.$elm$.host:n.$elm$,r=e&&e.$attrs$||O,l=n.$attrs$||O;for(const e of le(Object.keys(r)))e in l||X(o,e,r[e],void 0,t,n.$flags$);for(const e of le(Object.keys(l)))X(o,e,r[e],l[e],t,n.$flags$)};function le(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ae=!1,ie=!1,ce=!1,se=!1,de=(e,n,t,o)=>{var r;const l=n.$children$[t];let a,i,c,s=0;if(ae||(ce=!0,"slot"===l.$tag$&&($&&o.classList.add($+"-s"),l.$flags$|=l.$children$?2:1)),null!==l.$text$)a=l.$elm$=E.createTextNode(l.$text$);else if(1&l.$flags$)a=l.$elm$=E.createTextNode("");else{if(se||(se="svg"===l.$tag$),a=l.$elm$=E.createElementNS(se?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ae&&2&l.$flags$?"slot-fb":l.$tag$),se&&"foreignObject"===l.$tag$&&(se=!1),re(null,l,se),a.getRootNode().querySelector("body"),l.$children$)for(s=0;s<l.$children$.length;++s)i=de(e,l,s,a),i&&a.appendChild(i);"svg"===l.$tag$?se=!1:"foreignObject"===a.tagName&&(se=!0)}return a["s-hn"]=j,3&l.$flags$&&(a["s-sr"]=!0,a["s-cr"]=P,a["s-sn"]=l.$name$||"",a["s-rf"]=null==(r=l.$attrs$)?void 0:r.ref,c=e&&e.$children$&&e.$children$[t],c&&c.$tag$===l.$tag$&&e.$elm$&&ue(e.$elm$,!1)),a},ue=(e,n)=>{z.$flags$|=1;const t=Array.from(e.childNodes);e["s-sr"];for(let e=t.length-1;e>=0;e--){const o=t[e];o["s-hn"]!==j&&o["s-ol"]&&(xe(ve(o),o,pe(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,ce=!0),n&&ue(o,n)}z.$flags$&=-2},me=(e,n,t,o,r,l)=>{let a,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===j&&(i=i.shadowRoot);r<=l;++r)o[r]&&(a=de(null,t,r,e),a&&(o[r].$elm$=a,xe(i,a,pe(n))))},fe=(e,n,t)=>{for(let o=n;o<=t;++o){const n=e[o];if(n){const e=n.$elm$;we(n),e&&(ie=!0,e["s-ol"]?e["s-ol"].remove():ue(e,!0),e.remove())}}},be=(e,n,t=!1)=>!(e.$tag$!==n.$tag$||("slot"===e.$tag$?"$nodeId$"in e&&t&&8!==e.$elm$.nodeType||e.$name$!==n.$name$:!t&&e.$key$!==n.$key$)),pe=e=>e&&e["s-ol"]||e,ve=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,ke=(e,n,t=!1)=>{const o=n.$elm$=e.$elm$,r=e.$children$,l=n.$children$,a=n.$tag$,i=n.$text$;let c;null===i?(se="svg"===a||"foreignObject"!==a&&se,("slot"!==a||ae)&&re(e,n,se),null!==r&&null!==l?((e,n,t,o,r=!1)=>{let l,a,i=0,c=0,s=0,d=0,u=n.length-1,m=n[0],f=n[u],b=o.length-1,p=o[0],v=o[b];for(;i<=u&&c<=b;)if(null==m)m=n[++i];else if(null==f)f=n[--u];else if(null==p)p=o[++c];else if(null==v)v=o[--b];else if(be(m,p,r))ke(m,p,r),m=n[++i],p=o[++c];else if(be(f,v,r))ke(f,v,r),f=n[--u],v=o[--b];else if(be(m,v,r))"slot"!==m.$tag$&&"slot"!==v.$tag$||ue(m.$elm$.parentNode,!1),ke(m,v,r),xe(e,m.$elm$,f.$elm$.nextSibling),m=n[++i],v=o[--b];else if(be(f,p,r))"slot"!==m.$tag$&&"slot"!==v.$tag$||ue(f.$elm$.parentNode,!1),ke(f,p,r),xe(e,f.$elm$,m.$elm$),f=n[--u],p=o[++c];else{for(s=-1,d=i;d<=u;++d)if(n[d]&&null!==n[d].$key$&&n[d].$key$===p.$key$){s=d;break}s>=0?(a=n[s],a.$tag$!==p.$tag$?l=de(n&&n[c],t,s,e):(ke(a,p,r),n[s]=void 0,l=a.$elm$),p=o[++c]):(l=de(n&&n[c],t,c,e),p=o[++c]),l&&xe(ve(m.$elm$),l,pe(m.$elm$))}i>u?me(e,null==o[b+1]?null:o[b+1].$elm$,t,o,c,b):c>b&&fe(n,i,u)})(o,r,n,l,t):null!==l?(null!==e.$text$&&(o.textContent=""),me(o,null,n,l,0,l.length-1)):!t&&null!==r&&fe(r,0,r.length-1),se&&"svg"===a&&(se=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:e.$text$!==i&&(o.data=i)},he=e=>{const n=e.childNodes;for(const e of n)if(1===e.nodeType){if(e["s-sr"]){const t=e["s-sn"];e.hidden=!1;for(const o of n)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==t){if(1===o.nodeType&&(t===o.getAttribute("slot")||t===o["s-sn"])||3===o.nodeType&&t===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}he(e)}},ge=[],_e=e=>{let n,t,o;for(const r of e.childNodes){if(r["s-sr"]&&(n=r["s-cr"])&&n.parentNode){t=n.parentNode.childNodes;const e=r["s-sn"];for(o=t.length-1;o>=0;o--)if(n=t[o],!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==r["s-hn"])if(ye(n,e)){let t=ge.find((e=>e.$nodeToRelocate$===n));ie=!0,n["s-sn"]=n["s-sn"]||e,t?(t.$nodeToRelocate$["s-sh"]=r["s-hn"],t.$slotRefNode$=r):(n["s-sh"]=r["s-hn"],ge.push({$slotRefNode$:r,$nodeToRelocate$:n})),n["s-sr"]&&ge.map((e=>{ye(e.$nodeToRelocate$,n["s-sn"])&&(t=ge.find((e=>e.$nodeToRelocate$===n)),t&&!e.$slotRefNode$&&(e.$slotRefNode$=t.$slotRefNode$))}))}else ge.some((e=>e.$nodeToRelocate$===n))||ge.push({$nodeToRelocate$:n})}1===r.nodeType&&_e(r)}},ye=(e,n)=>1===e.nodeType?null===e.getAttribute("slot")&&""===n||e.getAttribute("slot")===n:e["s-sn"]===n||""===n,we=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(we)},xe=(e,n,t)=>null==e?void 0:e.insertBefore(n,t),Ee=(e,n)=>{n&&!e.$onRenderResolve$&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.$onRenderResolve$=n)))},ze=(e,n)=>{if(!(4&e.$flags$))return Ee(e,e.$ancestorComponent$),Se(e,n);e.$flags$|=512},Se=(e,n)=>{const t=e.$hostElement$,o=(e.$cmpMeta$.$tagName$,()=>{}),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return n&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map((([e,n])=>Be(r,e,n))),e.$queuedListeners$=void 0),l=Be(r,"componentWillLoad")),o(),Te(l,(()=>Oe(e,r,n)))},Te=(e,n)=>Ce(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),Ce=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Oe=(e,n,t)=>c(null,null,(function*(){var o;const r=e.$hostElement$,l=(e.$cmpMeta$.$tagName$,()=>{}),a=r["s-rc"];t&&(e=>{const n=e.$cmpMeta$,t=e.$hostElement$,o=n.$flags$,r=(n.$tagName$,()=>{}),l=Y(t.shadowRoot?t.shadowRoot:t.getRootNode(),n,e.$modeName$);10&o&&2&o&&(t["s-sc"]=l,t.classList.add(l+"-h")),r()})(e);const i=(e.$cmpMeta$.$tagName$,()=>{});Le(e,n,r,t),a&&(a.map((e=>e())),r["s-rc"]=void 0),i(),l();{const n=null!=(o=r["s-p"])?o:[],t=()=>Ne(e);0===n.length?t():(Promise.all(n).then(t),e.$flags$|=4,n.length=0)}})),Le=(e,n,t,o)=>{try{n=n.render&&n.render(),e.$flags$|=2,((e,n,t=!1)=>{var o,r,l,a;const i=e.$hostElement$,c=e.$cmpMeta$,s=e.$vnode$||D(null,null),d=(u=n)&&u.$tag$===K?n:F(null,null,n);var u;if(j=i.tagName,c.$attrsToReflect$&&(d.$attrs$=d.$attrs$||{},c.$attrsToReflect$.map((([e,n])=>d.$attrs$[n]=i[e]))),t&&d.$attrs$)for(const e of Object.keys(d.$attrs$))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(d.$attrs$[e]=i[e]);if(d.$tag$=null,d.$flags$|=4,e.$vnode$=d,d.$elm$=s.$elm$=i.shadowRoot||i,$=i["s-sc"],ae=!!(1&c.$flags$),P=i["s-cr"],ie=!1,ke(s,d,t),z.$flags$|=1,ce){_e(d.$elm$);for(const e of ge){const n=e.$nodeToRelocate$;if(!n["s-ol"]){const e=E.createTextNode("");e["s-nr"]=n,xe(n.parentNode,n["s-ol"]=e,n)}}for(const e of ge){const n=e.$nodeToRelocate$,i=e.$slotRefNode$;if(i){const e=i.parentNode;let t=i.nextSibling;{let l=null==(o=n["s-ol"])?void 0:o.previousSibling;for(;l;){let o=null!=(r=l["s-nr"])?r:null;if(o&&o["s-sn"]===n["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===n||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){t=o;break}}l=l.previousSibling}}(!t&&e!==n.parentNode||n.nextSibling!==t)&&n!==t&&(!n["s-hn"]&&n["s-ol"]&&(n["s-hn"]=n["s-ol"].parentNode.nodeName),xe(e,n,t),1===n.nodeType&&(n.hidden=null!=(l=n["s-ih"])&&l)),n&&"function"==typeof i["s-rf"]&&i["s-rf"](n)}else 1===n.nodeType&&(t&&(n["s-ih"]=null!=(a=n.hidden)&&a),n.hidden=!0)}}ie&&he(d.$elm$),z.$flags$&=-2,ge.length=0,P=void 0})(e,n,o)}catch(n){p(n,e.$hostElement$)}return null},Ne=e=>{e.$cmpMeta$.$tagName$;const n=e.$hostElement$,t=e.$lazyInstance$,o=e.$ancestorComponent$;Be(t,"componentDidRender"),64&e.$flags$||(e.$flags$|=64,Ie(n),Be(t,"componentDidLoad"),e.$onReadyResolve$(n),o||Ae()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&C((()=>ze(e,!1))),e.$flags$&=-517},Ae=e=>{Ie(E.documentElement),C((()=>(e=>{const n=z.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(n),n})(x)))},Be=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){p(e)}},Ie=e=>e.classList.add("hydrated"),$e=(e,n,t)=>{var o,r;const l=e.prototype;if(n.$members$||n.$watchers$||e.watchers){e.watchers&&!n.$watchers$&&(n.$watchers$=e.watchers);const a=Object.entries(null!=(o=n.$members$)?o:{});if(a.map((([e,[o]])=>{31&o||2&t&&32&o?Object.defineProperty(l,e,{get(){return n=e,m(this).$instanceValues$.get(n);var n},set(t){((e,n,t,o)=>{const r=m(e);if(!r)throw new Error(`Couldn't find host element for "${o.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=r.$hostElement$,a=r.$instanceValues$.get(n),i=r.$flags$,c=r.$lazyInstance$;var s,d;s=t,d=o.$members$[n][0],t=null==s||L(s)?s:4&d?"false"!==s&&(""===s||!!s):2&d?parseFloat(s):1&d?String(s):s;const u=Number.isNaN(a)&&Number.isNaN(t);if((!(8&i)||void 0===a)&&t!==a&&!u&&(r.$instanceValues$.set(n,t),c)){if(o.$watchers$&&128&i){const e=o.$watchers$[n];e&&e.map((e=>{try{c[e](t,a,n)}catch(e){p(e,l)}}))}2==(18&i)&&ze(r,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&o&&Object.defineProperty(l,e,{value(...n){var t;const o=m(this);return null==(t=null==o?void 0:o.$onInstancePromise$)?void 0:t.then((()=>{var t;return null==(t=o.$lazyInstance$)?void 0:t[e](...n)}))}})})),1&t){const t=new Map;l.attributeChangedCallback=function(e,o,r){z.jmp((()=>{var a;const i=t.get(e);if(this.hasOwnProperty(i))r=this[i],delete this[i];else{if(l.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==r)return;if(null==i){const t=m(this),l=null==t?void 0:t.$flags$;if(l&&!(8&l)&&128&l&&r!==o){const l=t.$lazyInstance$,i=null==(a=n.$watchers$)?void 0:a[e];null==i||i.forEach((n=>{null!=l[n]&&l[n].call(l,r,o,e)}))}return}}this[i]=(null!==r||"boolean"!=typeof this[i])&&r}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n.$watchers$)?r:{}),...a.filter((([e,n])=>15&n[0])).map((([e,o])=>{var r;const l=o[1]||e;return t.set(l,e),512&o[0]&&(null==(r=n.$attrsToReflect$)||r.push([e,l])),l}))]))}}return e},Pe=e=>{Be(e,"connectedCallback")},je=e=>{if(!(1&z.$flags$)){const n=m(e),o=n.$cmpMeta$,r=(o.$tagName$,()=>{});if(1&n.$flags$)Ke(e,n,o.$listeners$),(null==n?void 0:n.$lazyInstance$)?Pe(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>Pe(n.$lazyInstance$)));else{let r;if(n.$flags$|=1,r=e.getAttribute(g),r){if(1&o.$flags$){const n=Y(e.shadowRoot,o,e.getAttribute("s-mode"));e.classList.remove(n+"-h",n+"-s")}((e,n,t,o)=>{const r=e.shadowRoot,l=[],a=r?[]:null,i=o.$vnode$=D(n,null);z.$orgLocNodes$||q(E.body,z.$orgLocNodes$=new Map),e[g]=t,e.removeAttribute(g),W(i,l,[],a,e,e,t),l.map((e=>{const t=e.$hostId$+"."+e.$nodeId$,o=z.$orgLocNodes$.get(t),l=e.$elm$;o&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),r||(l["s-hn"]=n,o&&(l["s-ol"]=o,l["s-ol"]["s-nr"]=l)),z.$orgLocNodes$.delete(t)})),r&&a.map((e=>{e&&r.appendChild(e)}))})(e,o.$tagName$,r,n)}r||12&o.$flags$&&Me(e);{let t=e;for(;t=t.parentNode||t.host;)if(1===t.nodeType&&t.hasAttribute("s-id")&&t["s-p"]||t["s-p"]){Ee(n,n.$ancestorComponent$=t);break}}o.$members$&&Object.entries(o.$members$).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),((e,n,o)=>{c(null,null,(function*(){let r;if(!(32&n.$flags$)){if(n.$flags$|=32,o.$lazyBundleId$){const e=(e=>{const n=e.$tagName$.replace(/-/g,"_"),o=e.$lazyBundleId$;if(!o)return;const r=v.get(o);if(r)return r[n];{const e=e=>(v.set(o,e),e[n]);switch(o){case"kol-abbr":return t.e(1932).then(t.bind(t,1932)).then(e,p);case"kol-accordion":return t.e(4641).then(t.bind(t,4641)).then(e,p);case"kol-alert":return t.e(2321).then(t.bind(t,2321)).then(e,p);case"kol-avatar":return t.e(6790).then(t.bind(t,6790)).then(e,p);case"kol-badge":return Promise.all([t.e(4694),t.e(7444)]).then(t.bind(t,7444)).then(e,p);case"kol-breadcrumb":return t.e(5690).then(t.bind(t,5690)).then(e,p);case"kol-button":return t.e(3099).then(t.bind(t,3099)).then(e,p);case"kol-button-link":return t.e(9108).then(t.bind(t,9108)).then(e,p);case"kol-card":return Promise.all([t.e(4694),t.e(4201)]).then(t.bind(t,4201)).then(e,p);case"kol-details":return t.e(833).then(t.bind(t,833)).then(e,p);case"kol-drawer":return t.e(4030).then(t.bind(t,4030)).then(e,p);case"kol-form":return t.e(8605).then(t.bind(t,8605)).then(e,p);case"kol-heading":return Promise.all([t.e(4694),t.e(373)]).then(t.bind(t,373)).then(e,p);case"kol-icon":return t.e(9322).then(t.bind(t,9322)).then(e,p);case"kol-image":return t.e(6066).then(t.bind(t,6066)).then(e,p);case"kol-input-checkbox":return Promise.all([t.e(6509),t.e(9581)]).then(t.bind(t,9581)).then(e,p);case"kol-input-color":return Promise.all([t.e(6509),t.e(6781)]).then(t.bind(t,6781)).then(e,p);case"kol-input-date":return Promise.all([t.e(6509),t.e(3920)]).then(t.bind(t,3920)).then(e,p);case"kol-input-email":return Promise.all([t.e(6509),t.e(2113),t.e(8246)]).then(t.bind(t,8246)).then(e,p);case"kol-input-file":return Promise.all([t.e(6509),t.e(5746)]).then(t.bind(t,5746)).then(e,p);case"kol-input-number":return Promise.all([t.e(6509),t.e(7013)]).then(t.bind(t,7013)).then(e,p);case"kol-input-password":return Promise.all([t.e(6509),t.e(5301)]).then(t.bind(t,5301)).then(e,p);case"kol-input-radio":return Promise.all([t.e(6509),t.e(8137)]).then(t.bind(t,8137)).then(e,p);case"kol-input-text":return Promise.all([t.e(6509),t.e(2113),t.e(9731)]).then(t.bind(t,9731)).then(e,p);case"kol-kolibri":return t.e(6047).then(t.bind(t,6047)).then(e,p);case"kol-link":return t.e(4587).then(t.bind(t,4587)).then(e,p);case"kol-link-button":return t.e(4876).then(t.bind(t,4876)).then(e,p);case"kol-modal":return t.e(8625).then(t.bind(t,1006)).then(e,p);case"kol-nav":return t.e(1006).then(t.bind(t,8625)).then(e,p);case"kol-pagination":return t.e(3203).then(t.bind(t,3203)).then(e,p);case"kol-popover-button":return t.e(4611).then(t.bind(t,4611)).then(e,p);case"kol-progress":return t.e(6304).then(t.bind(t,6304)).then(e,p);case"kol-quote":return t.e(9255).then(t.bind(t,9255)).then(e,p);case"kol-select":return Promise.all([t.e(6509),t.e(907)]).then(t.bind(t,907)).then(e,p);case"kol-skip-nav":return t.e(2596).then(t.bind(t,2596)).then(e,p);case"kol-spin":return t.e(2827).then(t.bind(t,2827)).then(e,p);case"kol-split-button":return t.e(2212).then(t.bind(t,2212)).then(e,p);case"kol-table-stateful":return t.e(6984).then(t.bind(t,6984)).then(e,p);case"kol-table-stateless":return t.e(2894).then(t.bind(t,2894)).then(e,p);case"kol-tabs":return t.e(3151).then(t.bind(t,3151)).then(e,p);case"kol-textarea":return Promise.all([t.e(6509),t.e(5249)]).then(t.bind(t,5249)).then(e,p);case"kol-toast-container":return Promise.all([t.e(4694),t.e(9930)]).then(t.bind(t,9930)).then(e,p);case"kol-toolbar":return t.e(3540).then(t.bind(t,3540)).then(e,p);case"kol-tree":return t.e(9719).then(t.bind(t,9719)).then(e,p);case"kol-tree-item":return t.e(7347).then(t.bind(t,7347)).then(e,p);case"kol-version":return t.e(775).then(t.bind(t,775)).then(e,p);case"kol-alert-wc":return t.e(8180).then(t.bind(t,8180)).then(e,p);case"kol-avatar-wc":return t.e(2069).then(t.bind(t,2069)).then(e,p);case"kol-button-wc":return Promise.all([t.e(4694),t.e(7178)]).then(t.bind(t,7178)).then(e,p);case"kol-combobox":return Promise.all([t.e(6509),t.e(1752)]).then(t.bind(t,1752)).then(e,p);case"kol-input-range":return Promise.all([t.e(6509),t.e(2231)]).then(t.bind(t,2231)).then(e,p);case"kol-link-wc":return Promise.all([t.e(4694),t.e(8378)]).then(t.bind(t,8378)).then(e,p);case"kol-popover-button-wc":return Promise.all([t.e(8065),t.e(3874)]).then(t.bind(t,3874)).then(e,p);case"kol-popover-wc":return Promise.all([t.e(8065),t.e(4389)]).then(t.bind(t,4389)).then(e,p);case"kol-single-select":return Promise.all([t.e(6509),t.e(4048)]).then(t.bind(t,4048)).then(e,p);case"kol-table-settings-wc":return t.e(6256).then(t.bind(t,6256)).then(e,p);case"kol-table-stateless-wc":return t.e(7533).then(t.bind(t,7533)).then(e,p);case"kol-tooltip-wc":return Promise.all([t.e(4694),t.e(8065),t.e(7535)]).then(t.bind(t,7535)).then(e,p);case"kol-tree-item-wc":return t.e(9938).then(t.bind(t,9938)).then(e,p);case"kol-tree-wc":return t.e(3918).then(t.bind(t,3918)).then(e,p);case"test-component":return t.e(8192).then(t.bind(t,8192)).then(e,p)}}return t(980)(`./${o}.entry.js`).then((e=>(v.set(o,e),e[n])),p)})(o);if(e&&"then"in e){const n=()=>{};r=yield e,n()}else r=e;if(!r)throw new Error(`Constructor for "${o.$tagName$}#${n.$modeName$}" was not found`);r.isProxied||(o.$watchers$=r.watchers,$e(r,o,2),r.isProxied=!0);const l=(o.$tagName$,()=>{});n.$flags$|=8;try{new r(n)}catch(e){p(e)}n.$flags$&=-9,n.$flags$|=128,l(),Pe(n.$lazyInstance$)}else{r=e.constructor;const t=e.localName;customElements.whenDefined(t).then((()=>n.$flags$|=128))}if(r&&r.style){let t;"string"==typeof r.style?t=r.style:"string"!=typeof r.style&&(n.$modeName$=(e=>h.map((n=>n(e))).find((e=>!!e)))(e),n.$modeName$&&(t=r.style[n.$modeName$]));const l=Q(o,n.$modeName$);if(!k.has(l)){const e=(o.$tagName$,()=>{});((e,n,t)=>{let o=k.get(e);T&&t?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,k.set(e,o)})(l,t,!!(1&o.$flags$)),e()}}}const l=n.$ancestorComponent$,a=()=>ze(n,!0);l&&l["s-rc"]?l["s-rc"].push(a):a()}))})(e,n,o)}r()}},Me=e=>{const n=e["s-cr"]=E.createComment("");n["s-cn"]=!0,xe(e,n,e.firstChild)},Re=e=>{Be(e,"disconnectedCallback")},Fe=(e,n={})=>{var t;const o=[],r=n.exclude||[],l=x.customElements,a=E.head,i=a.querySelector("meta[charset]"),s=E.createElement("style"),d=[];let f,b=!0;Object.assign(z,n),z.$resourcesUrl$=new URL(n.resourcesUrl||"./",E.baseURI).href,z.$flags$|=2;let p=!1;if(e.map((e=>{e[1].map((t=>{var a;const i={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};4&i.$flags$&&(p=!0),i.$members$=t[2],i.$listeners$=t[3],i.$attrsToReflect$=[],i.$watchers$=null!=(a=t[4])?a:{};const s=n.transformTagName?n.transformTagName(i.$tagName$):i.$tagName$,v=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const t={$flags$:0,$hostElement$:e,$cmpMeta$:n,$instanceValues$:new Map};t.$onInstancePromise$=new Promise((e=>t.$onInstanceResolve$=e)),t.$onReadyPromise$=new Promise((e=>t.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],u.set(e,t)})(e=this,i),1&i.$flags$)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${i.$tagName$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open",delegatesFocus:!!(16&i.$flags$)})}connectedCallback(){const e=m(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ke(this,e,i.$listeners$)),f&&(clearTimeout(f),f=null),b?d.push(this):z.jmp((()=>je(this)))}disconnectedCallback(){z.jmp((()=>{return e=this,c(null,null,(function*(){if(!(1&z.$flags$)){const n=m(e);n.$rmListeners$&&(n.$rmListeners$.map((e=>e())),n.$rmListeners$=void 0),(null==n?void 0:n.$lazyInstance$)?Re(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>Re(n.$lazyInstance$)))}}));var e}))}componentOnReady(){return m(this).$onReadyPromise$}};i.$lazyBundleId$=e[0],r.includes(s)||l.get(s)||(o.push(s),l.define(s,$e(v,i,1)))}))})),o.length>0&&(p&&(s.textContent+=y),s.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const e=null!=(t=z.$nonce$)?t:N(E);null!=e&&s.setAttribute("nonce",e),a.insertBefore(s,i?i.nextSibling:a.firstChild)}b=!1,d.length?d.map((e=>e.connectedCallback())):z.jmp((()=>f=setTimeout(Ae,30)))},De=(e,n)=>n,Ke=(e,n,t,o)=>{t&&t.map((([t,o,r])=>{const l=Ue(e,t),a=He(n,r),i=Ve(t);z.ael(l,o,a,i),(n.$rmListeners$=n.$rmListeners$||[]).push((()=>z.rel(l,o,a,i)))}))},He=(e,n)=>t=>{var o;try{256&e.$flags$?null==(o=e.$lazyInstance$)||o[n](t):(e.$queuedListeners$=e.$queuedListeners$||[]).push([n,t])}catch(e){p(e)}},Ue=(e,n)=>8&n?x:e,Ve=e=>S?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e)},6197:(e,n)=>{"use strict";var t=Symbol.for("react.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),f=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,v={};function k(e,n,t){this.props=e,this.context=n,this.refs=v,this.updater=t||b}function h(){}function g(e,n,t){this.props=e,this.context=n,this.refs=v,this.updater=t||b}k.prototype.isReactComponent={},k.prototype.setState=function(e,n){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,n,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},h.prototype=k.prototype;var _=g.prototype=new h;_.constructor=g,p(_,k.prototype),_.isPureReactComponent=!0;var y=Array.isArray,w=Object.prototype.hasOwnProperty,x={current:null},E={key:!0,ref:!0,__self:!0,__source:!0};function z(e,n,o){var r,l={},a=null,i=null;if(null!=n)for(r in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(a=""+n.key),n)w.call(n,r)&&!E.hasOwnProperty(r)&&(l[r]=n[r]);var c=arguments.length-2;if(1===c)l.children=o;else if(1<c){for(var s=Array(c),d=0;d<c;d++)s[d]=arguments[d+2];l.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===l[r]&&(l[r]=c[r]);return{$$typeof:t,type:e,key:a,ref:i,props:l,_owner:x.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var T=/\/+/g;function C(e,n){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var n={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return n[e]}))}(""+e.key):n.toString(36)}function O(e,n,r,l,a){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case t:case o:c=!0}}if(c)return a=a(c=e),e=""===l?"."+C(c,0):l,y(a)?(r="",null!=e&&(r=e.replace(T,"$&/")+"/"),O(a,n,r,"",(function(e){return e}))):null!=a&&(S(a)&&(a=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(a,r+(!a.key||c&&c.key===a.key?"":(""+a.key).replace(T,"$&/")+"/")+e)),n.push(a)),1;if(c=0,l=""===l?".":l+":",y(e))for(var s=0;s<e.length;s++){var d=l+C(i=e[s],s);c+=O(i,n,r,d,a)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=O(i=i.value,n,r,d=l+C(i,s++),a);else if("object"===i)throw n=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.");return c}function L(e,n,t){if(null==e)return e;var o=[],r=0;return O(e,o,"","",(function(e){return n.call(t,e,r++)})),o}function N(e){if(-1===e._status){var n=e._result;(n=n()).then((function(n){0!==e._status&&-1!==e._status||(e._status=1,e._result=n)}),(function(n){0!==e._status&&-1!==e._status||(e._status=2,e._result=n)})),-1===e._status&&(e._status=0,e._result=n)}if(1===e._status)return e._result.default;throw e._result}var A={current:null},B={transition:null},I={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:B,ReactCurrentOwner:x};n.Children={map:L,forEach:function(e,n,t){L(e,(function(){n.apply(this,arguments)}),t)},count:function(e){var n=0;return L(e,(function(){n++})),n},toArray:function(e){return L(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},n.Component=k,n.Fragment=r,n.Profiler=a,n.PureComponent=g,n.StrictMode=l,n.Suspense=d,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,n.cloneElement=function(e,n,o){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=p({},e.props),l=e.key,a=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(a=n.ref,i=x.current),void 0!==n.key&&(l=""+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in n)w.call(n,s)&&!E.hasOwnProperty(s)&&(r[s]=void 0===n[s]&&void 0!==c?c[s]:n[s])}var s=arguments.length-2;if(1===s)r.children=o;else if(1<s){c=Array(s);for(var d=0;d<s;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:t,type:e.type,key:l,ref:a,props:r,_owner:i}},n.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},n.createElement=z,n.createFactory=function(e){var n=z.bind(null,e);return n.type=e,n},n.createRef=function(){return{current:null}},n.forwardRef=function(e){return{$$typeof:s,render:e}},n.isValidElement=S,n.lazy=function(e){return{$$typeof:m,_payload:{_status:-1,_result:e},_init:N}},n.memo=function(e,n){return{$$typeof:u,type:e,compare:void 0===n?null:n}},n.startTransition=function(e){var n=B.transition;B.transition={};try{e()}finally{B.transition=n}},n.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},n.useCallback=function(e,n){return A.current.useCallback(e,n)},n.useContext=function(e){return A.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return A.current.useDeferredValue(e)},n.useEffect=function(e,n){return A.current.useEffect(e,n)},n.useId=function(){return A.current.useId()},n.useImperativeHandle=function(e,n,t){return A.current.useImperativeHandle(e,n,t)},n.useInsertionEffect=function(e,n){return A.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return A.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return A.current.useMemo(e,n)},n.useReducer=function(e,n,t){return A.current.useReducer(e,n,t)},n.useRef=function(e){return A.current.useRef(e)},n.useState=function(e){return A.current.useState(e)},n.useSyncExternalStore=function(e,n,t){return A.current.useSyncExternalStore(e,n,t)},n.useTransition=function(){return A.current.useTransition()},n.version="18.2.0"},6660:(e,n,t)=>{"use strict";t.d(n,{a:()=>a,b:()=>o,c:()=>l,d:()=>r});const o=(0,t(3185).s)(),r=o("kol-alert","closer"),l=o("kol-alert","content"),a=o("kol-alert","icon")},8296:(e,n,t)=>{"use strict";t.d(n,{b:()=>c,g:()=>d,i:()=>s});var o=t(257),r=t(1698),l=t(4269);let a,i=!1;const c=(e,n,t)=>{return c=function*(){var c,s;(0,o.s)("development"===(null==t?void 0:t.environment)),(0,l.i)(null!==(s=null===(c=null==t?void 0:t.translation)||void 0===c?void 0:c.name)&&void 0!==s?s:"de",null==t?void 0:t.translations),(null==t?void 0:t.transformTagName)&&(0,r.s)(null==t?void 0:t.transformTagName);const d=yield(0,o.V)(e,n,t);return i=!0,a=t,d},new Promise(((e,n)=>{var t=e=>{try{r(c.next(e))}catch(e){n(e)}},o=e=>{try{r(c.throw(e))}catch(e){n(e)}},r=n=>n.done?e(n.value):Promise.resolve(n.value).then(t,o);r((c=c.apply(null,null)).next())}));var c},s=()=>i,d=()=>a},8735:(e,n,t)=>{"use strict";e.exports=t(443)}},l={};function a(e){var n=l[e];if(void 0!==n)return n.exports;var t=l[e]={id:e,loaded:!1,exports:{}};return r[e](t,t.exports,a),t.loaded=!0,t.exports}a.m=r,a.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return a.d(n,{a:n}),n},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(t,o){if(1&o&&(t=this(t)),8&o)return t;if("object"==typeof t&&t){if(4&o&&t.__esModule)return t;if(16&o&&"function"==typeof t.then)return t}var r=Object.create(null);a.r(r);var l={};e=e||[null,n({}),n([]),n(n)];for(var i=2&o&&t;"object"==typeof i&&!~e.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach((e=>l[e]=()=>t[e]));return l.default=()=>t,a.d(r,l),r},a.d=(e,n)=>{for(var t in n)a.o(n,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((n,t)=>(a.f[t](e,n),n)),[])),a.u=e=>e+".js",a.miniCssF=e=>{},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t={},o="@public-ui/sample-react:",a.l=(e,n,r,l)=>{if(t[e])t[e].push(n);else{var i,c;if(void 0!==r)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var u=s[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==o+r){i=u;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack",o+r),i.src=e),t[e]=[n];var m=(n,o)=>{i.onerror=i.onload=null,clearTimeout(f);var r=t[e];if(delete t[e],i.parentNode&&i.parentNode.removeChild(i),r&&r.forEach((e=>e(o))),n)return n(o)},f=setTimeout(m.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=m.bind(null,i.onerror),i.onload=m.bind(null,i.onload),c&&document.head.appendChild(i)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;a.g.importScripts&&(e=a.g.location+"");var n=a.g.document;if(!e&&n&&(n.currentScript&&"SCRIPT"===n.currentScript.tagName.toUpperCase()&&(e=n.currentScript.src),!e)){var t=n.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{var e={8792:0};a.f.j=(n,t)=>{var o=a.o(e,n)?e[n]:void 0;if(0!==o)if(o)t.push(o[2]);else{var r=new Promise(((t,r)=>o=e[n]=[t,r]));t.push(o[2]=r);var l=a.p+a.u(n),i=new Error;a.l(l,(t=>{if(a.o(e,n)&&(0!==(o=e[n])&&(e[n]=void 0),o)){var r=t&&("load"===t.type?"missing":t.type),l=t&&t.target&&t.target.src;i.message="Loading chunk "+n+" failed.\n("+r+": "+l+")",i.name="ChunkLoadError",i.type=r,i.request=l,o[1](i)}}),"chunk-"+n,n)}};var n=(n,t)=>{var o,r,[l,i,c]=t,s=0;if(l.some((n=>0!==e[n]))){for(o in i)a.o(i,o)&&(a.m[o]=i[o]);c&&c(a)}for(n&&n(t);s<l.length;s++)r=l[s],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0},t=self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})(),(()=>{"use strict";var e,n,t=a(2302),o=a.t(t,2),r=a(5120),l=a(87),i=a.t(l,2);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},c.apply(this,arguments)}(n=e||(e={})).Pop="POP",n.Push="PUSH",n.Replace="REPLACE";const s="popstate";function d(e,n){if(!1===e||null==e)throw new Error(n)}function u(e,n){if(!e){"undefined"!=typeof console&&console.warn(n);try{throw new Error(n)}catch(e){}}}function m(e,n){return{usr:e.state,key:e.key,idx:n}}function f(e,n,t,o){return void 0===t&&(t=null),c({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof n?p(n):n,{state:t,key:n&&n.key||o||Math.random().toString(36).substr(2,8)})}function b(e){let{pathname:n="/",search:t="",hash:o=""}=e;return t&&"?"!==t&&(n+="?"===t.charAt(0)?t:"?"+t),o&&"#"!==o&&(n+="#"===o.charAt(0)?o:"#"+o),n}function p(e){let n={};if(e){let t=e.indexOf("#");t>=0&&(n.hash=e.substr(t),e=e.substr(0,t));let o=e.indexOf("?");o>=0&&(n.search=e.substr(o),e=e.substr(0,o)),e&&(n.pathname=e)}return n}var v,k;function h(e,n,t){return void 0===t&&(t="/"),function(e,n,t,o){let r=A(("string"==typeof n?p(n):n).pathname||"/",t);if(null==r)return null;let l=g(e);!function(e){e.sort(((e,n)=>e.score!==n.score?n.score-e.score:function(e,n){return e.length===n.length&&e.slice(0,-1).every(((e,t)=>e===n[t]))?e[e.length-1]-n[n.length-1]:0}(e.routesMeta.map((e=>e.childrenIndex)),n.routesMeta.map((e=>e.childrenIndex)))))}(l);let a=null;for(let e=0;null==a&&e<l.length;++e){let n=N(r);a=O(l[e],n,o)}return a}(e,n,t,!1)}function g(e,n,t,o){void 0===n&&(n=[]),void 0===t&&(t=[]),void 0===o&&(o="");let r=(e,r,l)=>{let a={relativePath:void 0===l?e.path||"":l,caseSensitive:!0===e.caseSensitive,childrenIndex:r,route:e};a.relativePath.startsWith("/")&&(d(a.relativePath.startsWith(o),'Absolute route path "'+a.relativePath+'" nested under path "'+o+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),a.relativePath=a.relativePath.slice(o.length));let i=P([o,a.relativePath]),c=t.concat(a);e.children&&e.children.length>0&&(d(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+i+'".'),g(e.children,n,c,i)),(null!=e.path||e.index)&&n.push({path:i,score:C(i,e.index),routesMeta:c})};return e.forEach(((e,n)=>{var t;if(""!==e.path&&null!=(t=e.path)&&t.includes("?"))for(let t of _(e.path))r(e,n,t);else r(e,n)})),n}function _(e){let n=e.split("/");if(0===n.length)return[];let[t,...o]=n,r=t.endsWith("?"),l=t.replace(/\?$/,"");if(0===o.length)return r?[l,""]:[l];let a=_(o.join("/")),i=[];return i.push(...a.map((e=>""===e?l:[l,e].join("/")))),r&&i.push(...a),i.map((n=>e.startsWith("/")&&""===n?"/":n))}(k=v||(v={})).data="data",k.deferred="deferred",k.redirect="redirect",k.error="error";const y=/^:[\w-]+$/,w=3,x=2,E=1,z=10,S=-2,T=e=>"*"===e;function C(e,n){let t=e.split("/"),o=t.length;return t.some(T)&&(o+=S),n&&(o+=x),t.filter((e=>!T(e))).reduce(((e,n)=>e+(y.test(n)?w:""===n?E:z)),o)}function O(e,n,t){void 0===t&&(t=!1);let{routesMeta:o}=e,r={},l="/",a=[];for(let e=0;e<o.length;++e){let i=o[e],c=e===o.length-1,s="/"===l?n:n.slice(l.length)||"/",d=L({path:i.relativePath,caseSensitive:i.caseSensitive,end:c},s),u=i.route;if(!d&&c&&t&&!o[o.length-1].route.index&&(d=L({path:i.relativePath,caseSensitive:i.caseSensitive,end:!1},s)),!d)return null;Object.assign(r,d.params),a.push({params:r,pathname:P([l,d.pathname]),pathnameBase:j(P([l,d.pathnameBase])),route:u}),"/"!==d.pathnameBase&&(l=P([l,d.pathnameBase]))}return a}function L(e,n){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[t,o]=function(e,n,t){void 0===n&&(n=!1),void 0===t&&(t=!0),u("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let o=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,((e,n,t)=>(o.push({paramName:n,isOptional:null!=t}),t?"/?([^\\/]+)?":"/([^\\/]+)")));return e.endsWith("*")?(o.push({paramName:"*"}),r+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):t?r+="\\/*$":""!==e&&"/"!==e&&(r+="(?:(?=\\/|$))"),[new RegExp(r,n?void 0:"i"),o]}(e.path,e.caseSensitive,e.end),r=n.match(t);if(!r)return null;let l=r[0],a=l.replace(/(.)\/+$/,"$1"),i=r.slice(1);return{params:o.reduce(((e,n,t)=>{let{paramName:o,isOptional:r}=n;if("*"===o){let e=i[t]||"";a=l.slice(0,l.length-e.length).replace(/(.)\/+$/,"$1")}const c=i[t];return e[o]=r&&!c?void 0:(c||"").replace(/%2F/g,"/"),e}),{}),pathname:l,pathnameBase:a,pattern:e}}function N(e){try{return e.split("/").map((e=>decodeURIComponent(e).replace(/\//g,"%2F"))).join("/")}catch(n){return u(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+n+")."),e}}function A(e,n){if("/"===n)return e;if(!e.toLowerCase().startsWith(n.toLowerCase()))return null;let t=n.endsWith("/")?n.length-1:n.length,o=e.charAt(t);return o&&"/"!==o?null:e.slice(t)||"/"}function B(e,n,t,o){return"Cannot include a '"+e+"' character in a manually specified `to."+n+"` field ["+JSON.stringify(o)+"].  Please separate it out to the `to."+t+'` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.'}function I(e,n){let t=function(e){return e.filter(((e,n)=>0===n||e.route.path&&e.route.path.length>0))}(e);return n?t.map(((e,n)=>n===t.length-1?e.pathname:e.pathnameBase)):t.map((e=>e.pathnameBase))}function $(e,n,t,o){let r;void 0===o&&(o=!1),"string"==typeof e?r=p(e):(r=c({},e),d(!r.pathname||!r.pathname.includes("?"),B("?","pathname","search",r)),d(!r.pathname||!r.pathname.includes("#"),B("#","pathname","hash",r)),d(!r.search||!r.search.includes("#"),B("#","search","hash",r)));let l,a=""===e||""===r.pathname,i=a?"/":r.pathname;if(null==i)l=t;else{let e=n.length-1;if(!o&&i.startsWith("..")){let n=i.split("/");for(;".."===n[0];)n.shift(),e-=1;r.pathname=n.join("/")}l=e>=0?n[e]:"/"}let s=function(e,n){void 0===n&&(n="/");let{pathname:t,search:o="",hash:r=""}="string"==typeof e?p(e):e,l=t?t.startsWith("/")?t:function(e,n){let t=n.replace(/\/+$/,"").split("/");return e.split("/").forEach((e=>{".."===e?t.length>1&&t.pop():"."!==e&&t.push(e)})),t.length>1?t.join("/"):"/"}(t,n):n;return{pathname:l,search:M(o),hash:R(r)}}(r,l),u=i&&"/"!==i&&i.endsWith("/"),m=(a||"."===i)&&t.endsWith("/");return s.pathname.endsWith("/")||!u&&!m||(s.pathname+="/"),s}const P=e=>e.join("/").replace(/\/\/+/g,"/"),j=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),M=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",R=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";Error;const F=["post","put","patch","delete"],D=(new Set(F),["get",...F]);function K(){return K=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},K.apply(this,arguments)}new Set(D),Symbol("deferred");const H=t.createContext(null),U=t.createContext(null),V=t.createContext(null),W=t.createContext(null),q=t.createContext({outlet:null,matches:[],isDataRoute:!1}),Z=t.createContext(null);function G(){return null!=t.useContext(W)}function J(){return G()||d(!1),t.useContext(W).location}function Y(e){t.useContext(V).static||t.useLayoutEffect(e)}function Q(){let{isDataRoute:e}=t.useContext(q);return e?function(){let{router:e}=function(){let e=t.useContext(H);return e||d(!1),e}(le.UseNavigateStable),n=ie(ae.UseNavigateStable),o=t.useRef(!1);Y((()=>{o.current=!0}));let r=t.useCallback((function(t,r){void 0===r&&(r={}),o.current&&("number"==typeof t?e.navigate(t):e.navigate(t,K({fromRouteId:n},r)))}),[e,n]);return r}():function(){G()||d(!1);let e=t.useContext(H),{basename:n,future:o,navigator:r}=t.useContext(V),{matches:l}=t.useContext(q),{pathname:a}=J(),i=JSON.stringify(I(l,o.v7_relativeSplatPath)),c=t.useRef(!1);Y((()=>{c.current=!0}));let s=t.useCallback((function(t,o){if(void 0===o&&(o={}),!c.current)return;if("number"==typeof t)return void r.go(t);let l=$(t,JSON.parse(i),a,"path"===o.relative);null==e&&"/"!==n&&(l.pathname="/"===l.pathname?n:P([n,l.pathname])),(o.replace?r.replace:r.push)(l,o.state,o)}),[n,r,i,a,e]);return s}()}function X(e,n){let{relative:o}=void 0===n?{}:n,{future:r}=t.useContext(V),{matches:l}=t.useContext(q),{pathname:a}=J(),i=JSON.stringify(I(l,r.v7_relativeSplatPath));return t.useMemo((()=>$(e,JSON.parse(i),a,"path"===o)),[e,i,a,o])}function ee(n,o,r,l){G()||d(!1);let{navigator:a,static:i}=t.useContext(V),{matches:c}=t.useContext(q),s=c[c.length-1],u=s?s.params:{},m=(s&&s.pathname,s?s.pathnameBase:"/");s&&s.route;let f,b=J();if(o){var v;let e="string"==typeof o?p(o):o;"/"===m||(null==(v=e.pathname)?void 0:v.startsWith(m))||d(!1),f=e}else f=b;let k=f.pathname||"/",g=k;if("/"!==m){let e=m.replace(/^\//,"").split("/");g="/"+k.replace(/^\//,"").split("/").slice(e.length).join("/")}let _=!i&&r&&r.matches&&r.matches.length>0?r.matches:h(n,{pathname:g}),y=function(e,n,o,r){var l;if(void 0===n&&(n=[]),void 0===o&&(o=null),void 0===r&&(r=null),null==e){var a;if(!o)return null;if(o.errors)e=o.matches;else{if(!(null!=(a=r)&&a.v7_partialHydration&&0===n.length&&!o.initialized&&o.matches.length>0))return null;e=o.matches}}let i=e,c=null==(l=o)?void 0:l.errors;if(null!=c){let e=i.findIndex((e=>e.route.id&&void 0!==(null==c?void 0:c[e.route.id])));e>=0||d(!1),i=i.slice(0,Math.min(i.length,e+1))}let s=!1,u=-1;if(o&&r&&r.v7_partialHydration)for(let e=0;e<i.length;e++){let n=i[e];if((n.route.HydrateFallback||n.route.hydrateFallbackElement)&&(u=e),n.route.id){let{loaderData:e,errors:t}=o,r=n.route.loader&&void 0===e[n.route.id]&&(!t||void 0===t[n.route.id]);if(n.route.lazy||r){s=!0,i=u>=0?i.slice(0,u+1):[i[0]];break}}}return i.reduceRight(((e,r,l)=>{let a,d=!1,m=null,f=null;var b;o&&(a=c&&r.route.id?c[r.route.id]:void 0,m=r.route.errorElement||te,s&&(u<0&&0===l?(ce[b="route-fallback"]||(ce[b]=!0),d=!0,f=null):u===l&&(d=!0,f=r.route.hydrateFallbackElement||null)));let p=n.concat(i.slice(0,l+1)),v=()=>{let n;return n=a?m:d?f:r.route.Component?t.createElement(r.route.Component,null):r.route.element?r.route.element:e,t.createElement(re,{match:r,routeContext:{outlet:e,matches:p,isDataRoute:null!=o},children:n})};return o&&(r.route.ErrorBoundary||r.route.errorElement||0===l)?t.createElement(oe,{location:o.location,revalidation:o.revalidation,component:m,error:a,children:v(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):v()}),null)}(_&&_.map((e=>Object.assign({},e,{params:Object.assign({},u,e.params),pathname:P([m,a.encodeLocation?a.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?m:P([m,a.encodeLocation?a.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),c,r,l);return o&&y?t.createElement(W.Provider,{value:{location:K({pathname:"/",search:"",hash:"",state:null,key:"default"},f),navigationType:e.Pop}},y):y}function ne(){let e=function(){var e;let n=t.useContext(Z),o=function(){let e=t.useContext(U);return e||d(!1),e}(ae.UseRouteError),r=ie(ae.UseRouteError);return void 0!==n?n:null==(e=o.errors)?void 0:e[r]}(),n=function(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),o=e instanceof Error?e.stack:null,r={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return t.createElement(t.Fragment,null,t.createElement("h2",null,"Unexpected Application Error!"),t.createElement("h3",{style:{fontStyle:"italic"}},n),o?t.createElement("pre",{style:r},o):null,null)}const te=t.createElement(ne,null);class oe extends t.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,n){return n.location!==e.location||"idle"!==n.revalidation&&"idle"===e.revalidation?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:void 0!==e.error?e.error:n.error,location:n.location,revalidation:e.revalidation||n.revalidation}}componentDidCatch(e,n){console.error("React Router caught the following error during render",e,n)}render(){return void 0!==this.state.error?t.createElement(q.Provider,{value:this.props.routeContext},t.createElement(Z.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function re(e){let{routeContext:n,match:o,children:r}=e,l=t.useContext(H);return l&&l.static&&l.staticContext&&(o.route.errorElement||o.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=o.route.id),t.createElement(q.Provider,{value:n},r)}var le=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(le||{}),ae=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(ae||{});function ie(e){let n=function(){let e=t.useContext(q);return e||d(!1),e}(),o=n.matches[n.matches.length-1];return o.route.id||d(!1),o.route.id}const ce={};function se(e){let{to:n,replace:o,state:r,relative:l}=e;G()||d(!1);let{future:a,static:i}=t.useContext(V),{matches:c}=t.useContext(q),{pathname:s}=J(),u=Q(),m=$(n,I(c,a.v7_relativeSplatPath),s,"path"===l),f=JSON.stringify(m);return t.useEffect((()=>u(JSON.parse(f),{replace:o,state:r,relative:l})),[u,f,l,o,r]),null}function de(e){d(!1)}function ue(n){let{basename:o="/",children:r=null,location:l,navigationType:a=e.Pop,navigator:i,static:c=!1,future:s}=n;G()&&d(!1);let u=o.replace(/^\/*/,"/"),m=t.useMemo((()=>({basename:u,navigator:i,static:c,future:K({v7_relativeSplatPath:!1},s)})),[u,s,i,c]);"string"==typeof l&&(l=p(l));let{pathname:f="/",search:b="",hash:v="",state:k=null,key:h="default"}=l,g=t.useMemo((()=>{let e=A(f,u);return null==e?null:{location:{pathname:e,search:b,hash:v,state:k,key:h},navigationType:a}}),[u,f,b,v,k,h,a]);return null==g?null:t.createElement(V.Provider,{value:m},t.createElement(W.Provider,{children:r,value:g}))}function me(e){let{children:n,location:t}=e;return ee(fe(n),t)}function fe(e,n){void 0===n&&(n=[]);let o=[];return t.Children.forEach(e,((e,r)=>{if(!t.isValidElement(e))return;let l=[...n,r];if(e.type===t.Fragment)return void o.push.apply(o,fe(e.props.children,l));e.type!==de&&d(!1),e.props.index&&e.props.children&&d(!1);let a={id:e.props.id||l.join("-"),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:null!=e.props.ErrorBoundary||null!=e.props.errorElement,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(a.children=fe(e.props.children,l)),o.push(a)})),o}function be(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce(((n,t)=>{let o=e[t];return n.concat(Array.isArray(o)?o.map((e=>[t,e])):[[t,o]])}),[]))}o.startTransition,new Promise((()=>{})),t.Component;try{window.__reactRouterVersion="6"}catch(e){}const pe=o.startTransition;function ve(n){let{basename:o,children:r,future:l,window:a}=n,i=t.useRef();null==i.current&&(i.current=function(n){return void 0===n&&(n={}),function(n,t,o,r){void 0===r&&(r={});let{window:l=document.defaultView,v5Compat:a=!1}=r,i=l.history,u=e.Pop,p=null,v=k();function k(){return(i.state||{idx:null}).idx}function h(){u=e.Pop;let n=k(),t=null==n?null:n-v;v=n,p&&p({action:u,location:_.location,delta:t})}function g(e){let n="null"!==l.location.origin?l.location.origin:l.location.href,t="string"==typeof e?e:b(e);return t=t.replace(/ $/,"%20"),d(n,"No window.location.(origin|href) available to create URL for href: "+t),new URL(t,n)}null==v&&(v=0,i.replaceState(c({},i.state,{idx:v}),""));let _={get action(){return u},get location(){return n(l,i)},listen(e){if(p)throw new Error("A history only accepts one active listener");return l.addEventListener(s,h),p=e,()=>{l.removeEventListener(s,h),p=null}},createHref:e=>t(l,e),createURL:g,encodeLocation(e){let n=g(e);return{pathname:n.pathname,search:n.search,hash:n.hash}},push:function(n,t){u=e.Push;let r=f(_.location,n,t);o&&o(r,n),v=k()+1;let c=m(r,v),s=_.createHref(r);try{i.pushState(c,"",s)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;l.location.assign(s)}a&&p&&p({action:u,location:_.location,delta:1})},replace:function(n,t){u=e.Replace;let r=f(_.location,n,t);o&&o(r,n),v=k();let l=m(r,v),c=_.createHref(r);i.replaceState(l,"",c),a&&p&&p({action:u,location:_.location,delta:0})},go:e=>i.go(e)};return _}((function(e,n){let{pathname:t="/",search:o="",hash:r=""}=p(e.location.hash.substr(1));return t.startsWith("/")||t.startsWith(".")||(t="/"+t),f("",{pathname:t,search:o,hash:r},n.state&&n.state.usr||null,n.state&&n.state.key||"default")}),(function(e,n){let t=e.document.querySelector("base"),o="";if(t&&t.getAttribute("href")){let n=e.location.href,t=n.indexOf("#");o=-1===t?n:n.slice(0,t)}return o+"#"+("string"==typeof n?n:b(n))}),(function(e,n){u("/"===e.pathname.charAt(0),"relative pathnames are not supported in hash history.push("+JSON.stringify(n)+")")}),n)}({window:a,v5Compat:!0}));let v=i.current,[k,h]=t.useState({action:v.action,location:v.location}),{v7_startTransition:g}=l||{},_=t.useCallback((e=>{g&&pe?pe((()=>h(e))):h(e)}),[h,g]);return t.useLayoutEffect((()=>v.listen(_)),[v,_]),t.useEffect((()=>{return null==(e=l)||e.v7_startTransition,void 0!==(null==e?void 0:e.v7_relativeSplatPath)||n&&n.v7_relativeSplatPath,void(n&&(n.v7_fetcherPersist,n.v7_normalizeFormMethod,n.v7_partialHydration,n.v7_skipActionErrorRevalidation));var e,n}),[l]),t.createElement(ue,{basename:o,children:r,location:k.location,navigationType:k.action,navigator:v,future:l})}var ke,he,ge,_e;function ye(e){let n=t.useRef(be(e)),o=t.useRef(!1),r=J(),l=t.useMemo((()=>function(e,n){let t=be(e);return n&&n.forEach(((e,o)=>{t.has(o)||n.getAll(o).forEach((e=>{t.append(o,e)}))})),t}(r.search,o.current?null:n.current)),[r.search]),a=Q(),i=t.useCallback(((e,n)=>{const t=be("function"==typeof e?e(l):e);o.current=!0,a("?"+t,n)}),[a,l]);return[l,i]}i.flushSync,o.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(he=ke||(ke={})).UseScrollRestoration="useScrollRestoration",he.UseSubmit="useSubmit",he.UseSubmitFetcher="useSubmitFetcher",he.UseFetcher="useFetcher",he.useViewTransitionState="useViewTransitionState",(_e=ge||(ge={})).UseFetcher="useFetcher",_e.UseFetchers="useFetchers",_e.UseScrollRestoration="useScrollRestoration";var we=a(1658);const xe=e=>e.replace(/([A-Z])/g,(e=>`-${e[0].toLowerCase()}`)),Ee=e=>{if("undefined"==typeof document)return!0;{const n="on"+(e=>"doubleclick"===e?"dblclick":e)(e);let t=n in document;if(!t){const e=document.createElement("div");e.setAttribute(n,"return;"),t="function"==typeof e[n]}return t}},ze=(e,n,t)=>{const o=e.__events||(e.__events={}),r=o[n];r&&e.removeEventListener(n,r),e.addEventListener(n,o[n]=function(e){t&&t.call(this,e)})},Se=e=>{const n=new Map;return e.forEach((e=>n.set(e,e))),n};let Te;const Ce=(...e)=>n=>{e.forEach((e=>{((e,n)=>{"function"==typeof e?e(n):null!=e&&(e.current=n)})(e,n)}))},Oe=(e,n,t,o)=>{void 0!==o&&o();const r=e.toLowerCase().split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(""),l=class extends we.Component{constructor(e){super(e),this.setComponentElRef=e=>{this.componentEl=e}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,n,t={})=>{if(e instanceof Element){const o=((e,n,t)=>{const o=n.className||n.class,r=t.className||t.class,l=Se(e),a=Se(o?o.split(" "):[]),i=Se(r?r.split(" "):[]),c=[];return l.forEach((e=>{a.has(e)?(c.push(e),a.delete(e)):i.has(e)||c.push(e)})),a.forEach((e=>c.push(e))),c.join(" ")})(e.classList,n,t);""!==o&&(e.className=o),Object.keys(n).forEach((t=>{if("children"!==t&&"style"!==t&&"ref"!==t&&"class"!==t&&"className"!==t&&"forwardedRef"!==t)if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){const o=t.substring(2),r=o[0].toLowerCase()+o.substring(1);Ee(r)||ze(e,r,n[t])}else e[t]=n[t],"string"==typeof n[t]&&e.setAttribute(xe(t),n[t])}))}})(this.componentEl,this.props,e)}render(){const{children:n,forwardedRef:o,style:r,className:l,ref:a,...i}=this.props;let c=Object.keys(i).reduce(((e,n)=>{const t=i[n];if(0===n.indexOf("on")&&n[2]===n[2].toUpperCase()){const o=n.substring(2).toLowerCase();"undefined"!=typeof document&&Ee(o)&&(e[n]=t)}else{const o=typeof t;"string"!==o&&"boolean"!==o&&"number"!==o||(e[xe(n)]=t)}return e}),{});t&&(c=t(this.props,c));const s={...c,ref:Ce(o,this.setComponentElRef),style:r},d="function"==typeof Te?Te(e):e;return(0,we.createElement)(d,s,n)}static get displayName(){return r}};return n&&(l.contextType=n),((e,n)=>{const t=(n,t)=>we.createElement(e,{...n,forwardedRef:t});return t.displayName=n,we.forwardRef(t)})(l,r)},Le=Oe("kol-abbr"),Ne=Oe("kol-accordion"),Ae=Oe("kol-alert"),Be=Oe("kol-avatar"),Ie=Oe("kol-badge"),$e=Oe("kol-breadcrumb"),Pe=Oe("kol-button"),je=Oe("kol-button-link"),Me=Oe("kol-card"),Re=Oe("kol-combobox"),Fe=Oe("kol-details"),De=Oe("kol-drawer"),Ke=Oe("kol-form"),He=Oe("kol-heading"),Ue=Oe("kol-icon"),Ve=Oe("kol-image"),We=Oe("kol-input-checkbox"),qe=Oe("kol-input-color"),Ze=Oe("kol-input-date"),Ge=Oe("kol-input-email"),Je=Oe("kol-input-file"),Ye=Oe("kol-input-number"),Qe=Oe("kol-input-password"),Xe=Oe("kol-input-radio"),en=Oe("kol-input-range"),nn=Oe("kol-input-text"),tn=Oe("kol-kolibri"),on=Oe("kol-link"),rn=Oe("kol-link-button"),ln=Oe("kol-modal"),an=Oe("kol-nav"),cn=Oe("kol-pagination"),sn=Oe("kol-popover-button"),dn=Oe("kol-progress"),un=Oe("kol-quote"),mn=Oe("kol-select"),fn=Oe("kol-single-select"),bn=Oe("kol-skip-nav"),pn=Oe("kol-spin"),vn=Oe("kol-split-button"),kn=Oe("kol-table-stateful"),hn=Oe("kol-table-stateless"),gn=Oe("kol-tabs"),_n=Oe("kol-textarea"),yn=Oe("kol-toolbar"),wn=Oe("kol-tree"),xn=Oe("kol-tree-item"),En=Oe("kol-version");function zn(e){const n=document.createElement("div");return n.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(n),n}var Sn,Tn,Cn,On,Ln,Nn,An=a(2332),Bn=a(257),In=a(1698),$n=a(8296),Pn=a(3694);a(6660),a(3635),a(4269),a(3185);class jn{constructor(e,n){this.document=e,this.options=n,this.toastContainerElement=this.document.createElement(In.K),this.document.body.prepend(this.toastContainerElement)}static getInstance(e,n){if(!(0,$n.i)())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let t=this.instances.get(e);return t||(t=new jn(e,n),this.instances.set(e,t)),t}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):Bn.L.warn("Toaster service is already disposed.",{forceLog:!0})}enqueue(e){var n,t;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return null!==(n=e.variant)&&void 0!==n||(e.variant=null===(t=this.options)||void 0===t?void 0:t.defaultVariant),this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}jn.instances=new Map,(Tn=Sn||(Sn={}))["Die Bundesregierung"]="BReg",Tn["Bundesministerium der Finanzen"]="BMF",Tn["Bundesministerium des Innern, für Bau und Heimat"]="BMI",Tn["Auswärtiges Amt"]="AA",Tn["Bundesministerium für Wirtschaft und Energie"]="BMWi",Tn["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",Tn["Bundesministerium für Arbeit und Soziales"]="BMAS",Tn["Bundesministerium der Verteidigung"]="BMVg",Tn["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",Tn["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",Tn["Bundesministerium für Gesundheit"]="BMG",Tn["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",Tn["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",Tn["Bundesministerium für Bildung und Forschung"]="BMBF",Tn["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ",Object.getOwnPropertyNames(Sn),(On=Cn||(Cn={}))["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",On["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",On["Bundesamt für äußere Restitutionen"]="BAR",On["Bundesamt für Bauwesen und Raumordnung"]="BBR",On["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",On["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",On["Bundesamt für Güterverkehr"]="BAG",On["Bundesamt für Justiz"]="BfJ",On["Bundesamt für Kartographie und Geodäsie"]="BKG",On["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",On["Bundesamt für Migration und Flüchtlinge"]="BAMF",On["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",On["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",On["Bundesamt für Verfassungsschutz"]="BfV",On["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",On["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",On["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",On.Bundesarchiv="BArch",On["Bundesaufsichtsamt für Flugsicherung"]="BAF",On.Bundesausgleichsamt="BAA",On.Bundeskartellamt="BKartA",On.Bundeskriminalamt="BKA",On.Bundesnachrichtendienst="BND",On["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",On["Bundespolizeipräsidium"]="BPOLP",On["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",On.Bundessortenamt="BSA",On.Bundessprachenamt="BSprA",On["Bundesamt für Soziale Sicherung"]="BAS",On.Bundesverwaltungsamt="BVA",On["Bundeszentralamt für Steuern"]="BZSt",On["Deutsches Patent- und Markenamt"]="DPMA",On["Eisenbahn-Bundesamt"]="EBA",On.Generalzolldirektion="GZD",On["Militärischer Abschirmdienst"]="MAD",On["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS",Object.getOwnPropertyNames(Cn),(Nn=Ln||(Ln={}))["Informationstechnikzentrum Bund"]="ITZBund",Nn["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",Nn["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",Nn["Bundesanstalt Technisches Hilfswerk"]="THW",Nn["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",Nn["Bundesinstitut für Bevölkerungsforschung"]="BiB",Nn["Bundesinstitut für Sportwissenschaft"]="BISp",Object.getOwnPropertyNames(Ln);const Mn=new Map;Mn.set(Sn["Die Bundesregierung"],["Die","Bundesregierung"]),Mn.set(Sn["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),Mn.set(Sn["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),Mn.set(Sn["Auswärtiges Amt"],["Auswärtiges Amt"]),Mn.set(Sn["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),Mn.set(Sn["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),Mn.set(Sn["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),Mn.set(Sn["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),Mn.set(Sn["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),Mn.set(Sn["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),Mn.set(Sn["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),Mn.set(Sn["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),Mn.set(Sn["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),Mn.set(Sn["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),Mn.set(Sn["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),Mn.set(Cn["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),Mn.set(Cn["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),Mn.set(Cn["Bundesamt für äußere Restitutionen"],[]),Mn.set(Cn["Bundesamt für Bauwesen und Raumordnung"],[]),Mn.set(Cn["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),Mn.set(Cn["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),Mn.set(Cn["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),Mn.set(Cn["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),Mn.set(Cn["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),Mn.set(Cn["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),Mn.set(Cn["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),Mn.set(Cn["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),Mn.set(Cn["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),Mn.set(Cn["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),Mn.set(Cn["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),Mn.set(Cn["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),Mn.set(Cn["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),Mn.set(Cn.Bundesarchiv,["Das","Bundesarchiv"]),Mn.set(Cn["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),Mn.set(Cn.Bundesausgleichsamt,["Bundesausgleichsamt"]),Mn.set(Cn.Bundeskartellamt,["Bundeskartellamt"]),Mn.set(Cn.Bundeskriminalamt,["Bundeskriminalamt"]),Mn.set(Cn.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),Mn.set(Cn["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),Mn.set(Cn["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),Mn.set(Cn["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),Mn.set(Cn.Bundessortenamt,["Bundessortenamt"]),Mn.set(Cn.Bundessprachenamt,["Bundessprachenamt"]),Mn.set(Cn["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),Mn.set(Cn.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),Mn.set(Cn["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),Mn.set(Cn["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),Mn.set(Cn["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),Mn.set(Cn.Generalzolldirektion,["Generalzolldirektion"]),Mn.set(Cn["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),Mn.set(Cn["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),Mn.set(Ln["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),Mn.set(Ln["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),Mn.set(Ln["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),Mn.set(Ln["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),Mn.set(Ln["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),Mn.set(Ln["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),Mn.set(Ln["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);var Rn=a(6123);(0,Rn.a)((e=>{try{e.shadowRoot instanceof ShadowRoot&&(0,Bn.n)(e,(0,Bn.C)(e))}catch(e){}return"default"})),a.e(4656).then(a.bind(a,4656)).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{Bn.L.error(e)}));!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}}();var Fn="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(e){var n,t;n=Fn,t=function(){var e=function(){},n="undefined",t=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),o=["trace","debug","info","warn","error"],r={},l=null;function a(e,n){var t=e[n];if("function"==typeof t.bind)return t.bind(e);try{return Function.prototype.bind.call(t,e)}catch(n){return function(){return Function.prototype.apply.apply(t,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var t=this.getLevel(),r=0;r<o.length;r++){var l=o[r];this[l]=r<t?e:this.methodFactory(l,t,this.name)}if(this.log=this.debug,typeof console===n&&t<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==n&&(c.call(this),this[e].apply(this,arguments))}}function d(o,r,l){return function(o){return"debug"===o&&(o="log"),typeof console!==n&&("trace"===o&&t?i:void 0!==console[o]?a(console,o):void 0!==console.log?a(console,"log"):e)}(o)||s.apply(this,arguments)}function u(e,t){var a,i,s,u=this,m="loglevel";function f(){var e;if(typeof window!==n&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===n)try{var t=window.document.cookie,o=encodeURIComponent(m),r=t.indexOf(o+"=");-1!==r&&(e=/^([^;]+)/.exec(t.slice(r+o.length+1))[1])}catch(e){}return void 0===u.levels[e]&&(e=void 0),e}}function b(e){var n=e;if("string"==typeof n&&void 0!==u.levels[n.toUpperCase()]&&(n=u.levels[n.toUpperCase()]),"number"==typeof n&&n>=0&&n<=u.levels.SILENT)return n;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=t||d,u.getLevel=function(){return null!=s?s:null!=i?i:a},u.setLevel=function(e,t){return s=b(e),!1!==t&&function(e){var t=(o[e]||"silent").toUpperCase();if(typeof window!==n&&m){try{return void(window.localStorage[m]=t)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+t+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),f()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(u)},u.enableAll=function(e){u.setLevel(u.levels.TRACE,e)},u.disableAll=function(e){u.setLevel(u.levels.SILENT,e)},u.rebuild=function(){if(l!==u&&(a=b(l.getLevel())),c.call(u),l===u)for(var e in r)r[e].rebuild()},a=b(l?l.getLevel():"WARN");var p=f();null!=p&&(s=b(p)),c.call(u)}(l=new u).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var n=r[e];return n||(n=r[e]=new u(e,l.methodFactory)),n};var m=typeof window!==n?window.log:void 0;return l.noConflict=function(){return typeof window!==n&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=t():n.log=t()}({exports:{}});const Dn={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:(()=>{const e=typeof process<"u"&&process.env?process.env:{},n="test"===e.NODE_ENV,t="VITEST"in e,o="JEST_WORKER_ID"in e,r="PLAYWRIGHT_TEST_BASE_URL"in e,l="true"===e.CI,a="true"===e.TEST||"true"===e.IS_TEST,i=typeof navigator<"u"&&!0===navigator.webdriver,c=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return n||t||o||r||l||a||i||c})(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[n,t]of Dn.A11yUi.PERFORMANCE_MEASURES.entries())e[n]=[t.totalTime/t.count,t.count];const n=Object.entries(e).sort(((e,n)=>n[1][0]-e[1][0]));return console.table(Object.fromEntries(n.map((([e,[n,t]])=>[e,{"avg (ms)":parseFloat(n.toFixed(2)),count:t}])))),e}}},Kn=new Set,Hn=/--[^;]+/g,Un=/:/,Vn=typeof MutationObserver<"u";let Wn=()=>{Math.min(25+20*Math.log2(Dn.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const qn=(e,n)=>{const t=Dn.A11yUi.THEMES.get(e);return t instanceof Map&&t.has(n)?t.get(n):""},Zn=(e,n,t,o)=>{const r=performance.now();if((e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{try{if("ssr"===Dn.A11yUi.Theme?.mode)throw new Error("SSR");const t=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),t.push(n)})),e.adoptedStyleSheets=t}catch{[...n].reverse().forEach(((n,t)=>{if("string"!=typeof n||0===n.length)return;const o=document.createElement("style");switch(o.dataset.themingFallback="",t){case 4:o.dataset.themingBaseA11y="";break;case 3:o.dataset.themingBaseGlobal="";break;case 2:o.dataset.themingBaseComponent="";break;case 1:o.dataset.themingCustomGlobal="";break;case 0:o.dataset.themingCustomComponent="";break;default:o.dataset.themingUnknown=""}o.innerHTML=n,e.insertBefore(o,e.firstChild)}))}})(n,t),Qn(e),o(),Dn.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const n=Dn.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);n.count+=1,n.totalTime+=performance.now()-r}else Dn.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-r})},Gn=e=>{const n=Dn.A11yUi.STYLING_TASK_QUEUE.get(e);if(n){const{resetCss:t,themeDetails:o}=n;((e,n,t)=>{const o=n.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot}catch{r=e}if(Dn.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))Zn(e,r,Dn.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),t);else{const l=qn(o,"PROPERTIES"),a=qn(o,"GLOBAL"),i=qn(o,e.tagName);!1===Kn.has(o)&&((e,n)=>{let t=n.match(Hn);if(Array.isArray(t)){t=t.filter((e=>Un.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${t.join(";")}}`,document.querySelector("head")?.appendChild(n)}Kn.add(e)})(o,a);const c=[l,a,i];((e,n,t)=>{if(!1!==t){const o=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch{r=[]}"before"===t?.mode?(o.reverse().forEach((e=>n.unshift(e.innerHTML))),r.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===t?.mode&&(o.forEach((e=>n.push(e.innerHTML))),r.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(r,c,n.encroachCss),!0===n.cache&&(!1===Dn.A11yUi.CSS_STYLE_CACHE.has(o)&&Dn.A11yUi.CSS_STYLE_CACHE.set(o,new Map),Dn.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,c)),Zn(e,r,c,t)}})(e,o,t),Qn(e)}},Jn={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},Yn=Vn?new MutationObserver(((e,n)=>{for(const t of e){const e=t.target;e.classList.contains("hydrated")&&(Gn(e),n.observe(e,Jn))}})):null;Yn&&(Wn=()=>{}),Dn.A11yUi.IS_TEST_ENVIRONMENT&&console.log("Test-Runner detected, disabling theme visibility delay.");const Qn=e=>{Dn.A11yUi.STYLING_TASK_QUEUE.delete(e),Wn()};var Xn,et;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(Xn||(Xn={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-link"]=8]="button-link",e[e.card=9]="card",e[e.combobox=10]="combobox",e[e.details=11]="details",e[e.drawer=12]="drawer",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e.logo=30]="logo",e[e.modal=31]="modal",e[e.nav=32]="nav",e[e.pagination=33]="pagination",e[e["popover-button"]=34]="popover-button",e[e.progress=35]="progress",e[e.select=36]="select",e[e.separator=37]="separator",e[e["single-select"]=38]="single-select",e[e["skip-nav"]=39]="skip-nav",e[e.spin=40]="spin",e[e["split-button"]=41]="split-button",e[e.symbol=42]="symbol",e[e.table=43]="table",e[e["table-stateful"]=44]="table-stateful",e[e["table-stateless"]=45]="table-stateless",e[e.tabs=46]="tabs",e[e.textarea=47]="textarea",e[e["toast-container"]=48]="toast-container",e[e.toolbar=49]="toolbar",e[e.tooltip=50]="tooltip",e[e.tree=51]="tree",e[e["tree-item"]=52]="tree-item"}(et||(et={}));const nt=e=>Array.isArray(e)?e:[e],tt=e=>`%c${e}`,ot=(e,n)=>"string"==typeof n&&n.length>0?`${tt(e)} | ${n}`:tt(e),rt=(e,n)=>[ot(e,null==n?void 0:n.classifier),`color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000;${(null==n?void 0:n.overwriteStyle)||""}`],lt=(e,n)=>e()||!0===n,at=new class{constructor(e,n){this.label=e,this.devMode=n}debug(e,n){lt(this.devMode,null==n?void 0:n.forceLog)&&console.debug(...rt(this.label,n),...nt(e))}info(e,n){lt(this.devMode,null==n?void 0:n.forceLog)&&console.info(...rt(this.label,n),...nt(e))}trace(e,n){lt(this.devMode,null==n?void 0:n.forceLog)&&console.trace(...rt(this.label,n),...nt(e))}warn(e,n){lt(this.devMode,null==n?void 0:n.forceLog)&&console.warn(...rt(this.label,n),...nt(e))}error(e,n){console.error(...rt(this.label,n),...nt(e))}throw(e,n){if(lt(this.devMode,null==n?void 0:n.forceLog))throw new Error(...rt(this.label,n),...nt(e))}}("KoliBri",(()=>!1)),it=new Set;var ct;ct="We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!",!1===it.has(ct)&&(it.add(ct),at.debug([ct].concat([]),{classifier:"💻 dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}));var st={exports:{}};function dt(e){var n=ut(e);return 3==n.length?n.concat(255):(n[3]=Math.round(n[3]),n)}function ut(e){return"string"==typeof e?("red"==(n=e=e.toLowerCase())?[255,0,0]:"green"==n?[0,255,0]:"blue"==n?[0,0,255]:"black"==n?[0,0,0]:"white"==n?[255,255,255]:"cyan"==n?[0,255,255]:"gray"==n||"grey"==n?[128,128,128]:"magenta"==n||"pink"==n?[255,0,255]:"yellow"==n?[255,255,0]:void 0)||function(e){var n=e.replace(/^#/,""),t=n.length;if(3==t||4==t){var o=ft(n[0]),r=ft(n[1]),l=ft(n[2]),a=3==t?255:ft(n[3]);if(isNaN(o)||isNaN(r)||isNaN(l)||isNaN(a))return;return[o,r,l,a]}}(e)||function(e){var n=e.replace(/^#/,""),t=n.length;if(6==t||8==t){var o=ft(n.slice(0,2)),r=ft(n.slice(2,4)),l=ft(n.slice(4,6)),a=6==t?255:ft(n.slice(6,8));if(isNaN(o)||isNaN(r)||isNaN(l)||isNaN(a))return;return[o,r,l,a]}}(e)||function(e){if("rgb("==e.substr(0,4)){var n=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),t=bt(n[0],!0),o=bt(n[1],!0),r=bt(n[2],!0);if(-1!=t&&-1!=o&&-1!=r)return[t,o,r,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var n=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),t=bt(n[0],!0),o=bt(n[1],!0),r=bt(n[2],!0),l=bt(255*n[3]);if(-1!=t&&-1!=o&&-1!=r&&-1!=l)return[t,o,r,l]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var n=bt(null!=e.r?e.r:null!=e.red?e.red:0,!0),t=bt(null!=e.g?e.g:null!=e.green?e.green:0,!0),o=bt(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),r=bt(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=n&&-1!=t&&-1!=o&&-1!=r)return[n,t,o,r]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var n=bt(e[0],!0),t=bt(e[1],!0),o=bt(e[2],!0),r=bt(null!=e[3]?e[3]:255,!0);if(-1!=n&&-1!=t&&-1!=o&&-1!=r)return[n,t,o,r]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var n}function mt(e){var n=e.toString(16);return 1==n.length?"0"+n:n}function ft(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function bt(e,n){return"number"!=typeof e||!0===n&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}st.exports=dt,st.exports.arr=dt,st.exports.obj=function(e){var n=ut(e);return{r:n[0],g:n[1],b:n[2],a:3==n.length?255:Math.round(n[3])}},st.exports.css=function(e){var n=ut(e);return 3==n.length&&n.push(255),255==n[3]?"rgb("+n[0]+", "+n[1]+", "+n[2]+")":0==n[3]?"rgba("+n[0]+", "+n[1]+", "+n[2]+", 0)":"rgba("+n[0]+", "+n[1]+", "+n[2]+", "+String(n[3]/255).substr(1)+")"},st.exports.hex=function(e){var n=ut(e);3==n.length&&n.push(255);var t=255==n[3],o=mt(n[0]),r=mt(n[1]),l=mt(n[2]),a=function(e,n,t,o){var r=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=r.indexOf(e)&&-1!=r.indexOf(n)&&-1!=r.indexOf(t)&&-1!=r.indexOf(o)}(o,r,l,n=mt(Math.round(n[3])));return t?a?"#"+o.charAt(0)+r.charAt(0)+l.charAt(0):"#"+o+r+l:a?"#"+o.charAt(0)+r.charAt(0)+l.charAt(0)+n.charAt(0):"#"+o+r+l+n},st.exports.num=function(e){var n=ut(e);return 3==n.length?n.push(255):n[3]=Math.round(n[3]),(n[3]<<24>>>0|n[0]<<16|n[1]<<8|n[2])>>>0};let pt="development";try{pt="production"}catch(e){pt="production"}var vt;new Event("StateChange"),function(e){e.bar="bar",e.cycle="cycle"}(vt||(vt={}));const kt=new class{Prefix;Key;Tag;createTheme=(e,n)=>((e,n)=>t=>t(e,n,{append:!1}))(e,n);createTranslation=(e,n)=>((e,n)=>t=>t(e,n))(e,n);constructor(e,n,t){this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(t)}}("kol",Xn,et);var ht;!function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.focus="kolFocus",e.input="kolInput",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle",e.settingsChange="settingsChange"}(ht||(ht={}));function gt(){const e=new Map;return(n,t,o)=>{try{return e.get(n)(t,o)}catch{return e.set(n,(r=n,function(e,n){if(!e)return r;var t;"string"==typeof e?t=e:n=e;var o=r;return t&&(o+="__"+t),o+(n?Object.keys(n).reduce((function(e,t){var r=n[t];return r&&(e+=" "+("boolean"==typeof r?o+"--"+t:o+"--"+t+"_"+r)),e}),""):"")})).get(n)(t,o)}var r}}const _t=gt();_t("kol-alert","closer"),_t("kol-alert","content"),_t("kol-alert","icon");const yt=gt();var wt,xt,Et;yt("kol-icon"),yt("kol-icon","icon"),function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(wt||(wt={})),function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(xt||(xt={})),function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}(Et||(Et={}));const zt=new Map;zt.set(wt["Die Bundesregierung"],["Die","Bundesregierung"]),zt.set(wt["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),zt.set(wt["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),zt.set(wt["Auswärtiges Amt"],["Auswärtiges Amt"]),zt.set(wt["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),zt.set(wt["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),zt.set(wt["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),zt.set(wt["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),zt.set(wt["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),zt.set(wt["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),zt.set(wt["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),zt.set(wt["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),zt.set(wt["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),zt.set(wt["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),zt.set(wt["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),zt.set(xt["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),zt.set(xt["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),zt.set(xt["Bundesamt für äußere Restitutionen"],[]),zt.set(xt["Bundesamt für Bauwesen und Raumordnung"],[]),zt.set(xt["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),zt.set(xt["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),zt.set(xt["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),zt.set(xt["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),zt.set(xt["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),zt.set(xt["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),zt.set(xt["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),zt.set(xt["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),zt.set(xt["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),zt.set(xt["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),zt.set(xt["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),zt.set(xt["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),zt.set(xt["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),zt.set(xt.Bundesarchiv,["Das","Bundesarchiv"]),zt.set(xt["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),zt.set(xt.Bundesausgleichsamt,["Bundesausgleichsamt"]),zt.set(xt.Bundeskartellamt,["Bundeskartellamt"]),zt.set(xt.Bundeskriminalamt,["Bundeskriminalamt"]),zt.set(xt.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),zt.set(xt["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),zt.set(xt["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),zt.set(xt["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),zt.set(xt.Bundessortenamt,["Bundessortenamt"]),zt.set(xt.Bundessprachenamt,["Bundessprachenamt"]),zt.set(xt["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),zt.set(xt.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),zt.set(xt["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),zt.set(xt["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),zt.set(xt["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),zt.set(xt.Generalzolldirektion,["Generalzolldirektion"]),zt.set(xt["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),zt.set(xt["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),zt.set(Et["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),zt.set(Et["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),zt.set(Et["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),zt.set(Et["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),zt.set(Et["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),zt.set(Et["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),zt.set(Et["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const St=kt.createTheme("default",{GLOBAL:"@layer kol-theme-global {\n  :host {\n    --border-radius: var(--kolibri-border-radius, 5px);\n    --font-family: var(--kolibri-font-family, Verdana, Arial, Calibri, Helvetica, sans-serif);\n    --font-size: var(--kolibri-font-size, calc(16rem / var(--kolibri-root-font-size, 16)));\n    --spacing: var(--kolibri-spacing, calc(4rem / var(--kolibri-root-font-size, 16)));\n    --border-width: var(--kolibri-border-width, 1px);\n    --color-primary: var(--kolibri-color-primary, #004b76);\n    --color-primary-variant: var(--kolibri-color-primary-variant, #0077b6);\n    --color-secondary: var(--kolibri-color-secondary, #ccebf7);\n    --color-danger: var(--kolibri-color-danger, #b4003c);\n    --color-warning: var(--kolibri-color-warning, #c44931);\n    --color-success: var(--kolibri-color-success, #005c45);\n    --color-subtle: var(--kolibri-color-subtle, #576164);\n    --color-light: var(--kolibri-color-light, #ffffff);\n    --color-text: var(--kolibri-color-text, #202020);\n    --color-mute: var(--kolibri-color-mute, #f2f3f4);\n    --color-mute-variant: var(--kolibri-color-mute-variant, #bec5c9);\n  }\n  * {\n    box-sizing: border-box;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  *[tabindex]:focus,\n  .kol-input:not(.checkbox, .radio) .input:focus-within,\n  .kol-input:is(.checkbox, .radio) input:focus,\n  summary:focus {\n    cursor: pointer;\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-headline {\n    font-weight: 700;\n  }\n  .kol-tooltip__floating {\n    border: var(--border-width) solid var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n  .kol-tooltip__arrow {\n    background-color: var(--color-light);\n    border: var(--border-width) solid var(--color-subtle);\n  }\n  .kol-tooltip__content {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    line-height: 1.5;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  .kol-accordion {\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .kol-accordion__content {\n    margin: 0;\n    padding-left: 2.25em;\n    padding-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading {\n    margin: 0;\n  }\n  .kol-accordion__heading-button {\n    display: flex;\n    border-radius: var(--border-radius);\n    min-height: calc(35.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n  .kol-accordion__heading-button:focus-within .kol-button {\n    outline: 0;\n  }\n  .kol-accordion__heading-button .kol-span__container {\n    display: flex;\n    place-items: baseline center;\n    text-align: left;\n    gap: 0.5em;\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.1;\n  }\n  .kol-accordion__heading-button .kol-button {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-button :focus {\n    outline: none;\n  }\n  .kol-accordion__heading-button .kol-icon {\n    color: var(--color-primary);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font-family: var(--font-family);\n    border-radius: var(--border-radius);\n    display: inline-flex;\n    font-style: normal;\n  }\n  .kol-badge--has-smart-button {\n    align-items: center;\n  }\n  .kol-badge__smart-button .kol-button {\n    color: inherit;\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n    padding: calc(3.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__smart-button .kol-button:hover {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .kol-badge__smart-button .kol-button__text {\n    align-items: center;\n    font-style: normal;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__label {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    font-style: normal;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__label .kol-span__container {\n    display: flex;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-breadcrumb {\n    font-family: var(--font-family);\n  }\n  .kol-breadcrumb__list-element-span {\n    color: var(--color-subtle);\n  }\n  .kol-breadcrumb__link::part(icon) {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-breadcrumb__icon {\n    font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-subtle);\n  }\n  .kol-link {\n    line-height: 1;\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--tertiary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button:visited {\n    color: var(--visited);\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-button {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    font-size: inherit;\n  }\n  .kol-button:focus {\n    outline: none;\n    --text-border-radius: var(--border-radius);\n    --text-outline: calc(var(--border-width) * 2) solid;\n  }\n  .kol-button:visited {\n    color: var(--visited);\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--text-border-radius);\n    outline: var(--text-outline);\n  }\n  .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light);\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 4px color-mix(in srgb, black 80%, var(--color-subtle));\n    border-radius: var(--border-radius);\n  }\n  .kol-card__header {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-card__content {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n  }\n  .kol-card__headline {\n    line-height: 1.75;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option[aria-selected] {\n    color: var(--color-primary-variant);\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-combobox__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n  }\n  .kol-combobox__input {\n    flex-grow: 1;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-combobox__input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading {\n    margin: 0;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__heading-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 4px var(--color-subtle);\n  }\n  .kol-drawer__wrapper--left {\n    animation: slideInLeft 0.4s forwards;\n  }\n  .kol-drawer__wrapper--left.kol-drawer__wrapper--is-closing {\n    animation: slideOutLeft 0.4s forwards;\n  }\n  .kol-drawer__wrapper--right {\n    animation: slideInRight 0.4s forwards;\n  }\n  .kol-drawer__wrapper--right.kol-drawer__wrapper--is-closing {\n    animation: slideOutRight 0.4s forwards;\n  }\n  .kol-drawer__wrapper--top {\n    animation: slideInTop 0.4s forwards;\n  }\n  .kol-drawer__wrapper--top.kol-drawer__wrapper--is-closing {\n    animation: slideOutTop 0.4s forwards;\n  }\n  .kol-drawer__wrapper--bottom {\n    animation: slideInBottom 0.4s forwards;\n  }\n  .kol-drawer__wrapper--bottom.kol-drawer__wrapper--is-closing {\n    animation: slideOutBottom 0.4s forwards;\n  }\n}\n@keyframes slideInLeft {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInTop {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes slideInBottom {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes slideOutLeft {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes slideOutRight {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes slideOutTop {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes slideOutBottom {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  .kol-headline--h1 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.667;\n  }\n  .kol-headline--h2 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .kol-headline--h3 {\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.333;\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n    color: inherit;\n    font-style: normal;\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3 {\n    font-weight: 700;\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-form-field--disabled .kol-form-field__input {\n    outline: none;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--label-align-left:not(.kol-input-checkbox__field-control--variant-button) .kol-field-control__label {\n    padding-right: calc(6.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--label-align-right:not(.kol-input-checkbox__field-control--variant-button) .kol-field-control__label {\n    padding-left: calc(6.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    order: 1;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: var(--border-radius);\n    appearance: none;\n    background-color: white;\n    transition: 0.5s;\n    margin: 0;\n  }\n  .kol-checkbox .kol-input:checked, .kol-checkbox .kol-input:indeterminate {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-checkbox .kol-input:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-checkbox .kol-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-checkbox .kol-input:active {\n    box-shadow: none;\n  }\n  .kol-checkbox .kol-input:not(:disabled):hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-checkbox.kol-checkbox--disabled {\n    opacity: 0.5;\n  }\n  .kol-checkbox--variant-default {\n    width: initial;\n    min-width: initial;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    border-radius: var(--border-radius);\n    height: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n    width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    color: var(--color-light);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    background-color: var(--color-subtle);\n    border-radius: 1.25em;\n    border-width: 0;\n    display: block;\n    height: 1.5em;\n    min-width: 3.5em;\n    position: relative;\n    width: 3.5em;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input:focus {\n    outline-color: var(--color-primary);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-checkbox--variant-switch .kol-input:before {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n    top: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n    border-radius: 1.25em;\n    background-color: white;\n    position: absolute;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked {\n    background-color: var(--color-primary);\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(2em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(1em);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(2em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(1em, -50%);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__input, .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-light);\n    color: var(--color-primary);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__input {\n    height: 100%;\n    border-width: 1px 0 1px 1px;\n    border-style: solid none solid solid;\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n    border-width: 1px 1px 1px 0;\n    border-style: solid solid solid none;\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n    justify-self: stretch;\n    align-self: stretch;\n    display: flex;\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__label-text {\n    margin: auto auto;\n    font-weight: 700;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-mute);\n    color: var(--color-primary);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__input, .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__label {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-input-checkbox__field-control--variant-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__input {\n    border-width: 1px 1px 1px 0;\n    border-style: solid solid solid none;\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__label {\n    border-width: 1px 0 1px 1px;\n    border-style: solid none solid solid;\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--hide-label .kol-field-control__input {\n    border-width: 1px;\n    border-style: solid;\n    border-radius: var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__input {\n    opacity: 0.5;\n    outline: none;\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}\n.kol-input-color__inputs-wrapper {\n  gap: calc(16rem / var(--kolibri-root-font-size, 16));\n}\n.kol-input-color__input--text, .kol-input-color__input--color {\n  background-color: var(--color-light);\n  border: 1px solid var(--color-subtle);\n  min-height: calc(var(--a11y-min-size) - 8rem / var(--kolibri-root-font-size, 16));\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}\n@layer kol-theme-component {\n  .kol-input-container {\n    padding: 0 0 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--tertiary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-input-container {\n    gap: initial;\n    padding: 0 0 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__filename {\n    color: var(--color-subtle);\n  }\n  .kol-input-container--is-dragover {\n    border-color: var(--color-primary);\n  }\n  .kol-button__text {\n    border-top-right-radius: calc(var(--border-radius) - 2px);\n    border-bottom-right-radius: calc(var(--border-radius) - 2px);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    white-space: nowrap;\n  }\n  .kol-input {\n    padding-top: calc(0.5em + 2rem / var(--kolibri-root-font-size, 16));\n    background-color: transparent;\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field {\n    border: 0;\n    display: grid;\n    font-family: var(--font-family);\n    margin: 0;\n    padding: 0;\n  }\n  .kol-form-field--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field__label {\n    display: inline-block;\n    padding: 0;\n  }\n  .kol-form-field__input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__input--orientation-horizontal {\n    margin-top: calc(var(--spacing) / 2);\n    gap: var(--spacing) calc(var(--spacing) * 2);\n  }\n  .kol-field-control__label {\n    padding-top: 0.1em;\n  }\n  .kol-input-radio__input {\n    border-color: var(--color-subtle);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    line-height: 1.5;\n  }\n  .kol-input-radio__input:not(:disabled):hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-input-radio__input:focus {\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-radio__input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-input-radio__input:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-input-radio__input:disabled {\n    background-color: var(--color-mute-variant);\n  }\n  .kol-input--error:focus {\n    outline-color: var(--color-danger);\n  }\n  .kol-field-control__hint,\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-alert--type-error {\n    margin-left: -0.25em;\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input-range__inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  :host {\n    font-family: inherit;\n  }\n  .kol-link {\n    line-height: 1;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-link {\n    font-family: var(--font-family);\n  }\n  .kol-link__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-link--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-link--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-link--primary:not([disabled]):hover, .kol-link--secondary:not([disabled]):hover, .kol-link--tertiary:not([disabled]):hover, .kol-link--normal:not([disabled]):hover, .kol-link--danger:not([disabled]):hover, .kol-link--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-link--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-link__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link--hide-label .kol-link__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n  .kol-link:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-link:disabled:hover .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 4px var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n}","KOL-NAV":"@layer kol-theme-component {\n  :host {\n    background-color: var(--color-mute);\n  }\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__list {\n    list-style: none;\n  }\n  .kol-nav__list--nested {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__list--nested .kol-link,\n  .kol-nav__list--nested .kol-button {\n    font-weight: normal !important;\n    border-left-color: transparent !important;\n  }\n  .kol-nav__entry--link {\n    display: flex;\n  }\n  .kol-nav__entry .kol-link:hover {\n    text-decoration: underline;\n  }\n  .kol-nav__entry .kol-link,\n  .kol-nav__entry .kol-button {\n    align-items: center;\n    color: var(--color-primary);\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: var(--a11y-min-size);\n    text-decoration: none;\n  }\n  .kol-nav__entry .kol-link:focus-visible,\n  .kol-nav__entry .kol-button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__list--vertical .kol-nav__entry .kol-link,\n  .kol-nav__list--vertical .kol-nav__entry .kol-button {\n    border-left: 2px solid transparent;\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav--horizontal .kol-nav__entry .kol-link,\n  .kol-nav--horizontal .kol-nav__entry .kol-button {\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-link,\n  .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-button {\n    border-left-color: var(--color-primary);\n  }\n  .kol-nav__list-item--active .kol-nav__entry .kol-link,\n  .kol-nav__list-item--active .kol-nav__entry .kol-button {\n    font-weight: bold;\n  }\n  .kol-nav__expand-button .kol-button:hover {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .kol-nav__expand-button .kol-button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__expand-button .kol-button__text {\n    justify-content: center;\n  }\n  .kol-nav__toggle-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-nav__toggle-button .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-nav__toggle-button .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-nav__toggle-button .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-nav__toggle-button .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-nav__toggle-button .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__toggle-button .kol-button:disabled:hover .kol-nav__toggle-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-pagination__button--selected .kol-button {\n    opacity: 1;\n  }\n  .kol-button__text {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary);\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n    border: 0;\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .kol-button:active .kol-button__text {\n    color: var(--color-light);\n    outline: none;\n  }\n}","KOL-POPOVER-BUTTON":"@layer kol-theme-component {\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--tertiary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-popover-button__popover {\n    border: var(--border-width) solid var(--color-primary);\n    padding: var(--spacing);\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  .kol-progress {\n    font-family: var(--font-family);\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-primary-variant);\n  }\n  .kol-progress__cycle-background {\n    stroke: var(--color-mute-variant);\n  }\n  .kol-progress__cycle-progress {\n    stroke: var(--color-primary-variant);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-select {\n    border: none;\n  }\n  .kol-select[multiple] {\n    overflow: auto;\n  }\n  .kol-select__option {\n    margin: calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n    border-radius: var(--border-radius);\n  }\n  .kol-select__option:active:not(:disabled), .kol-select__option:checked:not(:disabled), .kol-select__option:focus:not(:disabled), .kol-select__option:hover:not(:disabled) {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .kol-select:not([multiple]) .kol-select__option {\n    padding: 0.5em;\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option[aria-selected] {\n    color: var(--color-primary-variant);\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-single-select__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n  }\n  .kol-single-select__input {\n    flex-grow: 1;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-single-select__input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: var(--a11y-min-size);\n    border-style: solid;\n    border-width: var(--border-width);\n    gap: calc(var(--spacing) * 2);\n    line-height: 1;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n    cursor: pointer;\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-primary);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  .kol-split-button__button .kol-button .kol-span {\n    border-top-left-radius: var(--border-radius);\n    border-bottom-left-radius: var(--border-radius);\n  }\n  .kol-split-button__horizontal-line {\n    background-color: var(--color-primary);\n    border-radius: 2px;\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button__secondary-button {\n    height: 100%;\n  }\n  .kol-split-button__secondary-button .kol-span {\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n  }\n  .kol-split-button .kol-span {\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-split-button .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-split-button .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-split-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-split-button .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-split-button .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-split-button .kol-button--primary:not([disabled]):hover, .kol-split-button .kol-button--secondary:not([disabled]):hover, .kol-split-button .kol-button--tertiary:not([disabled]):hover, .kol-split-button .kol-button--normal:not([disabled]):hover, .kol-split-button .kol-button--danger:not([disabled]):hover, .kol-split-button .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-split-button .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-split-button .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-split-button .kol-button:disabled:hover .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-split-button__button .kol-button__text {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .kol-split-button__secondary-button .kol-button__text {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .kol-split-button .kol-button {\n    height: 100%;\n  }\n  .kol-split-button .kol-button__text {\n    height: 100%;\n    border: none;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-table-settings {\n    right: calc(8rem / var(--kolibri-root-font-size, 16));\n    top: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__content {\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__content :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-table-settings__content .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-table-settings__content .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-table-settings__content .kol-button:focus {\n    outline: none;\n  }\n  .kol-table-settings__content .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-table-settings__content .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-table-settings__content .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-table-settings__content .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-table-settings__content .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-table-settings__content .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-table-settings__content .kol-button--primary:not([disabled]):hover, .kol-table-settings__content .kol-button--secondary:not([disabled]):hover, .kol-table-settings__content .kol-button--tertiary:not([disabled]):hover, .kol-table-settings__content .kol-button--normal:not([disabled]):hover, .kol-table-settings__content .kol-button--danger:not([disabled]):hover, .kol-table-settings__content .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-table-settings__content .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-table-settings__content .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-table-settings__content .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-table-settings__content .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-table-settings__content .kol-button:disabled:hover .kol-table-settings__content .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-table-settings__error-message {\n    display: block;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__columns {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__actions {\n    border-top: var(--border-width) solid var(--color-mute-variant);\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    justify-content: flex-end;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table, .kol-table__caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  .kol-table__caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) var(--a11y-min-size) calc(8rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(var(--a11y-min-size) + 2px);\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-table__cell {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-primary);\n    background-color: var(--color-light);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__spacer-line {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__spacer-line--foot {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__spacer-line--head {\n    border-top-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__row--body:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  .kol-table__selection-input:not(:disabled):hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 3px;\n  }\n  .kol-table__selection-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-subtle);\n    border-radius: 5px;\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-light);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox:not(:disabled), .kol-table__selection-input--checkbox:not(:disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-table-stateful__pagination {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful .kol-pagination {\n      display: flex;\n      align-items: center;\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-table-settings {\n    right: calc(8rem / var(--kolibri-root-font-size, 16));\n    top: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__content {\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__content :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-table-settings__content .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-table-settings__content .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-table-settings__content .kol-button:focus {\n    outline: none;\n  }\n  .kol-table-settings__content .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-table-settings__content .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-table-settings__content .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-table-settings__content .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-table-settings__content .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-table-settings__content .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-table-settings__content .kol-button--primary:not([disabled]):hover, .kol-table-settings__content .kol-button--secondary:not([disabled]):hover, .kol-table-settings__content .kol-button--tertiary:not([disabled]):hover, .kol-table-settings__content .kol-button--normal:not([disabled]):hover, .kol-table-settings__content .kol-button--danger:not([disabled]):hover, .kol-table-settings__content .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-table-settings__content .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-table-settings__content .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-table-settings__content .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-table-settings__content .kol-button--hide-label .kol-table-settings__content .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-table-settings__content .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-table-settings__content .kol-button:disabled:hover .kol-table-settings__content .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-table-settings__error-message {\n    display: block;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__columns {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table-settings__actions {\n    border-top: var(--border-width) solid var(--color-mute-variant);\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    justify-content: flex-end;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table, .kol-table__caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  .kol-table__caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) var(--a11y-min-size) calc(8rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(var(--a11y-min-size) + 2px);\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-table__cell {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-primary);\n    background-color: var(--color-light);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__spacer-line {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__spacer-line--foot {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__spacer-line--head {\n    border-top-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__row--body:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  .kol-table__selection-input:not(:disabled):hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 3px;\n  }\n  .kol-table__selection-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-subtle);\n    border-radius: 5px;\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-light);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox:not(:disabled), .kol-table__selection-input--checkbox:not(:disabled):hover {\n    border-color: var(--color-primary);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  .kol-tabs {\n    font-family: var(--font-family);\n    display: grid;\n    grid-template-rows: var(--grid-template-rows);\n    grid-template-columns: var(--grid-template-columns);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-display: grid;\n    --button-group-order: 1;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: flex;\n    --grid-template-rows: 1fr auto;\n    --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    --button-group-order: 1;\n  }\n  .kol-tabs--align-top {\n    --display: flex;\n    --grid-template-rows: auto 1fr;\n    --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: var(--display);\n    flex-wrap: wrap;\n    gap: var(--button-group-gap);\n    order: var(--button-group-order);\n  }\n  .kol-tabs .kol-button {\n    box-sizing: border-box;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n    border: none;\n    font-style: normal;\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    color: var(--color-subtle);\n    padding: 0;\n  }\n  .kol-tabs .kol-button:hover {\n    color: var(--color-primary);\n  }\n  .kol-tabs .kol-button.primary, .kol-tabs .kol-button.selected {\n    color: var(--color-primary);\n  }\n  .kol-tabs .kol-button:not(.kol-tabs .kol-button.selected) .kol-span__container {\n    padding-bottom: 0.25em;\n  }\n  .kol-tabs .kol-button.selected .kol-span__container {\n    border-bottom: 0.25em solid;\n  }\n  .kol-tabs .kol-button .kol-span__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-icon {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__content {\n    padding: 0.25em 0;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n  .kol-tabs .kol-button-wc {\n    width: 100%;\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n    cursor: not-allowed;\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n}\n@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__counter {\n    order: 4;\n  }\n  .kol-form-field__hint {\n    order: 5;\n  }\n  .kol-textarea {\n    border: none;\n    display: block;\n    overflow: auto;\n  }\n  .kol-textarea::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--variant-msg {\n    align-items: start;\n  }\n  .kol-alert--variant-card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__closer {\n    place-self: center;\n  }\n  .kol-alert__closer .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--variant-msg .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__closer .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--variant-card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--type-default) .kol-alert__icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item {\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--tertiary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  :host {\n    --theme-visibility-delay: 0.5s;\n  }\n  .kol-link {\n    font-family: var(--font-family);\n  }\n  .kol-link__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-link--secondary {\n    --text-background-color: var(--color-secondary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link--tertiary {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-text);\n    --text-color: var(--color-text);\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-link--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-link--primary:not([disabled]):hover, .kol-link--secondary:not([disabled]):hover, .kol-link--tertiary:not([disabled]):hover, .kol-link--normal:not([disabled]):hover, .kol-link--danger:not([disabled]):hover, .kol-link--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-link--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-link__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link--hide-label .kol-link__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n  .kol-link:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-link:disabled:hover .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-toolbar {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    background-color: var(--color-light);\n    border-width: var(--border-width);\n    border-style: solid;\n  }\n  .kol-link {\n    text-decoration: none;\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    border: 2px solid transparent;\n    border-radius: var(--border-radius);\n  }\n  .kol-tree:focus-within {\n    outline: 0;\n  }\n  .kol-tree:focus-within ul {\n    border: 2px solid var(--color-primary);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item {\n    --tree-item-indentation: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tree-item__link {\n    display: block;\n    border: 1px solid transparent;\n  }\n  .kol-tree-item__link .kol-link {\n    color: var(--color-text);\n    text-align: left;\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    border: 1px solid var(--color-primary);\n    background-color: var(--color-primary-variant);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    outline-offset: 0;\n    color: var(--color-light);\n  }\n  .kol-tree-item__link--active {\n    background-color: var(--color-primary);\n  }\n  .kol-tree-item__link--active .kol-link {\n    color: var(--color-light);\n  }\n  .kol-tree-item__toggle-button:hover .kol-tree-item__toggle-button-icon::part(icon) {\n    transform: scale(1.6);\n  }\n  .kol-tree-item__text {\n    text-decoration: none;\n  }\n}"}),Tt=kt.createTheme("ecl-ec",{GLOBAL:"@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border-radius: 2px;\n    border: 1px solid #626262;\n  }\n  :host {\n    --color-blue: #004494;\n    --color-yellow: #ffd617;\n    --color-grey: #404040;\n    --color-blue-130: #002f67;\n    --color-blue-120: #003776;\n    --color-blue-110: #003d84;\n    --color-blue-100: var(--color-blue);\n    --color-blue-75: #4073af;\n    --color-blue-50: #bfd0e4;\n    --color-blue-25: #bfd0e4;\n    --color-blue-5: #f2f5f9;\n    --color-yellow-120: #f8ae21;\n    --color-yellow-110: #fbc11d;\n    --color-yellow-100: var(--color-yellow);\n    --color-yellow-75: #ffde39;\n    --color-yellow-50: #ffe879;\n    --color-yellow-25: #fff4bb;\n    --color-grey-100: var(--color-grey);\n    --color-grey-75: #707070;\n    --color-grey-50: #9f9f9f;\n    --color-grey-25: #cfcfcf;\n    --color-grey-20: #d9d9d9;\n    --color-grey-15: #e3e3e3;\n    --color-grey-10: #ebebeb;\n    --color-grey-5: #f5f5f5;\n    --color-grey-3: #f9f9f9;\n    --color-blue-n: #006fb4;\n    --color-orange: #f29527;\n    --color-green: #467a39;\n    --color-red: #da2131;\n    --color-red-1xx: #981722;\n    --color-black: #000;\n    --color-white: #fff;\n    --font-family: Arial, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --font-weight: 400;\n    --font-weight-bold: 600;\n    --line-height: 1.5;\n    --line-height-heading: 1.2;\n    --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n    --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n    --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n    --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n    --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n    --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  a,\n  button {\n    font-size: var(--font-size);\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-weight-bold);\n    line-height: var(--line-height-heading);\n    margin: 0;\n    padding: 0;\n  }\n  p {\n    font-weight: var(--font-weight);\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: 0.5em;\n  }\n  .required label span::after,\n  .required legend span::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion {\n    background-color: var(--color-grey-5);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n  }\n  .kol-accordion__heading-button .kol-button {\n    text-align: left;\n    width: 100%;\n    padding: 0 var(--spacing-m);\n    display: flex;\n    place-items: center;\n    line-height: 1.2;\n  }\n  .kol-accordion__heading-button .kol-button__text {\n    color: var(--color-grey);\n    font-weight: var(--font-weight-bold);\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) 0;\n    width: 100%;\n    border: none;\n  }\n  .kol-accordion__heading-button .kol-button:focus, .kol-accordion__heading-button .kol-button:hover {\n    background-color: var(--color-grey-25);\n  }\n  .kol-accordion__heading-button .kol-button:focus {\n    outline: 2px solid var(--color-blue);\n    outline-offset: -2px;\n  }\n  .kol-accordion__heading-button .kol-icon {\n    margin-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n    margin-inline-end: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin-inline-start: 0;\n    margin-top: calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__content {\n    padding: var(--spacing-s) var(--spacing-m);\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font: normal normal var(--font-weight) 1em var(--font-family);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16));\n    text-transform: uppercase;\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-link {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  .kol-breadcrumb {\n    font: normal normal 400 calc(14rem / var(--kolibri-root-font-size, 16))/calc(16rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-breadcrumb__icon::part(icon separator)::before {\n    color: var(--color-blue);\n  }\n  .kol-breadcrumb__icon[exportparts*=separator] {\n    margin-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-inline-start: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding: 0;\n  }\n  .kol-breadcrumb__list-element:last-child {\n    color: var(--color-grey-75);\n  }\n  .kol-breadcrumb__link {\n    font-family: var(--font-family);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-button:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button--secondary:focus .kol-button__text {\n    outline-offset: -6px;\n  }\n  .kol-button--ghost:focus .kol-button__text {\n    outline-offset: -2px;\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-button:hover {\n    color: var(--color-blue-130);\n  }\n  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: white;\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n  .kol-card__headline {\n    display: inline-flex;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 1.25em;\n    line-height: 1.75em;\n  }\n  .kol-card__header {\n    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n  }\n  .kol-card__content {\n    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n    overflow: hidden;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option[aria-selected] {\n    color: var(--color-blue);\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-color: var(--color-blue);\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-combobox__group {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--a11y-min-size);\n    text-align: left;\n    width: 100%;\n    min-height: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-combobox__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-combobox__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .kol-combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-combobox__input:focus {\n    border: none;\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .kol-details__heading-button .kol-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    border-end-start-radius: 0;\n    border-inline-start: calc(10rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n    border-start-start-radius: 0;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    margin: 0;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n    width: 100%;\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-end-start-radius: 0;\n    border-inline-start: calc(10rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n    border-start-start-radius: 0;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n  }\n  .kol-form__alert .kol-alert__heading {\n    display: flex;\n    place-items: center;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1 {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n  }\n  .kol-headline--h2 {\n    font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.143;\n  }\n  .kol-headline--h3 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.1667;\n  }\n  .kol-headline--h4 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .kol-headline--h5 {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n  }\n  .kol-headline--h6 {\n    color: rgb(234, 0, 255);\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control--label-align-left .kol-field-control__label {\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--label-align-right .kol-field-control__label {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-checkbox .kol-input {\n    background-color: var(--color-white);\n    border-width: 2px;\n    border-style: solid;\n    border-color: var(--color-grey-75);\n    color: var(--color-grey);\n    line-height: 1.5;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-checkbox .kol-input:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:checked:not(:disabled):hover {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .kol-checkbox .kol-input--error {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:not(:disabled):hover {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked:not(:disabled):hover {\n    background-color: var(--color-red-120);\n    border-color: var(--color-red-120);\n  }\n  .kol-checkbox--variant-default {\n    min-width: unset;\n    width: unset;\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: block;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: var(--color-grey-75);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    background-color: var(--color-white);\n    color: #000;\n  }\n  .kol-checkbox--variant-switch:hover .kol-input:not(:disabled)::before {\n    background-color: var(--color-blue);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-icon {\n    background-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-input::before {\n    background-color: var(--color-red);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error.kol-checkbox--checked .kol-icon {\n    background-color: var(--color-white);\n    color: #000;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error:hover .kol-input:not(:disabled)::before {\n    background-color: var(--color-red);\n  }\n  .kol-input-checkbox--variant-button {\n    gap: var(--spacing-xs) 0;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__input {\n    order: 1;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-input-checkbox--variant-button:focus-within {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: 2px;\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n.kol-input-color__inputs-wrapper {\n  gap: calc(16rem / var(--kolibri-root-font-size, 16));\n}\n.kol-input-color__input--text, .kol-input-color__input--color {\n  background-color: var(--color-white);\n  border: 1px solid var(--color-blue);\n  min-height: calc(var(--a11y-min-size) - 8rem / var(--kolibri-root-font-size, 16));\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-button:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button--secondary:focus .kol-button__text {\n    outline-offset: -6px;\n  }\n  .kol-button--ghost:focus .kol-button__text {\n    outline-offset: -2px;\n  }\n  .kol-button__text {\n    white-space: nowrap;\n  }\n  .kol-input-container {\n    padding: 0 0 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--is-dragover {\n    border-color: var(--color-blue);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  /**\n   * normalizes the layout of form elements.\n  */\n  .kol-form-field {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n  }\n  /**\n   * order the layout of form elements.\n  */\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__input {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-form-field {\n    border: 0;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: flex-start;\n    padding: 0 calc(14rem / var(--kolibri-root-font-size, 16)) calc(10rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    color: var(--color-grey);\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field__input {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:before {\n    display: none;\n  }\n  .kol-input:checked {\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .kol-input:focus {\n    outline-color: var(--color-blue);\n  }\n  .kol-input:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input.kol-input--error {\n    border: 2px solid var(--color-red);\n  }\n  .kol-input.kol-input--error:before {\n    display: none;\n  }\n  .kol-input.kol-input--error:checked {\n    border-color: var(--color-red);\n    border-width: 7px;\n  }\n  .kol-input.kol-input--error:not(:disabled):hover {\n    border-color: var(--color-red-1xx);\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    appearance: none;\n    color: var(--color-blue);\n    text-decoration: underline;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__navigation {\n    background-color: var(--color-blue);\n  }\n  .kol-nav__list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-nav__list--vertical {\n    flex-direction: column;\n  }\n  .kol-nav__list-item {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n  }\n  .kol-nav__list-item:not(:first-child), .kol-nav__list--nested .kol-nav__list-item {\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-nav__expand-button .kol-button {\n    background-color: var(--color-blue-130);\n    margin: auto;\n    height: 100%;\n  }\n  .kol-nav__expand-button--expanded .kol-icon::part(icon)::before {\n    content: "\\eab4";\n  }\n  .kol-nav__expand-button:not(.kol-nav__expand-button--expanded) .kol-icon::part(icon)::before {\n    content: "\\eab6";\n  }\n  .kol-nav__toggle-button .kol-button {\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-nav__toggle-button .kol-button:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__toggle-button .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-nav__toggle-button .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-nav__toggle-button .kol-button--ghost:hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-nav__toggle-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color) !important;\n    text-decoration: none !important;\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-nav__toggle-button .kol-button--ghost:focus .kol-nav__toggle-button .kol-button__text {\n    outline-offset: -2px;\n  }\n  .kol-link {\n    text-decoration: none;\n  }\n  .kol-span {\n    border-color: transparent;\n    border-style: solid;\n    border-width: 2px;\n    color: var(--color-white);\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    justify-items: start;\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: 100%;\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span {\n    border-color: var(--color-white);\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span, :is(.kol-button, .kol-link):hover .kol-span {\n    text-decoration: underline;\n  }\n}',"KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\n    font-family: var(--font-family);\n  }\n  .kol-button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  .kol-button__text {\n    background-color: var(--color-yellow);\n    border: 2px solid var(--color-yellow);\n    color: var(--color-black);\n    font-weight: var(--font-weight-bold);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n  }\n  .kol-button:not(:disabled):hover .kol-button__text {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  .kol-button:focus .kol-button__text {\n    outline-offset: -4px;\n    outline: 2px solid var(--color-black);\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    opacity: 1;\n    text-decoration: underline;\n  }\n  .kol-button:disabled .kol-button__text {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n}","KOL-POPOVER-BUTTON":"@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-button:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button--secondary:focus .kol-button__text {\n    outline-offset: -6px;\n  }\n  .kol-button--ghost:focus .kol-button__text {\n    outline-offset: -2px;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  .kol-progress {\n    font-family: var(--font-family);\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-blue-130);\n  }\n  .kol-progress__cycle-background {\n    stroke: var(--color-grey-25);\n  }\n  .kol-progress__cycle-progress {\n    stroke: var(--color-blue-130);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option[aria-selected] {\n    color: var(--color-blue);\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-color: var(--color-blue);\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-single-select__group {\n    display: inline-flex;\n    text-align: left;\n    width: 100%;\n    min-height: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-single-select__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-single-select__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .kol-single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-single-select__input:not(.disabled) .kol-single-select__input:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-single-select__input:focus {\n    border: none;\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: 0.25em 0.75em;\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    cursor: pointer;\n  }\n}","KOL-SPIN":"@layer kol-theme-component {\n  .cycle {\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .cycle span {\n    background-color: var(--color-blue-75);\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    border-color: var(--color-blue);\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button .kol-button .kol-span {\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n  }\n  .kol-split-button__horizontal-line {\n    border: 0;\n    border-top: 1px solid var(--color-blue);\n  }\n  .kol-split-button .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-split-button .kol-button:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--primary:not(:disabled):hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-split-button .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--secondary:not(:disabled):hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-split-button .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-split-button .kol-button--normal:not(:disabled):hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--ghost:not(:disabled):hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-split-button .kol-button--secondary:focus .kol-split-button .kol-button__text {\n    outline-offset: -6px;\n  }\n  .kol-split-button .kol-button--ghost:focus .kol-split-button .kol-button__text {\n    outline-offset: -2px;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    background-color: var(--color-white);\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 2px;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--radio:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox:not(:disabled), .kol-table__selection-input--checkbox:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table-stateful {\n    font-family: var(--font-family);\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination-wrapper {\n      grid-auto-flow: column;\n    }\n  }\n  .kol-table-stateful__pagination {\n    overflow-x: auto;\n    overflow-y: hidden;\n    grid-auto-flow: column;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination .kol-table-stateful .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n  }\n  .kol-table__scroll-container {\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    background-color: var(--color-white);\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 2px;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--radio:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox:not(:disabled), .kol-table__selection-input--checkbox:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__button-group {\n    border-bottom: 1px solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button {\n    border: none;\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button:hover:not(:disabled) .kol-span {\n    color: var(--color-blue-130);\n  }\n  .kol-tabs .kol-button:focus .kol-span {\n    outline: var(--color-blue-130) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button.selected .kol-span {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 -3px var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .kol-tabs .kol-button .kol-span {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n    max-width: 100%;\n  }\n  .kol-toast-item {\n    display: block;\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-toast-item .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-toast-item .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-toast-item .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-toast-item .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-toast-item .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-toast-item .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-toast-item .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-toast-item .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--variant-msg .kol-toast-item .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--variant-msg .kol-toast-item .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item__alert {\n    display: block;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-button:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button--secondary:focus .kol-button__text {\n    outline-offset: -6px;\n  }\n  .kol-button--ghost:focus .kol-button__text {\n    outline-offset: -2px;\n  }\n  .kol-link {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-link:focus {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-link--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-link--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-link--primary:not(:disabled):hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-link--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-link--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-link--secondary:not(:disabled):hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-link--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-link--normal:not(:disabled):hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-link--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-link--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-link--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-link--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-link--ghost:not(:disabled):hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n  .kol-link--secondary:focus .kol-link__text {\n    outline-offset: -6px;\n  }\n  .kol-link--ghost:focus .kol-link__text {\n    outline-offset: -2px;\n  }\n  .kol-toolbar {\n    padding: var(--spacing-s);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n    background-color: var(--color-grey-5);\n  }\n  .kol-link {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-link:hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    display: flex;\n    flex-direction: column;\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item__children {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-tree-item__link {\n    display: block;\n    border: 2px solid transparent;\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    background-color: var(--color-sky);\n    border: 2px solid var(--color-yellow-120);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    color: var(--color-black);\n  }\n  .kol-tree-item__link--active {\n    font-weight: 700;\n    background-color: var(--color-yellow);\n  }\n  .kol-tree-item__link--active .kol-link {\n    color: var(--color-black);\n    background-color: var(--color-yellow);\n  }\n  .kol-tree-item__link .kol-link {\n    color: var(--color-black);\n    text-align: left;\n  }\n  .kol-tree-item__link .kol-link:focus {\n    color: var(--color-black);\n  }\n  .kol-tree-item__toggle-button:hover .kol-tree-item__toggle-button-icon::part(icon) {\n    transform: scale(1.3);\n  }\n  .kol-tree-item__text {\n    text-decoration: none;\n  }\n}"}),Ct=kt.createTheme("ecl-eu",{GLOBAL:"@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border-radius: 2px;\n    border: 1px solid #626262;\n  }\n  :host {\n    --color-blue: #0e47cb;\n    --color-blue-140: #082b7a;\n    --color-blue-130: #082b7a;\n    --color-blue-120: #0b39a2;\n    --color-blue-110: #0d40b7;\n    --color-blue-100: #0e47cb;\n    --color-blue-80: #3e6cd5;\n    --color-blue-60: #6e91e0;\n    --color-blue-40: #9fb5ea;\n    --color-blue-20: #cfdaf5;\n    --color-blue-10: #e7edfa;\n    --color-blue-5: #f3f6fc;\n    --color-yellow: #ffcc00;\n    --color-yellow-140: #997a00;\n    --color-yellow-130: #b38f00;\n    --color-yellow-120: #cca300;\n    --color-yellow-110: #e6b800;\n    --color-yellow-100: #ffcc00;\n    --color-yellow-80: #ffd633;\n    --color-yellow-60: #ffe066;\n    --color-yellow-40: #ffeb99;\n    --color-yellow-20: #fff5cc;\n    --color-yellow-10: #fffae6;\n    --color-yellow-5: #fffcf2;\n    --color-grey: #262b38;\n    --color-grey-140: #171a22;\n    --color-grey-130: #1b1e27;\n    --color-grey-120: #1e222d;\n    --color-grey-110: #222732;\n    --color-grey-100: #262b38;\n    --color-grey-80: #515560;\n    --color-grey-75: #515560;\n    --color-grey-60: #7d8088;\n    --color-grey-40: #a8aaaf;\n    --color-grey-20: #d4d5d7;\n    --color-grey-10: #e9eaeb;\n    --color-grey-5: #f4f5f5;\n    --color-grey-3: #f9f9f9;\n    --color-orange: #ff6200;\n    --color-orange-140: #993b00;\n    --color-orange-130: #b34500;\n    --color-orange-120: #cc4e00;\n    --color-orange-110: #e65800;\n    --color-orange-100: #e65800;\n    --color-orange-80: #ff8133;\n    --color-orange-60: #ff914d;\n    --color-orange-40: #ffb180;\n    --color-orange-20: #ffd0b3;\n    --color-orange-10: #ffefe6;\n    --color-orange-5: #fff7f2;\n    --color-green: #00c991;\n    --color-green-140: #007957;\n    --color-green-130: #008d66;\n    --color-green-120: #008d66;\n    --color-green-110: #00b583;\n    --color-green-100: #00c991;\n    --color-green-80: #00c991;\n    --color-green-60: #66dfbd;\n    --color-green-40: #99e9d3;\n    --color-green-20: #ccf4e9;\n    --color-green-10: #e6faf4;\n    --color-green-5: #f2fcf9;\n    --color-red: #ef0044;\n    --color-red-140: #8f0029;\n    --color-red-130: #a70030;\n    --color-red-120: #bf0036;\n    --color-red-110: #d7003d;\n    --color-red-100: #ef0044;\n    --color-red-80: #f23369;\n    --color-red-60: #f5668f;\n    --color-red-40: #f999b4;\n    --color-red-20: #fcccda;\n    --color-red-10: #fde6ec;\n    --color-red-5: #fef2f5;\n    --color-accent-blue-100: #00e9ff;\n    --color-accent-blue-30: #b3f8ff;\n    --color-purple: #510dcd;\n    --color-purple-140: #31087b;\n    --color-purple-130: #390990;\n    --color-purple-120: #410aa4;\n    --color-purple-110: #490cb9;\n    --color-purple-100: #510dcd;\n    --color-purple-80: #743dd7;\n    --color-purple-60: #976ee1;\n    --color-purple-40: #bf9af1;\n    --color-purple-20: #dccff5;\n    --color-purple-10: #eee7fa;\n    --color-purple-5: #eee7fa;\n    --color-white: #fff;\n    --color-black: #000;\n    --font-family: Arial, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --font-weight-regular: 400;\n    --font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --line-height-heading: 1.2;\n    --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n    --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n    --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n    --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n    --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n    --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  a,\n  button {\n    font-size: var(--font-size);\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-weight-bold);\n    line-height: var(--line-height-heading);\n    margin: 0;\n    padding: 0;\n  }\n  p {\n    font-weight: var(--font-weight);\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: 0.5em;\n  }\n  .required label span::after,\n  .required legend span::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  p.l,\n  p.lead {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(28rem / var(--kolibri-root-font-size, 16));\n  }\n  p,\n  p.m,\n  p.medium {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  p.s,\n  p.small {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  p.xs,\n  p.extra-small {\n    font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}","KOL-ACCORDION":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion {\n    border-radius: 8px;\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n    margin: 0;\n    overflow: hidden;\n  }\n  .kol-accordion__heading {\n    font-size: 2em;\n  }\n  .kol-accordion__heading-button .kol-button {\n    border-radius: 8px;\n    outline-offset: -1px;\n    border: 0;\n    border-bottom-color: #cfdaf5;\n    border-bottom-style: solid;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    color: #171a22;\n    position: relative;\n    display: block;\n    font: normal normal 400 calc(18rem / var(--kolibri-root-font-size, 16))/calc(28rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n    text-align: start;\n    width: 100%;\n    line-height: 1.2;\n  }\n  .kol-accordion__heading-button .kol-button__text {\n    align-items: baseline;\n  }\n  .kol-accordion__heading-button .kol-button::before {\n    background-color: #fc0;\n    border-end-end-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-end-start-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    content: "";\n    height: calc(4rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    left: calc(24rem / var(--kolibri-root-font-size, 16));\n    top: 0;\n    width: 3rem 2;\n  }\n  .kol-accordion__heading-button .kol-icon {\n    margin-right: calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-icon::part(icon)::before {\n    color: #0e47cb;\n    font-weight: 900;\n    font-family: "Font Awesome 6 Free";\n  }\n  .kol-accordion__content {\n    -webkit-border-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-margin-start: 0;\n    border-bottom: 2px solid #cfdaf5;\n    border-inline-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    color: #515560;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(24rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    margin-inline-start: 0;\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .collapsible--open .kol-accordion__heading-button .kol-button {\n    border-start-end-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n    border-start-start-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .collapsible--open .kol-accordion__heading-button .kol-icon::part(icon)::before {\n    content: "\\f077";\n  }\n  :not(.collapsible--open) .kol-accordion__heading-button .kol-button .kol-icon::part(icon)::before {\n    content: "\\f078";\n  }\n}',"KOL-ALERT":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font: normal normal var(--font-weight) calc(14rem / var(--kolibri-root-font-size, 16))/1em var(--font-family);\n    font-family: var(--font-family);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16));\n    text-transform: uppercase;\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-link {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  .kol-breadcrumb {\n    font-family: var(--font-family);\n  }\n  .kol-breadcrumb__link {\n    font-family: var(--font-family);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button__text:active, .kol-button__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-button--secondary .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-button--secondary.button:focus-visible .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-button:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: white;\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n  .kol-card__headline {\n    display: inline-flex;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 1.25em;\n    line-height: 1.75;\n  }\n  .kol-card__header {\n    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n  }\n  .kol-card__content {\n    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n    overflow: hidden;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option[aria-selected] {\n    color: var(--color-blue);\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-combobox__group {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--a11y-min-size);\n    text-align: left;\n    width: 100%;\n    min-height: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-combobox__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-combobox__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .kol-combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-combobox__input:focus {\n    border: none;\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .kol-details__heading-button .kol-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    -webkit-border-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-padding-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-end-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-inline-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    border-start-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    display: inline-block;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n    width: 100%;\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    -webkit-border-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-padding-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-end-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-inline-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    border-start-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    display: inline-block;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form__alert .kol-alert__heading {\n    display: flex;\n    place-items: center;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1 {\n    font-size: calc(42rem / var(--kolibri-root-font-size, 16));\n    line-height: 3.25;\n  }\n  .kol-headline--h2 {\n    font-size: calc(36rem / var(--kolibri-root-font-size, 16));\n    line-height: 2.755;\n  }\n  .kol-headline--h3 {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    line-height: 2.5;\n  }\n  .kol-headline--h4 {\n    font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n    line-height: 2;\n  }\n  .kol-headline--h5 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\n  }\n  .kol-headline--h6 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n    font-weight: var(--font-weight-bold);\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control--label-align-left .kol-field-control__label {\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--label-align-right .kol-field-control__label {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-checkbox .kol-input {\n    background-color: var(--color-white);\n    border-width: 2px;\n    border-style: solid;\n    border-color: var(--color-grey-75);\n    color: var(--color-grey);\n    line-height: 1.5;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-checkbox .kol-input:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:checked:not(:disabled):hover {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .kol-checkbox .kol-input--error {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:not(:disabled):hover {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked:not(:disabled):hover {\n    background-color: var(--color-red-120);\n    border-color: var(--color-red-120);\n  }\n  .kol-checkbox--variant-default {\n    min-width: unset;\n    width: unset;\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: block;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: var(--color-grey-75);\n  }\n  .kol-checkbox--variant-switch:hover .kol-input:not(:disabled)::before {\n    background-color: var(--color-blue);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-icon {\n    background-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-input::before {\n    background-color: var(--color-red);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error.kol-checkbox--checked .kol-icon {\n    background-color: var(--color-white);\n    color: #000;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error:hover .kol-input:not(:disabled)::before {\n    background-color: var(--color-red);\n  }\n  .kol-input-checkbox--variant-button {\n    gap: var(--spacing-xs) 0;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__input {\n    order: 1;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-input-checkbox--variant-button:focus-within {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: 2px;\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n.kol-input-color__inputs-wrapper {\n  gap: calc(16rem / var(--kolibri-root-font-size, 16));\n}\n.kol-input-color__input--text, .kol-input-color__input--color {\n  background-color: var(--color-white);\n  border: 1px solid var(--color-blue);\n  min-height: calc(var(--a11y-min-size) - 8rem / var(--kolibri-root-font-size, 16));\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n@layer kol-theme-component {\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button__text:active, .kol-button__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-button--secondary .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-button--secondary.button:focus-visible .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button__text {\n    border-radius: 0;\n    white-space: nowrap;\n  }\n  .kol-input-container {\n    padding: 0 0 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--is-dragover {\n    border-color: var(--color-blue);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  /**\n   * normalizes the layout of form elements.\n  */\n  .kol-form-field {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n  }\n  /**\n   * order the layout of form elements.\n  */\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__input {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-form-field {\n    border: 0;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: flex-start;\n    padding: 0 calc(14rem / var(--kolibri-root-font-size, 16)) calc(10rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    color: var(--color-grey);\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field__input {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input {\n    outline: 2px solid var(--color-grey-75);\n    outline-offset: 2px;\n  }\n  .kol-input:before {\n    display: none;\n  }\n  .kol-input:checked {\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .kol-input:focus {\n    outline-color: var(--color-blue);\n  }\n  .kol-input:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input.kol-input--error {\n    border: 2px solid var(--color-red);\n  }\n  .kol-input.kol-input--error:before {\n    display: none;\n  }\n  .kol-input.kol-input--error:checked {\n    border-color: var(--color-red);\n    border-width: 7px;\n  }\n  .kol-input.kol-input--error:not(:disabled):hover {\n    border-color: var(--color-red-1xx);\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input-range__inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-link--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-link--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-link--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-link--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-link--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-link--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-link--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-link--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-link--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link__text:active, .kol-link__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-link--secondary .kol-link__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-link--secondary.button:focus-visible .kol-link__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-link:focus-visible .kol-link__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__navigation {\n    background-color: var(--color-blue);\n  }\n  .kol-nav__list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-nav__list--vertical {\n    flex-direction: column;\n  }\n  .kol-nav__list-item {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n  }\n  .kol-nav__list-item:not(:first-child), .kol-nav__list--nested .kol-nav__list-item {\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__entry-wrapper {\n    display: flex;\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-nav__expand-button .kol-button {\n    background-color: var(--color-blue-130);\n    margin: auto;\n    height: 100%;\n  }\n  .kol-nav__expand-button--expanded .kol-icon::part(icon)::before {\n    content: "\\eab4";\n  }\n  .kol-nav__expand-button:not(.kol-nav__expand-button--expanded) .kol-icon::part(icon)::before {\n    content: "\\eab6";\n  }\n  .kol-nav__toggle-button .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-nav__toggle-button .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-nav__toggle-button .kol-button--ghost:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-nav__toggle-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-nav__toggle-button .kol-button__text {\n    text-decoration: none !important;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    color: var(--text-color);\n  }\n  .kol-nav__toggle-button .kol-button__text:active, .kol-nav__toggle-button .kol-button__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-nav__toggle-button .kol-button:focus-visible .kol-nav__toggle-button .kol-button__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-link {\n    text-decoration: none;\n  }\n  .kol-span {\n    border-color: transparent;\n    border-style: solid;\n    border-width: 2px;\n    color: var(--color-white);\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    justify-items: start;\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: 100%;\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span {\n    border-color: var(--color-white);\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span, :is(.kol-button, .kol-link):hover .kol-span {\n    text-decoration: underline;\n  }\n}',"KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-radius: 4px;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) Arial, sans-serif;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    background-color: #fc0;\n    color: #171a22;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: -4px;\n    outline: 2px solid var(--color-black);\n  }\n  .kol-button:not(:disabled):active .kol-button__text, .kol-button:not(:disabled):hover .kol-button__text {\n    background-color: #fc0;\n    border-color: #fc0;\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    font-weight: bold;\n    text-decoration: underline;\n    opacity: 1;\n  }\n  .kol-button:disabled .kol-button__text {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}","KOL-POPOVER-BUTTON":"@layer kol-theme-component {\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button__text:active, .kol-button__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-button--secondary .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-button--secondary.button:focus-visible .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option[aria-selected] {\n    color: var(--color-blue);\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-single-select__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    min-height: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-single-select__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 2.5rem);\n    position: relative;\n  }\n  .kol-single-select__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .kol-single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-single-select__input:not(.disabled) .kol-single-select__input:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-single-select__input:focus {\n    border: none;\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: 4px;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    background-color: #0e47cb;\n    color: #fff;\n    cursor: pointer;\n  }\n}","KOL-SPIN":"@layer kol-theme-component {\n  .cycle {\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .cycle span {\n    background-color: var(--color-blue-80);\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-style: solid;\n    border-width: 2px;\n    border-color: var(--color-blue);\n    border-radius: 4px;\n  }\n  .kol-split-button__horizontal-line {\n    border: 0;\n    border-top: 1px solid var(--color-blue);\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-split-button .kol-button--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-split-button .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-split-button .kol-button--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-split-button .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-split-button .kol-button--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-split-button .kol-button--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-split-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-split-button .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-split-button .kol-button__text:active, .kol-split-button .kol-button__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-split-button .kol-button--secondary .kol-split-button .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-split-button .kol-button--secondary.button:focus-visible .kol-split-button .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-split-button .kol-button:focus-visible .kol-split-button .kol-button__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-midnight);\n    background-color: var(--color-white);\n  }\n  .kol-table__cell--header--ascending, .kol-table__cell--header--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--header--ascending .kol-button, .kol-table__cell--header--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 2px;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n    outline-offset: 2px;\n  }\n  .kol-table__selection-input--radio:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    outline: 2px solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox:not(:disabled), .kol-table__selection-input--checkbox:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table-stateful {\n    font-family: var(--font-family);\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination-wrapper {\n      grid-auto-flow: column;\n    }\n  }\n  .kol-table-stateful__pagination {\n    overflow-x: auto;\n    overflow-y: hidden;\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    grid-auto-flow: column;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination .kol-table-stateful .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-midnight);\n    background-color: var(--color-white);\n  }\n  .kol-table__cell--header--ascending, .kol-table__cell--header--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--header--ascending .kol-button, .kol-table__cell--header--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 2px;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n    outline-offset: 2px;\n  }\n  .kol-table__selection-input--radio:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    outline: 2px solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox:not(:disabled), .kol-table__selection-input--checkbox:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__button-group {\n    border-bottom: 1px solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button {\n    border: none;\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button:hover:not(:disabled) .kol-span {\n    color: var(--color-blue-130);\n  }\n  .kol-tabs .kol-button:focus .kol-span {\n    outline: var(--color-blue-130) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button.selected .kol-span {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 -3px var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .kol-tabs .kol-button .kol-span {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16));\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--variant-card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-card .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--variant-msg .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--variant-card .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--variant-card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--type-error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container--disabled {\n    cursor: not-allowed;\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n    max-width: 100%;\n  }\n  .kol-toast-item {\n    display: block;\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-toast-item .kol-alert--variant-msg {\n    border: none;\n  }\n  .kol-toast-item .kol-alert--variant-card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: 2px;\n  }\n  .kol-toast-item .kol-alert--type-default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-toast-item .kol-alert--type-error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-toast-item .kol-alert--type-info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-toast-item .kol-alert--type-success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-toast-item .kol-alert--type-warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-toast-item .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--variant-msg .kol-toast-item .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert__closer .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__closer .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert__icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--variant-msg .kol-toast-item .kol-alert__icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--variant-card .kol-toast-item .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item__alert {\n    display: block;\n  }\n  .kol-toast-item .heading {\n    width: 100%;\n  }\n  .kol-toast-item .heading .heading-content {\n    flex: 1;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-button--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-button--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button__text:active, .kol-button__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-button--secondary .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-button--secondary.button:focus-visible .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-link {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: 4px;\n    text-decoration: none;\n  }\n  .kol-link--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-link--primary:not(:disabled):hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-link--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-link--secondary:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-link--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-link--normal:not(:disabled):hover {\n    --text-background-color: #fc0;\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-link--danger:not(:disabled):hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-link--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-link--ghost:not(:disabled):hover {\n    --text-color: #0e47cb;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link__text:active, .kol-link__text:not(:disabled):hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-link--secondary .kol-link__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: 2px solid #0e47cb;\n  }\n  .kol-link--secondary.button:focus-visible .kol-link__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-link:focus-visible .kol-link__text {\n    outline-offset: -4px;\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n  .kol-toolbar {\n    padding: var(--spacing-s);\n    border-radius: 8px;\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n    background-color: var(--color-white);\n  }\n  .kol-link {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-link:hover {\n    --text-background-color: #fc0;\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    display: flex;\n    flex-direction: column;\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item__children {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-tree-item__link {\n    display: block;\n    border: 2px solid transparent;\n    border-radius: 4px;\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    background-color: var(--color-sky);\n    border: 2px solid var(--color-blue);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    color: var(--color-black);\n  }\n  .kol-tree-item__link--active {\n    background-color: var(--color-yellow);\n  }\n  .kol-tree-item__link--active .kol-link {\n    background-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  .kol-tree-item__link .kol-link {\n    color: var(--color-black);\n    text-align: left;\n  }\n  .kol-tree-item__link .kol-link:focus {\n    color: var(--color-black);\n  }\n  .kol-tree-item__toggle-button {\n    color: var(--color-blue);\n  }\n  .kol-tree-item__toggle-button:hover .kol-tree-item__toggle-button-icon::part(icon) {\n    transform: scale(1.3);\n  }\n  .kol-tree-item__text {\n    text-decoration: none;\n  }\n}"}),Ot="3.0.1-rc.0",Lt=()=>{const e={onClick:()=>history.back()};return t.createElement(Ae,{_label:"This is an example page",_level:0,_type:"info"},t.createElement("p",null,"You followed an example link."),history.length>1&&t.createElement(Pe,{_label:"Go Back",_on:e}))},Nt=["default","ecl-ec","ecl-eu","unstyled"],At=["ecl-ec","ecl-eu"],Bt=e=>void 0!==Nt.find((n=>n===e)),It=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function $t({children:e}){return function(){const e=matchMedia("(max-width: 1023px)"),[n,o]=(0,t.useState)(e.matches),r=()=>{o(e.matches)};return(0,t.useEffect)((()=>(r(),e.addEventListener("change",r),()=>{e.removeEventListener("change",r)})),[e]),n}()?t.createElement(Ne,{_label:"All components",class:"mt"},e):t.createElement("div",{className:"mt scrollable-container"},e)}function Pt({label:e,to:n,children:o}){const r=function(e){let{relative:n}={};G()||d(!1);let{basename:o,navigator:r}=t.useContext(V),{hash:l,pathname:a,search:i}=X(e,{relative:n}),c=a;return"/"!==o&&(c="/"===a?o:P([o,a])),r.createHref({pathname:c,search:i,hash:l})}(n),l=function(e){G()||d(!1);let{pathname:n}=J();return t.useMemo((()=>L(e,N(n))),[n,e])}({path:X(n).pathname,end:!0});return t.createElement(xn,{_label:e,_href:r,_active:!!l},o)}const jt=function({routes:e}){const n=Object.entries(e).map((([e,n])=>t.createElement(Pt,{key:e,label:e,to:e},((e,n)=>Object.keys(n).map((n=>{const o="tree"===e&&"basic/:subPage"===n,r=o?"basic/home":n,l=o?"basic":n;return t.createElement(Pt,{key:[e,n].join("/"),label:l,to:[e,r].join("/")})})))(e,n))));return t.createElement($t,null,t.createElement("nav",null,t.createElement(wn,{_label:"Navigation",class:"block"},n)))},Mt=({buildDate:e,commitHash:n})=>e||n?t.createElement("div",{className:"text-sm font-mono color-gray-5 m-t-2"},e&&n?t.createElement(t.Fragment,null,"Build: ",n,t.createElement("br",null),"at ",e):n?`Build: ${n}`:`Build date: ${e}`):"",Rt=({version:e,theme:n,routes:o,routeList:r,sample:l,buildDate:a,commitHash:i,onThemeChange:c})=>{const s=()=>r.indexOf(l);return t.createElement("aside",{className:"app-sidebar p-4"},t.createElement("div",{className:"scrollable-container-wrapper"},t.createElement("div",{className:"flex flex-justify-between flex-items-center"},t.createElement(He,{_label:"KoliBri React"}),t.createElement(En,{_label:e})),t.createElement(Mt,{buildDate:a,commitHash:i}),t.createElement(mn,{_label:"Theme",_options:It,_on:{onChange:(e,n)=>{c(n[0])}},_value:[n],class:"mt"}),t.createElement(He,{_label:"Components",_level:2,className:"block mt"}),t.createElement("div",{className:"flex flex-justify-between flex-items-center mt"},t.createElement(Pe,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:()=>{const e=s(),n=e<=0?r.length-1:e-1;location.replace(`#${r[n]}`)}}}),t.createElement("span",{className:"text-base text-center"},l.replace(/\//g," ")," (",s()+1,"/",r.length,")"),t.createElement(Pe,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:()=>{const e=s(),n=e===r.length-1?0:e+1;location.replace(`#${r[n]}`)}}})),t.createElement(jt,{routes:o})))},Ft=(0,t.createContext)(null),Dt="I am an error message!",Kt="I am a hint.",Ht=e=>{const n=(0,t.useContext)(Ft),o=J(),r=o.pathname.split("/").slice(1),l=(0,t.useMemo)((()=>"scenarios"===r[0]?null:`https://public-ui.github.io/docs/components/${r[0]}`),[o.hash]),a=(0,t.useMemo)((()=>"scenarios"===r[0]?null:`https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/${r[0]}/${r[1]}.tsx`),[o.hash]);return t.createElement(t.Fragment,null,t.createElement("h1",{className:"visually-hidden"},o.pathname.replace(/\//g," ")),n?null:t.createElement("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2"},t.createElement("div",{className:"indented-text"},e.children),t.createElement("ul",{className:"flex flex-wrap gap-2 list-none m-0 p-0"},a&&t.createElement("li",null,t.createElement(on,{_href:a,_label:"Code",_target:"_blank"})),l&&t.createElement("li",null,t.createElement(on,{_href:l,_label:"Documentation",_target:"_blank"})),t.createElement("li",null,t.createElement(on,{_href:`#${o.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})))))},Ut={abbr:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolAbbr shows an abbreviation and the full form in parentheses, if provided.")),t.createElement("p",null,"I am ",t.createElement(Le,{_label:"as an example"},"e.g.")," an abbreviation."),t.createElement("p",null,"I am ",t.createElement(Le,null,"e.g.")," an abbreviation without label."))}},Vt={accordion:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",t.createElement("code",null,"_open"),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ne,{_label:"Heading Accordion Tab 1"},"Contents Accordion Tab 1"),t.createElement(Ne,{_label:"Heading Accordion Tab 2"},"Contents Accordion Tab 2"),t.createElement(Ne,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),t.createElement(Ne,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0},"Contents Accordion Tab 2"))),headlines:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolAccordion with the different heading levels from 1-6.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ne,{_label:"Heading Level 1",_level:1},"Contents Accordion Tab 1"),t.createElement(Ne,{_label:"Heading Level 2",_level:2},"Contents Accordion Tab 2"),t.createElement(Ne,{_label:"Heading Level 3",_level:3},"Contents Accordion Tab 3"),t.createElement(Ne,{_label:"Heading Level 4",_level:4},"Contents Accordion Tab 4"),t.createElement(Ne,{_label:"Heading Level 5",_level:5},"Contents Accordion Tab 5"),t.createElement(Ne,{_label:"Heading Level 6",_level:6},"Contents Accordion Tab 6")))}},Wt=({level:e,type:n,variant:o})=>t.createElement(t.Fragment,null,t.createElement(Ae,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:n,_variant:o},"This is the text of the alert."),t.createElement(Ae,{_type:n,_variant:o},"In this alert, only the text without the heading is used."),t.createElement(Ae,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:n,_variant:o,_hasCloser:!0},"This is the text of the alert. With close button."),t.createElement(Ae,{_type:n,_variant:o,_hasCloser:!0},"In this alert, only the text without the heading is used. With close button.")),qt=({variant:e="msg"})=>t.createElement("div",{className:"grid gap-4"},t.createElement(Wt,{level:1,type:"default",variant:e}),t.createElement(Wt,{level:2,type:"error",variant:e}),t.createElement(Wt,{level:3,type:"info",variant:e}),t.createElement(Wt,{level:4,type:"success",variant:e}),t.createElement(Wt,{level:5,type:"warning",variant:e})),Zt={alert:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",t.createElement("code",null,"msg"),", showing all possible types with and without headlines and close buttons.")),t.createElement(qt,{variant:"msg"})),"card-msg":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",t.createElement("code",null,"card"),", showing all possible types with and without headlines and close buttons.")),t.createElement("section",{className:"w-full"},t.createElement(qt,{variant:"card"}))),html:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows how KolAlert can be used with arbitrary HTML as slot content.")),t.createElement("div",null,t.createElement(Ae,{_label:"Output of HTML code in the alert",_type:"info"},t.createElement("div",{className:"mt-2 mb-3"},t.createElement(He,{_level:2,_label:"An H2 heading is output here"})),t.createElement("div",{className:"grid gap-4 sm:grid-cols-2"},t.createElement("div",null,t.createElement("h3",null,"Text in a left-hand column"),t.createElement("p",null,"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?")),t.createElement("div",null,t.createElement("h3",null,"Text in einer rechten Spalte"),t.createElement("p",null,"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"))))))}},Gt={avatar:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolAlert shows a user's avatar. It can be used with or without an image. If no image is defined, the name's initials are shown instead.")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Be,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),t.createElement(Be,{_label:"Elke Mustermann "}),t.createElement(Be,{_label:"Marianne"})))}};var Jt=Object.defineProperty,Yt=Object.getOwnPropertySymbols,Qt=Object.prototype.hasOwnProperty,Xt=Object.prototype.propertyIsEnumerable,eo=(e,n,t)=>n in e?Jt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,no=(e,n)=>{for(var t in n||(n={}))Qt.call(n,t)&&eo(e,t,n[t]);if(Yt)for(var t of Yt(n))Xt.call(n,t)&&eo(e,t,n[t]);return e};const to=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),oo={badge:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolBadge shows badges with a label, background color and optional icon.")),t.createElement("div",{className:"flex flex-wrap gap-2"},t.createElement(Ie,{_label:"black"}),t.createElement(Ie,{_color:"#86ffc6",_label:"teal"}),t.createElement(Ie,{_color:"#06539e",_label:"blue"}),t.createElement(Ie,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),t.createElement(Ie,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"}))),button:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolBadge with an optional ",t.createElement("code",null,"smartButton"),'. The sample defines a "close" button with X-icon a click event listener.')),t.createElement("div",{className:"flex flex-wrap gap-2"},t.createElement(Ie,no({},to("black"))),t.createElement(Ie,no({_color:"#86ffc6"},to("teal"))),t.createElement(Ie,no({_color:"#06539e"},to("blue"))),t.createElement(Ie,no({_color:"#ae0000",_icons:"codicon codicon-smiley"},to("red with icon"))),t.createElement(Ie,no({_color:"#8b008b",_icons:"codicon codicon-squirrel"},to("purple with icon")))))}},ro={breadcrumb:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements.")),t.createElement("div",{className:"grid gap-4"},t.createElement($e,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.createElement($e,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.createElement($e,{_label:"Breadcrumb from icons and text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"Subpage of the main page and I_am_a_really_long_compound_word_trying_to_break_the_layout",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})))}};function lo(){const e=jn.getInstance(document),n=n=>{e.enqueue({description:n||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{n()},buttonWithTextClickEventHandler:e=>{const t=e.currentTarget.textContent;n(t)}}}const ao={"button-link":{basic:()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",t.createElement("code",null,"block"),", ",t.createElement("code",null,"inline-block")," and ",t.createElement("code",null,"inline"),". It also demonstrates the disabled-state.")),t.createElement("section",{className:"text-base"},t.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes. ",t.createElement(je,{_label:"Simple Link"})," It is rendered by default as an"," ",t.createElement("strong",null,"inline element"),"."),t.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",t.createElement(je,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",t.createElement("br",null),t.createElement("br",null),"After that, there is a link that is rendered as a block element.",t.createElement(je,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."),t.createElement("p",null,t.createElement(je,{_label:"Disabled ButtonLink",_disabled:!0})),t.createElement("p",null,t.createElement(je,{_label:"With access key",_accessKey:"c",_on:n})),t.createElement("p",null,t.createElement(je,{_label:"Disabled ButtonLink",_shortKey:"s"}))))},icons:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButtonLink with icons in different locations.")),t.createElement("div",{className:"grid gap-4"},t.createElement(je,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),t.createElement(je,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),t.createElement(je,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),t.createElement(je,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),t.createElement(je,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons"}))),image:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content.")),t.createElement("div",{className:"grid gap-4"},t.createElement(je,{_label:"I am a link that is rendered as text"}),t.createElement(je,{_label:""},t.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),"aria-description":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButtonLink with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(je,{_label:"Button Text without area description"}),t.createElement(je,{_label:"Button Text",_ariaDescription:"Button Area Description"})))}};var io=Object.defineProperty,co=Object.getOwnPropertySymbols,so=Object.prototype.hasOwnProperty,uo=Object.prototype.propertyIsEnumerable,mo=(e,n,t)=>n in e?io(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,fo=(e,n)=>{for(var t in n||(n={}))so.call(n,t)&&mo(e,t,n[t]);if(co)for(var t of co(n))uo.call(n,t)&&mo(e,t,n[t]);return e};const bo=e=>{const n=e,{children:o}=n,r=((e,n)=>{var t={};for(var o in e)so.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&co)for(var o of co(e))n.indexOf(o)<0&&uo.call(e,o)&&(t[o]=e[o]);return t})(n,["children"]),{dummyClickEventHandler:l}=lo(),a={onClick:l};return t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,fo({_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:a},r),o),t.createElement(Pe,fo({_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:a},r),o),t.createElement(Pe,fo({_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:a},r),o),t.createElement(Pe,fo({_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:a},r),o),t.createElement(Pe,fo({_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:a},r),o),t.createElement(Pe,fo({_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:a},r),o))};var po=Object.defineProperty,vo=Object.defineProperties,ko=Object.getOwnPropertyDescriptors,ho=Object.getOwnPropertySymbols,go=Object.prototype.hasOwnProperty,_o=Object.prototype.propertyIsEnumerable,yo=(e,n,t)=>n in e?po(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,wo=(e,n)=>{for(var t in n||(n={}))go.call(n,t)&&yo(e,t,n[t]);if(ho)for(var t of ho(n))_o.call(n,t)&&yo(e,t,n[t]);return e},xo=(e,n)=>vo(e,ko(n));const Eo=(e={})=>{const n=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:xo(wo({},e),{_disabled:!0})},{label:"Button (hideLabel)",buttonProps:xo(wo({},e),{_hideLabel:!0})},{label:"Button (disabled, hideLabel)",buttonProps:xo(wo({},e),{_disabled:!0,_hideLabel:!0})}];return t.createElement("div",{className:"grid gap-8"},n.map((({label:e,buttonProps:n},o)=>t.createElement("section",{key:o,className:"grid gap-4"},t.createElement(He,{_level:2,_label:e}),t.createElement(bo,wo({},n))))))};var zo=Object.defineProperty,So=Object.getOwnPropertySymbols,To=Object.prototype.hasOwnProperty,Co=Object.prototype.propertyIsEnumerable,Oo=(e,n,t)=>n in e?zo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Lo=(e,n)=>{for(var t in n||(n={}))To.call(n,t)&&Oo(e,t,n[t]);if(So)for(var t of So(n))Co.call(n,t)&&Oo(e,t,n[t]);return e};const No=new WeakMap,Ao=e=>(!1===No.has(e)&&No.set(e,(0,r.H)(e)),No.get(e)),Bo=({label:e})=>{const n=jn.getInstance(document),o=(0,t.useRef)(null),r=(0,t.useRef)(null),l=()=>{n.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${e}`,type:"info"})},a=()=>{n.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${e}`,type:"warning"})};return t.createElement("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:e=>{var n,t;switch(e.code){case"KeyE":return null==(n=o.current)||n.kolFocus(),void l();case"KeyD":return null==(t=r.current)||t.kolFocus(),void a()}}},t.createElement(Pe,{ref:o,_label:"Edit",_shortKey:"e",_on:{onClick:l}}),t.createElement(Pe,{ref:r,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:a}}))},Io={button:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels.")),t.createElement(Eo,null)),icons:()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButton with icons in all alignments.")),t.createElement("div",null,t.createElement(Pe,{_icons:{bottom:"codicon codicon-arrow-down",left:{icon:"codicon codicon-arrow-left"},top:{style:{"font-size":"200%",transform:"rotate(45deg)"},icon:"codicon codicon-arrow-up"},right:"codicon codicon-arrow-right"},_label:"Label",_on:n})))},width:()=>{const{dummyClickEventHandler:e}=lo(),n={className:"w-8rem",_on:{onClick:e}};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButton with adjusted widths.")),t.createElement("div",{className:"grid gap-14"},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,Lo({_label:"Primary",_variant:"primary"},n)),t.createElement(Pe,Lo({_label:"Secondary",_variant:"secondary"},n)),t.createElement(Pe,Lo({_label:"Normal",_variant:"normal"},n)),t.createElement(Pe,Lo({_label:"Danger",_variant:"danger"},n)),t.createElement(Pe,Lo({_label:"Ghost",_variant:"ghost"},n))),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,Lo({_disabled:!0,_label:"Primary",_variant:"primary"},n)),t.createElement(Pe,Lo({_disabled:!0,_label:"Secondary",_variant:"secondary"},n)),t.createElement(Pe,Lo({_disabled:!0,_label:"Normal",_variant:"normal"},n)),t.createElement(Pe,Lo({_disabled:!0,_label:"Danger",_variant:"danger"},n)),t.createElement(Pe,Lo({_disabled:!0,_label:"Ghost",_variant:"ghost"},n)))))},"access-key":()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButton with"," ",t.createElement(on,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard.")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,{_label:"With S access key",_accessKey:"S",_on:n}),t.createElement(Pe,{_label:"Very small b",_accessKey:"b",_on:n}),t.createElement(Pe,{_label:"Access key does not appear in label",_accessKey:"x",_on:n}),t.createElement(Pe,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:n}),t.createElement(Pe,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:n})))},"aria-description":()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButton with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,{_label:"Button Text without area description",_on:n}),t.createElement(Pe,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:n})))},baselined:()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned.")),t.createElement("div",{className:"flex flex-wrap gap-2"},t.createElement(Pe,{_label:"Label-Text",_on:n}),t.createElement(Pe,{_label:"Label-Text",_on:n}),t.createElement(Pe,{_label:"Label-Text",_on:n}),t.createElement(Pe,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:n})))},"short-key":()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e},o={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(e,n)=>{Ao(zn(e)).render(t.createElement(Bo,{label:n.data.label}))}}]]};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."),t.createElement("p",null,'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.')),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,{_label:"With S short key",_shortKey:"S",_on:n}),t.createElement(Pe,{_label:"Very small b",_shortKey:"b",_on:n}),t.createElement(Pe,{_label:"Short key does not appear in label",_shortKey:"x",_on:n}),t.createElement(Pe,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:n}),t.createElement(Pe,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:n})),t.createElement(He,{_level:2,_label:"Interactive sample",className:"mt"}),t.createElement(kn,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:[{label:"Row 1"},{label:"Row 2"}],_headers:o,_minWidth:"400px"}))},"expert-slot":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolButton show a button-element with expert slot.")),t.createElement(Eo,{_label:""},t.createElement("span",{slot:"expert"},"I am more than just a button")))}},$o={card:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolCard shows a card with title and slot content. The second sample features a close button.")),t.createElement("div",{className:"w-full grid grid-cols-2 gap-4"},t.createElement(Me,{_label:"Card with title and content"},t.createElement("div",null,"Card contents.")),t.createElement(Me,{_label:"Card with closer",_hasCloser:!0},t.createElement("p",null,"This card has a close button."))))}},Po={details:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",t.createElement("code",null,"_open"),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component.")),t.createElement("section",{className:"grid gap-4"},t.createElement(Fe,{_label:"Closed initially"},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."),t.createElement(Fe,{_disabled:!0,_label:"Open initially (disabled)",_open:!0},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."),t.createElement(Fe,{_label:"Open initially",_open:!0},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.")))}},jo=["left","top","right","bottom"].map((e=>({label:e,value:e}))),Mo=({value:e="left",onChange:n})=>t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(Xe,{_label:"Drawer alignment",_value:e,_options:jo,_orientation:"horizontal",_on:{onChange:n}}))),Ro={drawer:{basic:()=>{const[e]=ye(),n=e.get("align"),o=(0,t.useContext)(Ft),r=(0,t.useRef)(null),[l,a]=(0,t.useState)(n||"left");return(0,t.useEffect)((()=>{var e;n&&(null==(e=r.current)||e.open())}),[n]),t.createElement(t.Fragment,null,!o&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(Ht,null,t.createElement("p",null,"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments.")),t.createElement(Mo,{value:l,onChange:(e,n)=>a(n)}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(De,{ref:r,_label:"I am a drawer",_align:l,_on:{onClose:()=>console.log("Drawer onClose triggered!")}},t.createElement("div",{className:"left"===l||"right"==l?"drawer-content-vertical":""},t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."),t.createElement(Pe,{_label:"Close drawer",_on:{onClick:()=>{var e;return null==(e=r.current)?void 0:e.close()}}}))),t.createElement(Pe,{_label:"Open drawer",_on:{onClick:()=>{var e;return null==(e=r.current)?void 0:e.open()}}})))},controlled:()=>{const[e]=ye(),n=e.get("align"),o=(0,t.useContext)(Ft),[r,l]=(0,t.useState)(!1),[a,i]=(0,t.useState)(n||"left");return t.createElement("div",null,!o&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(Ht,null,t.createElement("p",null,"This sample shows the KolDrawer controlled by the property ",t.createElement("code",null,"_open")," instead of methods.")),t.createElement(Mo,{value:a,onChange:(e,n)=>i(n)}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(De,{_open:r,_align:a,_label:"I'm a controlled drawer",_on:{onClose:()=>l(!1)}},t.createElement("div",null,t.createElement("p",null,"Lorem ipsum dolor sit amet,"),t.createElement(Pe,{_label:"Close drawer",_on:{onClick:()=>l(!1)}}))),t.createElement(Pe,{_label:"Open drawer",_on:{onClick:()=>l(!0)}})))}}},Fo={form:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields.")),t.createElement(Ke,{className:"w-full"},t.createElement("div",{className:"grid gap-2"},t.createElement(nn,{id:"input1",_label:"Input 1"}),t.createElement(nn,{id:"input2",_label:"Input 2"}),t.createElement(nn,{id:"input3",_label:"Input 3"})))),"error-list":()=>{const e=(0,t.useRef)(null);return(0,t.useEffect)((()=>{var n;null==(n=e.current)||n.focusErrorList()}),[]),t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows a form with error messages.")),t.createElement(Ke,{className:"w-full",ref:e,_on:{onSubmit:()=>{var n;null==(n=e.current)||n.focusErrorList()}},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}]},t.createElement("div",{className:"grid gap-2"},t.createElement(nn,{id:"input1",_label:"Input 1"}),t.createElement(nn,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.createElement(nn,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.createElement("div",null,t.createElement(Pe,{_label:"ScrollTo",_type:"submit"})))))}}};var Do=Object.defineProperty;const Ko=`public-ui.v${Ot}`,Ho={darkMode:!1,theme:"default"};let Uo;function Vo(e){Uo=e;const n=Uo.getItem(Ko);try{const e=JSON.parse(n);"object"==typeof e&&null!==e&&(Ho.darkMode=!0===e.darkMode,Bt(e.theme)&&(Ho.theme=e.theme))}catch(e){}}Vo(new class{constructor(){var e;((e,n,t)=>{n in e?Do(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t})(this,"symbol"!=typeof(e="store")?e+"":e,new Map)}setItem(e,n){this.store.set(e,n)}getItem(e){return this.store.get(e)||null}});const Wo=()=>`${Ho.theme}`,qo=e=>{var n;if(Bt(e))return null==(n=It.find((n=>n.value===e)))?void 0:n.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},Zo=[{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"}];var Go=Object.defineProperty,Jo=Object.defineProperties,Yo=Object.getOwnPropertyDescriptors,Qo=Object.getOwnPropertySymbols,Xo=Object.prototype.hasOwnProperty,er=Object.prototype.propertyIsEnumerable,nr=(e,n,t)=>n in e?Go(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;function tr(e){var n=e,{_on:o}=n,r=((e,n)=>{var t={};for(var o in e)Xo.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&Qo)for(var o of Qo(e))n.indexOf(o)<0&&er.call(e,o)&&(t[o]=e[o]);return t})(n,["_on"]);const{dummyClickEventHandler:l}=lo(),a={onClick:l};return t.createElement(Pe,(i=((e,n)=>{for(var t in n||(n={}))Xo.call(n,t)&&nr(e,t,n[t]);if(Qo)for(var t of Qo(n))er.call(n,t)&&nr(e,t,n[t]);return e})({},r),Jo(i,Yo({_on:a}))));var i}const or={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(tr,{_label:n.label,style:{fontSize:"75%"}}))},compareFn:(e,n)=>e.monday<n.monday?-1:e.monday>n.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(Ie,{_color:"#060",_label:n.label}))},compareFn:(e,n)=>e.tuesday<n.tuesday?-1:e.tuesday>n.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(Ie,{_color:"#006",_label:n.label}))}},{key:"thursday",label:"Thursday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(Ie,{_color:"#600",_label:n.label}))}},{key:"friday",label:"Friday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(Ie,{_color:"#303",_label:n.label}))}},{key:"saturday",label:"Saturday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(Ie,{_color:"#330",_label:n.label}))}},{key:"sunday",label:"Sunday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Ao(o).render(t.createElement(Ie,{_color:"#033",_label:n.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},rr={handout:{basic:()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center"},t.createElement(tn,{className:"block w-75px",_labeled:!1}),t.createElement(He,{_label:"",_level:1},t.createElement("span",{slot:"expert"},"Kolibri-Handout ",t.createElement("small",null,"for ",qo(Wo())))),t.createElement(Fe,{_label:"Abstract",_open:!0},"The handout shows a selection of KoliBri components in the style of ",t.createElement("strong",null,qo(Wo())),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",t.createElement(on,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),").")),t.createElement("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12"},t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(He,{_label:"Heading Level 1",_level:1}),t.createElement(He,{_label:"Heading Level 2",_level:2}),t.createElement(He,{_label:"Heading Level 3",_level:3}),t.createElement(He,{_label:"Heading Level 4",_level:4}),t.createElement(He,{_label:"Heading Level 5",_level:5}),t.createElement(He,{_label:"Heading Level 6",_level:6}),t.createElement(He,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6}))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement("p",null,"I am ",t.createElement(Le,{_label:"as an example"},"e.g.")," an abbreviation."),t.createElement("p",null,"I am ",t.createElement(Le,null,"e.g.")," an abbreviation without label."),t.createElement(dn,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),t.createElement(dn,{_variant:"cycle",_max:100,_value:66,_label:"Progress"}))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(gn,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}]},t.createElement("div",{className:"grid gap-2 py-2"},t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Pe,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:n}),t.createElement(Pe,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:n}),t.createElement(Pe,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Pe,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:n}),t.createElement(Pe,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:n}),t.createElement(Pe,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Pe,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:n}),t.createElement(Pe,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:n}),t.createElement(Pe,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Pe,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:n}),t.createElement(Pe,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:n}),t.createElement(Pe,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Pe,{_label:"ghost",_variant:"ghost"}),t.createElement(Pe,{_disabled:!0,_label:"ghost",_variant:"ghost"}),t.createElement(Pe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:n}))),t.createElement("div",{className:"grid gap-2 py-2"},t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(rn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.createElement(rn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.createElement(rn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(rn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.createElement(rn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.createElement(rn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(rn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.createElement(rn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.createElement(rn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(rn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.createElement(rn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.createElement(rn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(rn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.createElement(rn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.createElement(rn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})))))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(Ne,{_label:"Links",_level:3,_open:!0},t.createElement("div",{className:"grid gap-2",slot:""},t.createElement(on,{_href:"#/back-page",_label:"Link text"}),t.createElement(on,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),t.createElement(on,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.createElement(on,{_href:"/",_label:"Visited link"}),t.createElement("p",null,"I am a ",t.createElement(on,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."))),t.createElement(Ne,{_label:"ButtonLinks",_level:3},t.createElement("div",{className:"grid gap-2",slot:""},t.createElement(je,{_label:"Link text"}),t.createElement(je,{_icons:"codicon codicon-home",_label:"Link text with icon"}),t.createElement(je,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.createElement("p",null,"I am a ",t.createElement(je,{_label:"Link"})," in the running text."),t.createElement(je,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"}))))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(Ae,{_label:"Default message",_type:"default"},"This is the text of the alert."),t.createElement(Ae,{_type:"success"},"Success message text"),t.createElement(Ae,{_type:"error",_hasCloser:!0},"This is a error message text."),t.createElement(Ae,{_label:"Info card",_type:"info",_variant:"card"},"This is the text of the alert."),t.createElement(Ae,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card"},"This is the text of the alert."))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement("div",null,t.createElement(an,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})),t.createElement("div",null,t.createElement($e,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2},t.createElement(Ke,{slot:""},t.createElement("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2"},t.createElement(qe,{_label:"Color"}),t.createElement(Je,{_label:"Upload file"}),t.createElement(Ye,{_label:"Number input"}),t.createElement(Ze,{_type:"date",_label:"Date"}),t.createElement(Ge,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),t.createElement(nn,{_hint:"I am a hint.",_label:"First name"}),t.createElement(Qe,{_label:"password"}),t.createElement(mn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),t.createElement(en,{_min:0,_max:50,_value:25,_label:"Slider"}),t.createElement(Xe,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),t.createElement("div",{className:"grid gap-4"},t.createElement(Xe,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),t.createElement(We,{_label:""},t.createElement("span",{slot:"expert"},"I accept the ",t.createElement(Le,{_label:"General Terms and Conditions"},"AGB"),"."))),t.createElement(_n,{_rows:4,_label:"Textarea"})))),t.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(kn,{_label:"Table",_minWidth:"auto",_headers:or,_data:Zo,_pagination:!0})))),t.createElement(En,{_label:"5.0.2-test.2"}))}}},lr={heading:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolHeading renders a heading with the given level.")),t.createElement("div",{className:"grid gap-4"},t.createElement(He,{_label:"I'm a H1-heading",_level:1}),t.createElement(He,{_label:"I'm a H2-heading",_level:2}),t.createElement(He,{_label:"I'm a H3-heading",_level:3}),t.createElement(He,{_label:"I'm a H4-heading",_level:4}),t.createElement(He,{_label:"I'm a H5-heading",_level:5}),t.createElement(He,{_label:"I'm a H6-heading",_level:6}))),badge:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",t.createElement("code",null,"_label"),"-property.")),t.createElement("div",{className:"grid gap-4"},t.createElement(He,{_label:"",_level:1},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Ie,{_label:"Label"}))),t.createElement(He,{_label:"",_level:2},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Ie,{_color:"#86ffc6",_label:"Label"}))),t.createElement(He,{_label:"",_level:3},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Ie,{_color:"#06539e",_label:"Label"}))),t.createElement(He,{_label:"",_level:4},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Ie,{_color:"#ae0000",_label:"Label"}))),t.createElement(He,{_label:"",_level:5},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Ie,{_color:"#8b008b",_label:"Label"}))),t.createElement(He,{_label:"",_level:6},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Ie,{_color:"#ffc0cb",_label:"Label"}))))),paragraph:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolHeading with its different levels combined with some text content each.")),t.createElement("div",{className:"grid gap-4"},t.createElement(He,{_label:"Ich bin eine H1-Überschrift",_level:1}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(He,{_label:"Ich bin eine H2-Überschrift",_level:2}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(He,{_label:"Ich bin eine H3-Überschrift",_level:3}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(He,{_label:"Ich bin eine H4-Überschrift",_level:4}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(He,{_label:"Ich bin eine H5-Überschrift",_level:5}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(He,{_label:"Ich bin eine H6-Überschrift",_level:6}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.")))}},ar={icon:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ue,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),t.createElement(Ue,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})))}},ir={image:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolImage renders an image. The sample shows an image with alternative text.")),t.createElement(Ve,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"}))}};var cr=Object.defineProperty,sr=Object.getOwnPropertySymbols,dr=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable,mr=(e,n,t)=>n in e?cr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;const fr=e=>{var n=e,{RefComponent:o}=n,r=((e,n)=>{var t={};for(var o in e)dr.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&sr)for(var o of sr(e))n.indexOf(o)<0&&ur.call(e,o)&&(t[o]=e[o]);return t})(n,["RefComponent"]);return t.createElement(Ke,{className:"w-full"},t.createElement("div",{className:"grid gap-4"},t.createElement(o,((e,n)=>{for(var t in n||(n={}))dr.call(n,t)&&mr(e,t,n[t]);if(sr)for(var t of sr(n))ur.call(n,t)&&mr(e,t,n[t]);return e})({},r)),t.createElement("div",{className:"flex gap-4"},t.createElement(Pe,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),t.createElement(Pe,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),t.createElement(Pe,{_label:"Reset",_type:"reset",_variant:"tertiary"}),t.createElement(Pe,{_label:"Help",_variant:"ghost"}))))};var br=Object.defineProperty,pr=Object.defineProperties,vr=Object.getOwnPropertyDescriptors,kr=Object.getOwnPropertySymbols,hr=Object.prototype.hasOwnProperty,gr=Object.prototype.propertyIsEnumerable,_r=(e,n,t)=>n in e?br(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,yr=(e,n)=>{for(var t in n||(n={}))hr.call(n,t)&&_r(e,t,n[t]);if(kr)for(var t of kr(n))gr.call(n,t)&&_r(e,t,n[t]);return e},wr=(e,n)=>pr(e,vr(n));const xr=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement(We,wr(yr({},e),{_label:"Not selected",_value:!1,_required:!0})),t.createElement(We,wr(yr({},e),{_label:"Indeterminate",_value:null,_indeterminate:!0})),t.createElement(We,wr(yr({},e),{ref:n,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0})),t.createElement(We,wr(yr({},e),{_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0})),t.createElement(We,wr(yr({},e),{_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"})),t.createElement(We,wr(yr({},e),{_checked:!0,_disabled:!0,_label:"Checked and disabled"})),t.createElement(We,wr(yr({},e),{_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"})),t.createElement(We,wr(yr({},e),{_msg:{_type:"error",_description:Dt},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"})),t.createElement(We,wr(yr({},e),{_label:"With access key",_accessKey:"c",_value:null})),t.createElement(We,wr(yr({},e),{_label:"With short key",_shortKey:"s",_value:null})))}));function Er({children:e}){const[n]=ye(),o=n.has("noColumns");return t.createElement("div",{className:o?"":"grid md:grid-cols-2 gap-4"},e)}var zr=Object.defineProperty,Sr=Object.defineProperties,Tr=Object.getOwnPropertyDescriptors,Cr=Object.getOwnPropertySymbols,Or=Object.prototype.hasOwnProperty,Lr=Object.prototype.propertyIsEnumerable,Nr=(e,n,t)=>n in e?zr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ar=(e,n)=>{for(var t in n||(n={}))Or.call(n,t)&&Nr(e,t,n[t]);if(Cr)for(var t of Cr(n))Lr.call(n,t)&&Nr(e,t,n[t]);return e},Br=(e,n)=>Sr(e,Tr(n));const Ir=(0,t.forwardRef)((function(e,n){return t.createElement(t.Fragment,null,t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,'Label align "left" with label'),t.createElement(xr,Br(Ar({},e),{_labelAlign:"left"}))),t.createElement("fieldset",null,t.createElement("legend",null,'Label align "left" without Label (hideLabel)'),t.createElement(xr,Br(Ar({ref:n},e),{_hideLabel:!0,_labelAlign:"left"})))),t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,'Label align "right" with label'),t.createElement(xr,Ar({},e))),t.createElement("fieldset",null,t.createElement("legend",null,'Label align "right" without Label (hideLabel)'),t.createElement(xr,Br(Ar({ref:n},e),{_hideLabel:!0})))))})),$r={"input-checkbox":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.")),t.createElement(fr,{RefComponent:Ir})),switch:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows KolInputCheckbox in the variant "switch".')),t.createElement(fr,{RefComponent:Ir,_variant:"switch"})),button:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows KolInputCheckbox in the variant "button".')),t.createElement(fr,{RefComponent:Ir,_variant:"button"}))}};var Pr=Object.defineProperty,jr=Object.defineProperties,Mr=Object.getOwnPropertyDescriptors,Rr=Object.getOwnPropertySymbols,Fr=Object.prototype.hasOwnProperty,Dr=Object.prototype.propertyIsEnumerable,Kr=(e,n,t)=>n in e?Pr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Hr=(e,n)=>{for(var t in n||(n={}))Fr.call(n,t)&&Kr(e,t,n[t]);if(Rr)for(var t of Rr(n))Dr.call(n,t)&&Kr(e,t,n[t]);return e},Ur=(e,n)=>jr(e,Mr(n));const Vr=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(qe,Ur(Hr({},e),{_msg:{_type:"error",_description:Dt},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"}))),t.createElement(qe,Ur(Hr({},e),{_msg:{_type:"error",_description:Dt},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0})),t.createElement(qe,Ur(Hr({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Color"})),t.createElement(qe,Ur(Hr({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Color"})),t.createElement(qe,Ur(Hr({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Color"})),t.createElement(qe,Ur(Hr({},e),{ref:n,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"})),t.createElement(qe,Ur(Hr({},e),{_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"})),t.createElement(qe,Ur(Hr({},e),{_label:"With access key",_accessKey:"c"})),t.createElement(qe,Ur(Hr({},e),{_label:"With short key",_shortKey:"s"})))}));var Wr=Object.defineProperty,qr=Object.defineProperties,Zr=Object.getOwnPropertyDescriptors,Gr=Object.getOwnPropertySymbols,Jr=Object.prototype.hasOwnProperty,Yr=Object.prototype.propertyIsEnumerable,Qr=(e,n,t)=>n in e?Wr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Xr=(e,n)=>{for(var t in n||(n={}))Jr.call(n,t)&&Qr(e,t,n[t]);if(Gr)for(var t of Gr(n))Yr.call(n,t)&&Qr(e,t,n[t]);return e};const el=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Color"),t.createElement(Vr,Xr({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Color (hideLabel)"),t.createElement(Vr,(o=Xr({ref:n},e),qr(o,Zr({_hideLabel:!0}))))));var o})),nl={"input-color":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.")),t.createElement(fr,{RefComponent:el}))}};var tl=Object.defineProperty,ol=Object.defineProperties,rl=Object.getOwnPropertyDescriptors,ll=Object.getOwnPropertySymbols,al=Object.prototype.hasOwnProperty,il=Object.prototype.propertyIsEnumerable,cl=(e,n,t)=>n in e?tl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,sl=(e,n)=>{for(var t in n||(n={}))al.call(n,t)&&cl(e,t,n[t]);if(ll)for(var t of ll(n))il.call(n,t)&&cl(e,t,n[t]);return e},dl=(e,n)=>ol(e,rl(n));const ul=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Ze,dl(sl({},e),{_type:"date",_label:"Date input (Black background test)",_required:!0}))),t.createElement(Ze,dl(sl({},e),{_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0})),t.createElement(Ze,dl(sl({},e),{_step:1,_type:"datetime-local",_hint:Kt,_msg:{_type:"error",_description:Dt},_label:"Local datetime (with seconds)",_required:!0,_touched:!0})),t.createElement(Ze,dl(sl({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Color"})),t.createElement(Ze,dl(sl({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Color"})),t.createElement(Ze,dl(sl({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Color"})),t.createElement(Ze,dl(sl({},e),{_type:"month",_label:"Month",_required:!0})),t.createElement(Ze,dl(sl({},e),{ref:n,_accessKey:"W",_type:"week",_label:"Week",_required:!0})),t.createElement(Ze,dl(sl({},e),{_type:"time",_label:"Time (standard)",_required:!0})),t.createElement(Ze,dl(sl({},e),{_step:1,_type:"time",_label:"Time (with seconds)",_required:!0})),t.createElement(Ze,dl(sl({},e),{_readOnly:!0,_label:"Date input (read-only)",_required:!0})),t.createElement(Ze,dl(sl({},e),{_disabled:!0,_label:"Date input (Disabled)",_required:!0})),t.createElement(Ze,dl(sl({},e),{_label:"With access key",_accessKey:"s"})),t.createElement(Ze,dl(sl({},e),{_label:"With short key",_shortKey:"s"})))}));var ml=Object.defineProperty,fl=Object.defineProperties,bl=Object.getOwnPropertyDescriptors,pl=Object.getOwnPropertySymbols,vl=Object.prototype.hasOwnProperty,kl=Object.prototype.propertyIsEnumerable,hl=(e,n,t)=>n in e?ml(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,gl=(e,n)=>{for(var t in n||(n={}))vl.call(n,t)&&hl(e,t,n[t]);if(pl)for(var t of pl(n))kl.call(n,t)&&hl(e,t,n[t]);return e},_l=(e,n)=>fl(e,bl(n));const yl=e=>{const n=new Date("January 10, 2024, 12:00"),o=new Date("October 20, 2024, 15:00");return t.createElement("div",{className:"grid gap-4"},t.createElement(Ze,_l(gl({},e),{_type:"date",_label:"Date with Iso",_min:"2024-09-26",_max:"2024-09-27"})),t.createElement(Ze,_l(gl({},e),{_type:"date",_label:"Date with Date",_min:n,_max:o})),t.createElement(Ze,_l(gl({},e),{_type:"time",_label:"Time with Iso",_min:"12:00",_max:"15:00"})),t.createElement(Ze,_l(gl({},e),{_type:"time",_label:"Time with Date",_min:n,_max:o})),t.createElement(Ze,_l(gl({},e),{_type:"datetime-local",_label:"DayTime with Iso",_min:"2024-09-26T12:00",_max:"2024-09-27T15:00"})),t.createElement(Ze,_l(gl({},e),{_type:"datetime-local",_label:"DayTime with Date",_min:n,_max:o})),t.createElement(Ze,_l(gl({},e),{_type:"week",_label:"Week with Iso",_min:"2024-W10",_max:"2024-W50"})),t.createElement(Ze,_l(gl({},e),{_type:"week",_label:"Week with Date",_min:n,_max:o})),t.createElement(Ze,_l(gl({},e),{_type:"month",_label:"Month with Iso",_min:"2024-02",_max:"2024-10"})),t.createElement(Ze,_l(gl({},e),{_type:"month",_label:"Month with Date",_min:n,_max:o})))};var wl=Object.defineProperty,xl=Object.defineProperties,El=Object.getOwnPropertyDescriptors,zl=Object.getOwnPropertySymbols,Sl=Object.prototype.hasOwnProperty,Tl=Object.prototype.propertyIsEnumerable,Cl=(e,n,t)=>n in e?wl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ol=(e,n)=>{for(var t in n||(n={}))Sl.call(n,t)&&Cl(e,t,n[t]);if(zl)for(var t of zl(n))Tl.call(n,t)&&Cl(e,t,n[t]);return e};const Ll=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Date"),t.createElement(ul,Ol({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Date (hideLabel)"),t.createElement(ul,(o=Ol({ref:n},e),xl(o,El({_hideLabel:!0}))))),t.createElement("fieldset",null,t.createElement("legend",null,"Date (with min/max)"),t.createElement(yl,Ol({},e))));var o})),Nl=["default","error","info","success","warning"];function Al(e){return{onChange:()=>e((e=>!e))}}const Bl={"input-date":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states.")),t.createElement(fr,{RefComponent:Ll})),reset:()=>{const e=(0,t.useRef)(null);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates the KolInputDate ",t.createElement("code",null,"reset"),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values.")),t.createElement(Ze,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),t.createElement(Pe,{className:"mt",_label:"Reset",_on:{onClick:()=>{var n;return null==(n=e.current)?void 0:n.reset()}}}))},"show-hide-msg":()=>{const[e,n]=(0,t.useState)(!0),[o,r]=(0,t.useState)(!0),[l,a]=(0,t.useState)(!1),i=Al(n),c=Al(r),s=Al(a);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This example shows how messages work in input fields.")),t.createElement("div",{className:"flex gap-4 flex-col"},t.createElement("div",{className:"flex gap-4 items-center"},t.createElement(We,{_label:"Toggle Msg",_on:i,_checked:e,_variant:"button"}),t.createElement(We,{_label:"Toggle Touched",_on:c,_checked:o,_variant:"button"}),t.createElement(We,{_label:"Toggle Hide Msg",_on:s,_checked:l,_variant:"button"})),t.createElement("pre",null,"Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",t.createElement("br",null),"Non-Error-Message visible: ",e&&!l?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",l?"Yes":"No",")",t.createElement("br",null),"Error-Message visible: ",e&&o&&!l?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",o?"Yes":"No",", hideMsg: ",l?"Yes":"No",")"),Nl.map((n=>t.createElement(Ze,{key:n,_hideMsg:l,_label:`Date (_msg, ${n})`,_msg:e?{_description:`${n} message`,_type:n}:void 0,_touched:o})))))}}};var Il=Object.defineProperty,$l=Object.defineProperties,Pl=Object.getOwnPropertyDescriptors,jl=Object.getOwnPropertySymbols,Ml=Object.prototype.hasOwnProperty,Rl=Object.prototype.propertyIsEnumerable,Fl=(e,n,t)=>n in e?Il(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Dl=(e,n)=>{for(var t in n||(n={}))Ml.call(n,t)&&Fl(e,t,n[t]);if(jl)for(var t of jl(n))Rl.call(n,t)&&Fl(e,t,n[t]);return e},Kl=(e,n)=>$l(e,Pl(n));const Hl=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Ge,Kl(Dl({},e),{_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Dt},_label:"E-Mail (Black background test)"}))),t.createElement(Ge,Kl(Dl({},e),{ref:n,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:Kt,_msg:{_type:"error",_description:Dt},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),t.createElement(Ge,Kl(Dl({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"})),t.createElement(Ge,Kl(Dl({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"})),t.createElement(Ge,Kl(Dl({},e),{_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"})),t.createElement(Ge,Kl(Dl({},e),{_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"})),t.createElement(Ge,Kl(Dl({},e),{_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"})),t.createElement(Ge,Kl(Dl({},e),{_value:"test@mail.de",_label:"With access key",_accessKey:"c"})),t.createElement(Ge,Kl(Dl({},e),{_value:"test@mail.de",_label:"With short key",_shortKey:"s"})))}));var Ul=Object.defineProperty,Vl=Object.defineProperties,Wl=Object.getOwnPropertyDescriptors,ql=Object.getOwnPropertySymbols,Zl=Object.prototype.hasOwnProperty,Gl=Object.prototype.propertyIsEnumerable,Jl=(e,n,t)=>n in e?Ul(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Yl=(e,n)=>{for(var t in n||(n={}))Zl.call(n,t)&&Jl(e,t,n[t]);if(ql)for(var t of ql(n))Gl.call(n,t)&&Jl(e,t,n[t]);return e};const Ql=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Email"),t.createElement(Hl,Yl({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Email (hideLabel)"),t.createElement(Hl,(o=Yl({ref:n},e),Vl(o,Wl({_hideLabel:!0}))))));var o})),Xl={"input-email":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.")),t.createElement(fr,{RefComponent:Ql}))}};var ea=Object.defineProperty,na=Object.defineProperties,ta=Object.getOwnPropertyDescriptors,oa=Object.getOwnPropertySymbols,ra=Object.prototype.hasOwnProperty,la=Object.prototype.propertyIsEnumerable,aa=(e,n,t)=>n in e?ea(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ia=(e,n)=>{for(var t in n||(n={}))ra.call(n,t)&&aa(e,t,n[t]);if(oa)for(var t of oa(n))la.call(n,t)&&aa(e,t,n[t]);return e},ca=(e,n)=>na(e,ta(n));const sa=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Je,ca(ia({},e),{_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}))),t.createElement(Je,ca(ia({},e),{_required:!0,_hint:Kt,_msg:{_type:"error",_description:Dt},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})),t.createElement(Je,ca(ia({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"})),t.createElement(Je,ca(ia({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"})),t.createElement(Je,ca(ia({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Upload file"})),t.createElement(Je,ca(ia({},e),{ref:n,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Dt},_label:"Upload file (Multiple)"})),t.createElement(Je,ca(ia({},e),{_disabled:!0,_label:"Upload file (Disabled)"})),t.createElement(Je,ca(ia({},e),{_label:"With access key",_accessKey:"c"})),t.createElement(Je,ca(ia({},e),{_label:"With short key",_shortKey:"s"})))}));var da=Object.defineProperty,ua=Object.defineProperties,ma=Object.getOwnPropertyDescriptors,fa=Object.getOwnPropertySymbols,ba=Object.prototype.hasOwnProperty,pa=Object.prototype.propertyIsEnumerable,va=(e,n,t)=>n in e?da(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ka=(e,n)=>{for(var t in n||(n={}))ba.call(n,t)&&va(e,t,n[t]);if(fa)for(var t of fa(n))pa.call(n,t)&&va(e,t,n[t]);return e};const ha=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"File"),t.createElement(sa,ka({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"File (hideLabel)"),t.createElement(sa,(o=ka({ref:n},e),ua(o,ma({_hideLabel:!0}))))));var o})),ga={"input-file":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.")),t.createElement(fr,{RefComponent:ha}))}};var _a=Object.defineProperty,ya=Object.defineProperties,wa=Object.getOwnPropertyDescriptors,xa=Object.getOwnPropertySymbols,Ea=Object.prototype.hasOwnProperty,za=Object.prototype.propertyIsEnumerable,Sa=(e,n,t)=>n in e?_a(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ta=(e,n)=>{for(var t in n||(n={}))Ea.call(n,t)&&Sa(e,t,n[t]);if(xa)for(var t of xa(n))za.call(n,t)&&Sa(e,t,n[t]);return e},Ca=(e,n)=>ya(e,wa(n));const Oa=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Ye,Ca(Ta({},e),{_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"}))," "),t.createElement(Ye,Ca(Ta({},e),{_required:!0,_msg:{_type:"error",_description:Dt},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),t.createElement(Ye,Ca(Ta({},e),{_required:!0,_msg:{_type:"error",_description:Dt},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Ye,Ca(Ta({},e),{_required:!0,_msg:{_type:"warning",_description:Dt},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Ye,Ca(Ta({},e),{_required:!0,_msg:{_type:"info",_description:Dt},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Ye,Ca(Ta({},e),{_required:!0,_msg:{_type:"success",_description:Dt},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Ye,Ca(Ta({},e),{ref:n,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"})),t.createElement(Ye,Ca(Ta({},e),{_readOnly:!0,_label:"Number input (Readonly)"})),t.createElement(Ye,Ca(Ta({},e),{_disabled:!0,_label:"Number input (Disabled)"})),t.createElement(Ye,Ca(Ta({},e),{_label:"With access key",_accessKey:"c"})),t.createElement(Ye,Ca(Ta({},e),{_label:"With short key",_shortKey:"s"})))}));var La=Object.defineProperty,Na=Object.defineProperties,Aa=Object.getOwnPropertyDescriptors,Ba=Object.getOwnPropertySymbols,Ia=Object.prototype.hasOwnProperty,$a=Object.prototype.propertyIsEnumerable,Pa=(e,n,t)=>n in e?La(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ja=(e,n)=>{for(var t in n||(n={}))Ia.call(n,t)&&Pa(e,t,n[t]);if(Ba)for(var t of Ba(n))$a.call(n,t)&&Pa(e,t,n[t]);return e};const Ma=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Number"),t.createElement(Oa,ja({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Number (hideLabel)"),t.createElement(Oa,(o=ja({ref:n},e),Na(o,Aa({_hideLabel:!0}))))));var o})),Ra={"input-number":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation.")),t.createElement(fr,{RefComponent:Ma}))}};var Fa=Object.defineProperty,Da=Object.defineProperties,Ka=Object.getOwnPropertyDescriptors,Ha=Object.getOwnPropertySymbols,Ua=Object.prototype.hasOwnProperty,Va=Object.prototype.propertyIsEnumerable,Wa=(e,n,t)=>n in e?Fa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,qa=(e,n)=>{for(var t in n||(n={}))Ua.call(n,t)&&Wa(e,t,n[t]);if(Ha)for(var t of Ha(n))Va.call(n,t)&&Wa(e,t,n[t]);return e},Za=(e,n)=>Da(e,Ka(n));const Ga=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Qe,Za(qa({},e),{_label:"Passwort (Black background test)"}))),t.createElement(Qe,Za(qa({},e),{ref:n,_accessKey:"P",_required:!0,_hint:Kt,_msg:{_type:"error",_description:Dt},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})),t.createElement(Qe,Za(qa({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"})),t.createElement(Qe,Za(qa({},e),{_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"})),t.createElement(Qe,Za(qa({},e),{_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"})),t.createElement(Qe,Za(qa({},e),{_disabled:!0,_msg:{_type:"error",_description:Dt},_label:"Passwort (Disabled)",_touched:!0})),t.createElement(Qe,Za(qa({},e),{_readOnly:!0,_label:"Passwort (Readonly)"})),t.createElement(Qe,Za(qa({},e),{ref:n,_shortKey:"c",_label:"With access key"})),t.createElement(Qe,Za(qa({},e),{ref:n,_shortKey:"s",_label:"With short key"})))}));var Ja=Object.defineProperty,Ya=Object.defineProperties,Qa=Object.getOwnPropertyDescriptors,Xa=Object.getOwnPropertySymbols,ei=Object.prototype.hasOwnProperty,ni=Object.prototype.propertyIsEnumerable,ti=(e,n,t)=>n in e?Ja(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,oi=(e,n)=>{for(var t in n||(n={}))ei.call(n,t)&&ti(e,t,n[t]);if(Xa)for(var t of Xa(n))ni.call(n,t)&&ti(e,t,n[t]);return e};const ri=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Password"),t.createElement(Ga,oi({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Password (hideLabel)"),t.createElement(Ga,(o=oi({ref:n},e),Ya(o,Qa({_hideLabel:!0}))))));var o})),li={"input-password":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.")),t.createElement(fr,{RefComponent:ri})),"show-password":()=>{const e=(0,t.useRef)(null);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.')),t.createElement(Ke,{className:"w-full"},t.createElement(Qe,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),t.createElement(Qe,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),t.createElement(Qe,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})))}}};var ai=Object.defineProperty,ii=Object.defineProperties,ci=Object.getOwnPropertyDescriptors,si=Object.getOwnPropertySymbols,di=Object.prototype.hasOwnProperty,ui=Object.prototype.propertyIsEnumerable,mi=(e,n,t)=>n in e?ai(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,fi=(e,n)=>{for(var t in n||(n={}))di.call(n,t)&&mi(e,t,n[t]);if(si)for(var t of si(n))ui.call(n,t)&&mi(e,t,n[t]);return e},bi=(e,n)=>ii(e,ci(n));const pi=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Xe,bi(fi({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"}))),t.createElement(Xe,bi(fi({},e),{_required:!0,_msg:{_type:"error",_description:Dt},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"})),t.createElement(Xe,bi(fi({},e),{ref:n,_accessKey:"A",_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"})),t.createElement(Xe,bi(fi({},e),{_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Dt},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"})),t.createElement(Xe,bi(fi({},e),{_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0})),t.createElement(Xe,bi(fi({},e),{_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Dt},_touched:!0,_value:"Company",_options:[{label:"Mrs.",value:"Mrs.",hint:'Description for option "Mrs."'},{label:"Mr. (disabled)",value:"Mr.",hint:'Description for option "Mr."',disabled:!0},{label:"Company",value:"Company",hint:'Description for option "Company"'}],_label:"Salutation (horizontal with error hint and description)",_hint:Kt})),t.createElement(Xe,bi(fi({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With access key",_accessKey:"c"})),t.createElement(Xe,bi(fi({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With short key",_shortKey:"s"})))}));var vi=Object.defineProperty,ki=Object.defineProperties,hi=Object.getOwnPropertyDescriptors,gi=Object.getOwnPropertySymbols,_i=Object.prototype.hasOwnProperty,yi=Object.prototype.propertyIsEnumerable,wi=(e,n,t)=>n in e?vi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,xi=(e,n)=>{for(var t in n||(n={}))_i.call(n,t)&&wi(e,t,n[t]);if(gi)for(var t of gi(n))yi.call(n,t)&&wi(e,t,n[t]);return e};const Ei=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("div",{className:"border border-solid border-dark-100 p-3"},t.createElement(He,{_level:2,_label:"Radio",className:"block mb-2"}),t.createElement(pi,xi({},e))),t.createElement("div",{className:"border border-solid border-dark-100 p-3"},t.createElement(He,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),t.createElement(pi,(o=xi({ref:n},e),ki(o,hi({_hideLabel:!0}))))));var o})),zi={"input-radio":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.")),t.createElement(fr,{RefComponent:Ei})),horizontal:()=>{const[e,n]=(0,t.useState)(!0),[o,r]=(0,t.useState)("horizontal"),l=[{label:"Field 1",value:1},{label:"Field 2",value:2}];return t.createElement("div",{className:"grid gap-4"},t.createElement(Ht,null,t.createElement("p",null,"This sample shows the ",t.createElement("code",null,"horizontal")," and ",t.createElement("code",null,"vertical")," orientation of KolInoutRadio. It also features a button to test re-rendering.")),t.createElement("div",{className:"flex gap-4"},t.createElement(Pe,{_label:"Click me a few times",_on:{onClick:()=>{n((e=>!e))}}}),t.createElement(We,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:()=>{r((e=>"horizontal"===e?"vertical":"horizontal"))}},_variant:"switch"})),e&&t.createElement(Ke,null,t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(Xe,{_label:`Test (${o})`,_options:l,_orientation:o,_required:!0}),t.createElement(Xe,{_hideLabel:!0,_label:`Test (${o})`,_options:l,_orientation:o,_required:!0}))))},object:()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return t.createElement("div",{className:"grid gap-4"},t.createElement(Ht,null,"This sample shows KolInputRadio with ",t.createElement("code",null,"object")," and ",t.createElement("code",null,"undefined")," values."),t.createElement(Ke,null,t.createElement("p",null,"In this example for ",t.createElement("code",null,"KolInputRadio"),", the values of the options are defined as objects."),t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(Xe,{_value:e[1].value,_options:e,_label:"Test (with object value)"})),t.createElement("p",null,"In this example for ",t.createElement("code",null,"KolInputRadio"),", no value is set."),t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(Xe,{_options:e,_label:"Test (without value)"}))))}}};var Si=Object.defineProperty,Ti=Object.defineProperties,Ci=Object.getOwnPropertyDescriptors,Oi=Object.getOwnPropertySymbols,Li=Object.prototype.hasOwnProperty,Ni=Object.prototype.propertyIsEnumerable,Ai=(e,n,t)=>n in e?Si(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Bi=(e,n)=>{for(var t in n||(n={}))Li.call(n,t)&&Ai(e,t,n[t]);if(Oi)for(var t of Oi(n))Ni.call(n,t)&&Ai(e,t,n[t]);return e},Ii=(e,n)=>Ti(e,Ci(n));const $i=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(en,Ii(Bi({},e),{_min:0,_max:50,_msg:{_type:"error",_description:Dt},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}))),t.createElement(en,Ii(Bi({},e),{ref:n,_accessKey:"F",_min:0,_max:50,_step:10,_hint:Kt,_msg:{_type:"error",_description:Dt},_label:"Slider with error",_touched:!0})),t.createElement(en,Ii(Bi({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"})),t.createElement(en,Ii(Bi({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"})),t.createElement(en,Ii(Bi({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Slider"})),t.createElement(en,Ii(Bi({},e),{_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"})),t.createElement(en,Ii(Bi({},e),{_min:0,_max:50,_label:"With access key",_accessKey:"c"})),t.createElement(en,Ii(Bi({},e),{_min:0,_max:50,_label:"With short key",_shortKey:"s"})))}));var Pi=Object.defineProperty,ji=Object.defineProperties,Mi=Object.getOwnPropertyDescriptors,Ri=Object.getOwnPropertySymbols,Fi=Object.prototype.hasOwnProperty,Di=Object.prototype.propertyIsEnumerable,Ki=(e,n,t)=>n in e?Pi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Hi=(e,n)=>{for(var t in n||(n={}))Fi.call(n,t)&&Ki(e,t,n[t]);if(Ri)for(var t of Ri(n))Di.call(n,t)&&Ki(e,t,n[t]);return e};const Ui=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Range"),t.createElement($i,Hi({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Range (hideLabel)"),t.createElement($i,(o=Hi({ref:n},e),ji(o,Mi({_hideLabel:!0}))))));var o})),Vi={"input-range":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states.")),t.createElement(fr,{RefComponent:Ui}))}};var Wi=Object.defineProperty,qi=Object.defineProperties,Zi=Object.getOwnPropertyDescriptors,Gi=Object.getOwnPropertySymbols,Ji=Object.prototype.hasOwnProperty,Yi=Object.prototype.propertyIsEnumerable,Qi=(e,n,t)=>n in e?Wi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Xi=(e,n)=>{for(var t in n||(n={}))Ji.call(n,t)&&Qi(e,t,n[t]);if(Gi)for(var t of Gi(n))Yi.call(n,t)&&Qi(e,t,n[t]);return e},ec=(e,n)=>qi(e,Zi(n));const nc=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(nn,ec(Xi({},e),{_value:"Value",_label:"First name (Black background test)"}))),t.createElement(nn,ec(Xi({},e),{_hint:Kt,_msg:{_type:"error",_description:Dt,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:n})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_msg:{_type:"error",_description:Dt},_touched:!0,_type:"url",_label:"URL (url)"})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"})),t.createElement(nn,ec(Xi({},e),{_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"})),t.createElement(nn,ec(Xi({},e),{_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"})),t.createElement(nn,ec(Xi({},e),{_value:"Value",_disabled:!0,_label:"First name (text, disabled)"})),t.createElement(nn,ec(Xi({},e),{_value:"Value",_label:"With access key",_accessKey:"c"})),t.createElement(nn,ec(Xi({},e),{_value:"Value",_label:"With short key",_shortKey:"s"})))}));var tc=Object.defineProperty,oc=Object.defineProperties,rc=Object.getOwnPropertyDescriptors,lc=Object.getOwnPropertySymbols,ac=Object.prototype.hasOwnProperty,ic=Object.prototype.propertyIsEnumerable,cc=(e,n,t)=>n in e?tc(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,sc=(e,n)=>{for(var t in n||(n={}))ac.call(n,t)&&cc(e,t,n[t]);if(lc)for(var t of lc(n))ic.call(n,t)&&cc(e,t,n[t]);return e};const dc=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(nc,sc({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(nc,(o=sc({ref:n},e),oc(o,rc({_hideLabel:!0}))))));var o}));var uc=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var n=Object.prototype.toString.call(e);return"[object RegExp]"===n||"[object Date]"===n||function(e){return e.$$typeof===mc}(e)}(e)},mc="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function fc(e,n){return!1!==n.clone&&n.isMergeableObject(e)?pc((t=e,Array.isArray(t)?[]:{}),e,n):e;var t}function bc(e,n,t){return e.concat(n).map((function(e){return fc(e,t)}))}function pc(e,n,t){(t=t||{}).arrayMerge=t.arrayMerge||bc,t.isMergeableObject=t.isMergeableObject||uc;var o=Array.isArray(n);return o===Array.isArray(e)?o?t.arrayMerge(e,n,t):function(e,n,t){var o={};return t.isMergeableObject(e)&&Object.keys(e).forEach((function(n){o[n]=fc(e[n],t)})),Object.keys(n).forEach((function(r){t.isMergeableObject(n[r])&&e[r]?o[r]=pc(e[r],n[r],t):o[r]=fc(n[r],t)})),o}(e,n,t):fc(n,t)}pc.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return pc(e,t,n)}),{})};const vc=pc,kc="object"==typeof global&&global&&global.Object===Object&&global;var hc="object"==typeof self&&self&&self.Object===Object&&self;const gc=kc||hc||Function("return this")(),_c=gc.Symbol;var yc=Object.prototype,wc=yc.hasOwnProperty,xc=yc.toString,Ec=_c?_c.toStringTag:void 0;var zc=Object.prototype.toString;var Sc=_c?_c.toStringTag:void 0;const Tc=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Sc&&Sc in Object(e)?function(e){var n=wc.call(e,Ec),t=e[Ec];try{e[Ec]=void 0;var o=!0}catch(e){}var r=xc.call(e);return o&&(n?e[Ec]=t:delete e[Ec]),r}(e):function(e){return zc.call(e)}(e)},Cc=function(e,n){return function(t){return e(n(t))}},Oc=Cc(Object.getPrototypeOf,Object),Lc=function(e){return null!=e&&"object"==typeof e};var Nc=Function.prototype,Ac=Object.prototype,Bc=Nc.toString,Ic=Ac.hasOwnProperty,$c=Bc.call(Object);const Pc=function(e){if(!Lc(e)||"[object Object]"!=Tc(e))return!1;var n=Oc(e);if(null===n)return!0;var t=Ic.call(n,"constructor")&&n.constructor;return"function"==typeof t&&t instanceof t&&Bc.call(t)==$c},jc=function(e,n){return e===n||e!=e&&n!=n},Mc=function(e,n){for(var t=e.length;t--;)if(jc(e[t][0],n))return t;return-1};var Rc=Array.prototype.splice;function Fc(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}Fc.prototype.clear=function(){this.__data__=[],this.size=0},Fc.prototype.delete=function(e){var n=this.__data__,t=Mc(n,e);return!(t<0||(t==n.length-1?n.pop():Rc.call(n,t,1),--this.size,0))},Fc.prototype.get=function(e){var n=this.__data__,t=Mc(n,e);return t<0?void 0:n[t][1]},Fc.prototype.has=function(e){return Mc(this.__data__,e)>-1},Fc.prototype.set=function(e,n){var t=this.__data__,o=Mc(t,e);return o<0?(++this.size,t.push([e,n])):t[o][1]=n,this};const Dc=Fc,Kc=function(e){var n=typeof e;return null!=e&&("object"==n||"function"==n)},Hc=function(e){if(!Kc(e))return!1;var n=Tc(e);return"[object Function]"==n||"[object GeneratorFunction]"==n||"[object AsyncFunction]"==n||"[object Proxy]"==n},Uc=gc["__core-js_shared__"];var Vc,Wc=(Vc=/[^.]+$/.exec(Uc&&Uc.keys&&Uc.keys.IE_PROTO||""))?"Symbol(src)_1."+Vc:"";var qc=Function.prototype.toString;const Zc=function(e){if(null!=e){try{return qc.call(e)}catch(e){}try{return e+""}catch(e){}}return""};var Gc=/^\[object .+?Constructor\]$/,Jc=Function.prototype,Yc=Object.prototype,Qc=Jc.toString,Xc=Yc.hasOwnProperty,es=RegExp("^"+Qc.call(Xc).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");const ns=function(e){return!(!Kc(e)||(n=e,Wc&&Wc in n))&&(Hc(e)?es:Gc).test(Zc(e));var n},ts=function(e,n){var t=function(e,n){return null==e?void 0:e[n]}(e,n);return ns(t)?t:void 0},os=ts(gc,"Map"),rs=ts(Object,"create");var ls=Object.prototype.hasOwnProperty;var as=Object.prototype.hasOwnProperty;function is(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}is.prototype.clear=function(){this.__data__=rs?rs(null):{},this.size=0},is.prototype.delete=function(e){var n=this.has(e)&&delete this.__data__[e];return this.size-=n?1:0,n},is.prototype.get=function(e){var n=this.__data__;if(rs){var t=n[e];return"__lodash_hash_undefined__"===t?void 0:t}return ls.call(n,e)?n[e]:void 0},is.prototype.has=function(e){var n=this.__data__;return rs?void 0!==n[e]:as.call(n,e)},is.prototype.set=function(e,n){var t=this.__data__;return this.size+=this.has(e)?0:1,t[e]=rs&&void 0===n?"__lodash_hash_undefined__":n,this};const cs=is,ss=function(e,n){var t,o,r=e.__data__;return("string"==(o=typeof(t=n))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==t:null===t)?r["string"==typeof n?"string":"hash"]:r.map};function ds(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}ds.prototype.clear=function(){this.size=0,this.__data__={hash:new cs,map:new(os||Dc),string:new cs}},ds.prototype.delete=function(e){var n=ss(this,e).delete(e);return this.size-=n?1:0,n},ds.prototype.get=function(e){return ss(this,e).get(e)},ds.prototype.has=function(e){return ss(this,e).has(e)},ds.prototype.set=function(e,n){var t=ss(this,e),o=t.size;return t.set(e,n),this.size+=t.size==o?0:1,this};const us=ds;function ms(e){var n=this.__data__=new Dc(e);this.size=n.size}ms.prototype.clear=function(){this.__data__=new Dc,this.size=0},ms.prototype.delete=function(e){var n=this.__data__,t=n.delete(e);return this.size=n.size,t},ms.prototype.get=function(e){return this.__data__.get(e)},ms.prototype.has=function(e){return this.__data__.has(e)},ms.prototype.set=function(e,n){var t=this.__data__;if(t instanceof Dc){var o=t.__data__;if(!os||o.length<199)return o.push([e,n]),this.size=++t.size,this;t=this.__data__=new us(o)}return t.set(e,n),this.size=t.size,this};const fs=ms,bs=function(){try{var e=ts(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),ps=function(e,n,t){"__proto__"==n&&bs?bs(e,n,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[n]=t};var vs=Object.prototype.hasOwnProperty;const ks=function(e,n,t){var o=e[n];vs.call(e,n)&&jc(o,t)&&(void 0!==t||n in e)||ps(e,n,t)},hs=function(e,n,t,o){var r=!t;t||(t={});for(var l=-1,a=n.length;++l<a;){var i=n[l],c=o?o(t[i],e[i],i,t,e):void 0;void 0===c&&(c=e[i]),r?ps(t,i,c):ks(t,i,c)}return t},gs=function(e){return Lc(e)&&"[object Arguments]"==Tc(e)};var _s=Object.prototype,ys=_s.hasOwnProperty,ws=_s.propertyIsEnumerable;const xs=gs(function(){return arguments}())?gs:function(e){return Lc(e)&&ys.call(e,"callee")&&!ws.call(e,"callee")},Es=Array.isArray;var zs="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ss=zs&&"object"==typeof module&&module&&!module.nodeType&&module,Ts=Ss&&Ss.exports===zs?gc.Buffer:void 0;const Cs=(Ts?Ts.isBuffer:void 0)||function(){return!1};var Os=/^(?:0|[1-9]\d*)$/;const Ls=function(e,n){var t=typeof e;return!!(n=null==n?9007199254740991:n)&&("number"==t||"symbol"!=t&&Os.test(e))&&e>-1&&e%1==0&&e<n},Ns=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var As={};As["[object Float32Array]"]=As["[object Float64Array]"]=As["[object Int8Array]"]=As["[object Int16Array]"]=As["[object Int32Array]"]=As["[object Uint8Array]"]=As["[object Uint8ClampedArray]"]=As["[object Uint16Array]"]=As["[object Uint32Array]"]=!0,As["[object Arguments]"]=As["[object Array]"]=As["[object ArrayBuffer]"]=As["[object Boolean]"]=As["[object DataView]"]=As["[object Date]"]=As["[object Error]"]=As["[object Function]"]=As["[object Map]"]=As["[object Number]"]=As["[object Object]"]=As["[object RegExp]"]=As["[object Set]"]=As["[object String]"]=As["[object WeakMap]"]=!1;const Bs=function(e){return function(n){return e(n)}};var Is="object"==typeof exports&&exports&&!exports.nodeType&&exports,$s=Is&&"object"==typeof module&&module&&!module.nodeType&&module,Ps=$s&&$s.exports===Is&&kc.process;const js=function(){try{return $s&&$s.require&&$s.require("util").types||Ps&&Ps.binding&&Ps.binding("util")}catch(e){}}();var Ms=js&&js.isTypedArray;const Rs=Ms?Bs(Ms):function(e){return Lc(e)&&Ns(e.length)&&!!As[Tc(e)]};var Fs=Object.prototype.hasOwnProperty;const Ds=function(e,n){var t=Es(e),o=!t&&xs(e),r=!t&&!o&&Cs(e),l=!t&&!o&&!r&&Rs(e),a=t||o||r||l,i=a?function(e,n){for(var t=-1,o=Array(e);++t<e;)o[t]=n(t);return o}(e.length,String):[],c=i.length;for(var s in e)!n&&!Fs.call(e,s)||a&&("length"==s||r&&("offset"==s||"parent"==s)||l&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||Ls(s,c))||i.push(s);return i};var Ks=Object.prototype;const Hs=function(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||Ks)},Us=Cc(Object.keys,Object);var Vs=Object.prototype.hasOwnProperty;const Ws=function(e){return null!=e&&Ns(e.length)&&!Hc(e)},qs=function(e){return Ws(e)?Ds(e):function(e){if(!Hs(e))return Us(e);var n=[];for(var t in Object(e))Vs.call(e,t)&&"constructor"!=t&&n.push(t);return n}(e)};var Zs=Object.prototype.hasOwnProperty;const Gs=function(e){if(!Kc(e))return function(e){var n=[];if(null!=e)for(var t in Object(e))n.push(t);return n}(e);var n=Hs(e),t=[];for(var o in e)("constructor"!=o||!n&&Zs.call(e,o))&&t.push(o);return t},Js=function(e){return Ws(e)?Ds(e,!0):Gs(e)};var Ys="object"==typeof exports&&exports&&!exports.nodeType&&exports,Qs=Ys&&"object"==typeof module&&module&&!module.nodeType&&module,Xs=Qs&&Qs.exports===Ys?gc.Buffer:void 0,ed=Xs?Xs.allocUnsafe:void 0;const nd=function(e,n){var t=-1,o=e.length;for(n||(n=Array(o));++t<o;)n[t]=e[t];return n},td=function(){return[]};var od=Object.prototype.propertyIsEnumerable,rd=Object.getOwnPropertySymbols,ld=rd?function(e){return null==e?[]:(e=Object(e),function(e,n){for(var t=-1,o=null==e?0:e.length,r=0,l=[];++t<o;){var a=e[t];n(a,t,e)&&(l[r++]=a)}return l}(rd(e),(function(n){return od.call(e,n)})))}:td;const ad=ld,id=function(e,n){for(var t=-1,o=n.length,r=e.length;++t<o;)e[r+t]=n[t];return e};var cd=Object.getOwnPropertySymbols?function(e){for(var n=[];e;)id(n,ad(e)),e=Oc(e);return n}:td;const sd=cd,dd=function(e,n,t){var o=n(e);return Es(e)?o:id(o,t(e))},ud=function(e){return dd(e,qs,ad)},md=function(e){return dd(e,Js,sd)},fd=ts(gc,"DataView"),bd=ts(gc,"Promise"),pd=ts(gc,"Set"),vd=ts(gc,"WeakMap");var kd="[object Map]",hd="[object Promise]",gd="[object Set]",_d="[object WeakMap]",yd="[object DataView]",wd=Zc(fd),xd=Zc(os),Ed=Zc(bd),zd=Zc(pd),Sd=Zc(vd),Td=Tc;(fd&&Td(new fd(new ArrayBuffer(1)))!=yd||os&&Td(new os)!=kd||bd&&Td(bd.resolve())!=hd||pd&&Td(new pd)!=gd||vd&&Td(new vd)!=_d)&&(Td=function(e){var n=Tc(e),t="[object Object]"==n?e.constructor:void 0,o=t?Zc(t):"";if(o)switch(o){case wd:return yd;case xd:return kd;case Ed:return hd;case zd:return gd;case Sd:return _d}return n});const Cd=Td;var Od=Object.prototype.hasOwnProperty;const Ld=gc.Uint8Array,Nd=function(e){var n=new e.constructor(e.byteLength);return new Ld(n).set(new Ld(e)),n};var Ad=/\w*$/;var Bd=_c?_c.prototype:void 0,Id=Bd?Bd.valueOf:void 0;const $d=function(e,n,t){var o,r,l,a=e.constructor;switch(n){case"[object ArrayBuffer]":return Nd(e);case"[object Boolean]":case"[object Date]":return new a(+e);case"[object DataView]":return function(e,n){var t=n?Nd(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}(e,t);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return function(e,n){var t=n?Nd(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}(e,t);case"[object Map]":case"[object Set]":return new a;case"[object Number]":case"[object String]":return new a(e);case"[object RegExp]":return(l=new(r=e).constructor(r.source,Ad.exec(r))).lastIndex=r.lastIndex,l;case"[object Symbol]":return o=e,Id?Object(Id.call(o)):{}}};var Pd=Object.create,jd=function(){function e(){}return function(n){if(!Kc(n))return{};if(Pd)return Pd(n);e.prototype=n;var t=new e;return e.prototype=void 0,t}}();const Md=jd;var Rd=js&&js.isMap;const Fd=Rd?Bs(Rd):function(e){return Lc(e)&&"[object Map]"==Cd(e)};var Dd=js&&js.isSet;const Kd=Dd?Bs(Dd):function(e){return Lc(e)&&"[object Set]"==Cd(e)};var Hd="[object Arguments]",Ud="[object Function]",Vd="[object Object]",Wd={};Wd[Hd]=Wd["[object Array]"]=Wd["[object ArrayBuffer]"]=Wd["[object DataView]"]=Wd["[object Boolean]"]=Wd["[object Date]"]=Wd["[object Float32Array]"]=Wd["[object Float64Array]"]=Wd["[object Int8Array]"]=Wd["[object Int16Array]"]=Wd["[object Int32Array]"]=Wd["[object Map]"]=Wd["[object Number]"]=Wd[Vd]=Wd["[object RegExp]"]=Wd["[object Set]"]=Wd["[object String]"]=Wd["[object Symbol]"]=Wd["[object Uint8Array]"]=Wd["[object Uint8ClampedArray]"]=Wd["[object Uint16Array]"]=Wd["[object Uint32Array]"]=!0,Wd["[object Error]"]=Wd[Ud]=Wd["[object WeakMap]"]=!1;const qd=function e(n,t,o,r,l,a){var i,c=1&t,s=2&t,d=4&t;if(o&&(i=l?o(n,r,l,a):o(n)),void 0!==i)return i;if(!Kc(n))return n;var u=Es(n);if(u){if(i=function(e){var n=e.length,t=new e.constructor(n);return n&&"string"==typeof e[0]&&Od.call(e,"index")&&(t.index=e.index,t.input=e.input),t}(n),!c)return nd(n,i)}else{var m=Cd(n),f=m==Ud||"[object GeneratorFunction]"==m;if(Cs(n))return function(e,n){if(n)return e.slice();var t=e.length,o=ed?ed(t):new e.constructor(t);return e.copy(o),o}(n,c);if(m==Vd||m==Hd||f&&!l){if(i=s||f?{}:function(e){return"function"!=typeof e.constructor||Hs(e)?{}:Md(Oc(e))}(n),!c)return s?function(e,n){return hs(e,sd(e),n)}(n,function(e,n){return e&&hs(n,Js(n),e)}(i,n)):function(e,n){return hs(e,ad(e),n)}(n,function(e,n){return e&&hs(n,qs(n),e)}(i,n))}else{if(!Wd[m])return l?n:{};i=$d(n,m,c)}}a||(a=new fs);var b=a.get(n);if(b)return b;a.set(n,i),Kd(n)?n.forEach((function(r){i.add(e(r,t,o,r,n,a))})):Fd(n)&&n.forEach((function(r,l){i.set(l,e(r,t,o,l,n,a))}));var p=u?void 0:(d?s?md:ud:s?Js:qs)(n);return function(e,n){for(var t=-1,o=null==e?0:e.length;++t<o&&!1!==n(e[t],t,e););}(p||n,(function(r,l){p&&(r=n[l=r]),ks(i,l,e(r,t,o,l,n,a))})),i},Zd=function(e){return qd(e,5)};var Gd=a(3015),Jd=a.n(Gd);const Yd=function(e){return qd(e,4)},Qd=function(e,n){for(var t=-1,o=null==e?0:e.length,r=Array(o);++t<o;)r[t]=n(e[t],t,e);return r},Xd=function(e){return"symbol"==typeof e||Lc(e)&&"[object Symbol]"==Tc(e)};function eu(e,n){if("function"!=typeof e||null!=n&&"function"!=typeof n)throw new TypeError("Expected a function");var t=function(){var o=arguments,r=n?n.apply(this,o):o[0],l=t.cache;if(l.has(r))return l.get(r);var a=e.apply(this,o);return t.cache=l.set(r,a)||l,a};return t.cache=new(eu.Cache||us),t}eu.Cache=us;var nu,tu,ou=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ru=/\\(\\)?/g;const lu=(nu=eu((function(e){var n=[];return 46===e.charCodeAt(0)&&n.push(""),e.replace(ou,(function(e,t,o,r){n.push(o?r.replace(ru,"$1"):t||e)})),n}),(function(e){return 500===tu.size&&tu.clear(),e})),tu=nu.cache,nu),au=function(e){if("string"==typeof e||Xd(e))return e;var n=e+"";return"0"==n&&1/e==-1/0?"-0":n};var iu=_c?_c.prototype:void 0,cu=iu?iu.toString:void 0;const su=function e(n){if("string"==typeof n)return n;if(Es(n))return Qd(n,e)+"";if(Xd(n))return cu?cu.call(n):"";var t=n+"";return"0"==t&&1/n==-1/0?"-0":t},du=function(e){return null==e?"":su(e)},uu=function(e){return Es(e)?Qd(e,au):Xd(e)?[e]:nd(lu(du(e)))};function mu(){return mu=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},mu.apply(this,arguments)}function fu(e,n){if(null==e)return{};var t,o,r={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}function bu(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}a(2435);var pu=(0,t.createContext)(void 0);pu.displayName="FormikContext";var vu=pu.Provider;function ku(){var e=(0,t.useContext)(pu);return e}pu.Consumer;var hu=function(e){return Array.isArray(e)&&0===e.length},gu=function(e){return"function"==typeof e},_u=function(e){return null!==e&&"object"==typeof e},yu=function(e){return String(Math.floor(Number(e)))===e},wu=function(e){return"[object String]"===Object.prototype.toString.call(e)},xu=function(e){return 0===t.Children.count(e)},Eu=function(e){return _u(e)&&gu(e.then)};function zu(e,n,t,o){void 0===o&&(o=0);for(var r=uu(n);e&&o<r.length;)e=e[r[o++]];return o===r.length||e?void 0===e?t:e:t}function Su(e,n,t){for(var o=Yd(e),r=o,l=0,a=uu(n);l<a.length-1;l++){var i=a[l],c=zu(e,a.slice(0,l+1));if(c&&(_u(c)||Array.isArray(c)))r=r[i]=Yd(c);else{var s=a[l+1];r=r[i]=yu(s)&&Number(s)>=0?[]:{}}}return(0===l?e:r)[a[l]]===t?e:(void 0===t?delete r[a[l]]:r[a[l]]=t,0===l&&void 0===t&&delete o[a[l]],o)}function Tu(e,n,t,o){void 0===t&&(t=new WeakMap),void 0===o&&(o={});for(var r=0,l=Object.keys(e);r<l.length;r++){var a=l[r],i=e[a];_u(i)?t.get(i)||(t.set(i,!0),o[a]=Array.isArray(i)?[]:{},Tu(i,n,t,o[a])):o[a]=n}return o}var Cu={},Ou={};function Lu(e){var n=e.validateOnChange,o=void 0===n||n,r=e.validateOnBlur,l=void 0===r||r,a=e.validateOnMount,i=void 0!==a&&a,c=e.isInitialValid,s=e.enableReinitialize,d=void 0!==s&&s,u=e.onSubmit,m=fu(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),f=mu({validateOnChange:o,validateOnBlur:l,validateOnMount:i,onSubmit:u},m),b=(0,t.useRef)(f.initialValues),p=(0,t.useRef)(f.initialErrors||Cu),v=(0,t.useRef)(f.initialTouched||Ou),k=(0,t.useRef)(f.initialStatus),h=(0,t.useRef)(!1),g=(0,t.useRef)({});(0,t.useEffect)((function(){return h.current=!0,function(){h.current=!1}}),[]);var _=(0,t.useState)(0)[1],y=(0,t.useRef)({values:Zd(f.initialValues),errors:Zd(f.initialErrors)||Cu,touched:Zd(f.initialTouched)||Ou,status:Zd(f.initialStatus),isSubmitting:!1,isValidating:!1,submitCount:0}),w=y.current,x=(0,t.useCallback)((function(e){var n=y.current;y.current=function(e,n){switch(n.type){case"SET_VALUES":return mu({},e,{values:n.payload});case"SET_TOUCHED":return mu({},e,{touched:n.payload});case"SET_ERRORS":return Jd()(e.errors,n.payload)?e:mu({},e,{errors:n.payload});case"SET_STATUS":return mu({},e,{status:n.payload});case"SET_ISSUBMITTING":return mu({},e,{isSubmitting:n.payload});case"SET_ISVALIDATING":return mu({},e,{isValidating:n.payload});case"SET_FIELD_VALUE":return mu({},e,{values:Su(e.values,n.payload.field,n.payload.value)});case"SET_FIELD_TOUCHED":return mu({},e,{touched:Su(e.touched,n.payload.field,n.payload.value)});case"SET_FIELD_ERROR":return mu({},e,{errors:Su(e.errors,n.payload.field,n.payload.value)});case"RESET_FORM":return mu({},e,n.payload);case"SET_FORMIK_STATE":return n.payload(e);case"SUBMIT_ATTEMPT":return mu({},e,{touched:Tu(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return mu({},e,{isSubmitting:!1});default:return e}}(n,e),n!==y.current&&_((function(e){return e+1}))}),[]),E=(0,t.useCallback)((function(e,n){return new Promise((function(t,o){var r=f.validate(e,n);null==r?t(Cu):Eu(r)?r.then((function(e){t(e||Cu)}),(function(e){o(e)})):t(r)}))}),[f.validate]),z=(0,t.useCallback)((function(e,n){var t=f.validationSchema,o=gu(t)?t(n):t,r=n&&o.validateAt?o.validateAt(n,e):function(e,n,t){void 0===t&&(t=!1);var o=Au(e);return n[t?"validateSync":"validate"](o,{abortEarly:!1,context:o})}(e,o);return new Promise((function(e,n){r.then((function(){e(Cu)}),(function(t){"ValidationError"===t.name?e(function(e){var n={};if(e.inner){if(0===e.inner.length)return Su(n,e.path,e.message);var t=e.inner,o=Array.isArray(t),r=0;for(t=o?t:t[Symbol.iterator]();;){var l;if(o){if(r>=t.length)break;l=t[r++]}else{if((r=t.next()).done)break;l=r.value}var a=l;zu(n,a.path)||(n=Su(n,a.path,a.message))}}return n}(t)):n(t)}))}))}),[f.validationSchema]),S=(0,t.useCallback)((function(e,n){return new Promise((function(t){return t(g.current[e].validate(n))}))}),[]),T=(0,t.useCallback)((function(e){var n=Object.keys(g.current).filter((function(e){return gu(g.current[e].validate)})),t=n.length>0?n.map((function(n){return S(n,zu(e,n))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(t).then((function(e){return e.reduce((function(e,t,o){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===t||t&&(e=Su(e,n[o],t)),e}),{})}))}),[S]),C=(0,t.useCallback)((function(e){return Promise.all([T(e),f.validationSchema?z(e):{},f.validate?E(e):{}]).then((function(e){var n=e[0],t=e[1],o=e[2];return vc.all([n,t,o],{arrayMerge:Bu})}))}),[f.validate,f.validationSchema,T,E,z]),O=$u((function(e){return void 0===e&&(e=w.values),x({type:"SET_ISVALIDATING",payload:!0}),C(e).then((function(e){return h.current&&(x({type:"SET_ISVALIDATING",payload:!1}),x({type:"SET_ERRORS",payload:e})),e}))}));(0,t.useEffect)((function(){i&&!0===h.current&&Jd()(b.current,f.initialValues)&&O(b.current)}),[i,O]);var L=(0,t.useCallback)((function(e){var n=e&&e.values?e.values:b.current,t=e&&e.errors?e.errors:p.current?p.current:f.initialErrors||{},o=e&&e.touched?e.touched:v.current?v.current:f.initialTouched||{},r=e&&e.status?e.status:k.current?k.current:f.initialStatus;b.current=n,p.current=t,v.current=o,k.current=r;var l=function(){x({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:t,touched:o,status:r,values:n,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(f.onReset){var a=f.onReset(w.values,G);Eu(a)?a.then(l):l()}else l()}),[f.initialErrors,f.initialStatus,f.initialTouched,f.onReset]);(0,t.useEffect)((function(){!0!==h.current||Jd()(b.current,f.initialValues)||d&&(b.current=f.initialValues,L(),i&&O(b.current))}),[d,f.initialValues,L,i,O]),(0,t.useEffect)((function(){d&&!0===h.current&&!Jd()(p.current,f.initialErrors)&&(p.current=f.initialErrors||Cu,x({type:"SET_ERRORS",payload:f.initialErrors||Cu}))}),[d,f.initialErrors]),(0,t.useEffect)((function(){d&&!0===h.current&&!Jd()(v.current,f.initialTouched)&&(v.current=f.initialTouched||Ou,x({type:"SET_TOUCHED",payload:f.initialTouched||Ou}))}),[d,f.initialTouched]),(0,t.useEffect)((function(){d&&!0===h.current&&!Jd()(k.current,f.initialStatus)&&(k.current=f.initialStatus,x({type:"SET_STATUS",payload:f.initialStatus}))}),[d,f.initialStatus,f.initialTouched]);var N=$u((function(e){if(g.current[e]&&gu(g.current[e].validate)){var n=zu(w.values,e),t=g.current[e].validate(n);return Eu(t)?(x({type:"SET_ISVALIDATING",payload:!0}),t.then((function(e){return e})).then((function(n){x({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),x({type:"SET_ISVALIDATING",payload:!1})}))):(x({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),Promise.resolve(t))}return f.validationSchema?(x({type:"SET_ISVALIDATING",payload:!0}),z(w.values,e).then((function(e){return e})).then((function(n){x({type:"SET_FIELD_ERROR",payload:{field:e,value:zu(n,e)}}),x({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),A=(0,t.useCallback)((function(e,n){var t=n.validate;g.current[e]={validate:t}}),[]),B=(0,t.useCallback)((function(e){delete g.current[e]}),[]),I=$u((function(e,n){return x({type:"SET_TOUCHED",payload:e}),(void 0===n?l:n)?O(w.values):Promise.resolve()})),$=(0,t.useCallback)((function(e){x({type:"SET_ERRORS",payload:e})}),[]),P=$u((function(e,n){var t=gu(e)?e(w.values):e;return x({type:"SET_VALUES",payload:t}),(void 0===n?o:n)?O(t):Promise.resolve()})),j=(0,t.useCallback)((function(e,n){x({type:"SET_FIELD_ERROR",payload:{field:e,value:n}})}),[]),M=$u((function(e,n,t){return x({type:"SET_FIELD_VALUE",payload:{field:e,value:n}}),(void 0===t?o:t)?O(Su(w.values,e,n)):Promise.resolve()})),R=(0,t.useCallback)((function(e,n){var t,o=n,r=e;if(!wu(e)){e.persist&&e.persist();var l=e.target?e.target:e.currentTarget,a=l.type,i=l.name,c=l.id,s=l.value,d=l.checked,u=(l.outerHTML,l.options),m=l.multiple;o=n||i||c,r=/number|range/.test(a)?(t=parseFloat(s),isNaN(t)?"":t):/checkbox/.test(a)?function(e,n,t){if("boolean"==typeof e)return Boolean(n);var o=[],r=!1,l=-1;if(Array.isArray(e))o=e,r=(l=e.indexOf(t))>=0;else if(!t||"true"==t||"false"==t)return Boolean(n);return n&&t&&!r?o.concat(t):r?o.slice(0,l).concat(o.slice(l+1)):o}(zu(w.values,o),d,s):u&&m?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(u):s}o&&M(o,r)}),[M,w.values]),F=$u((function(e){if(wu(e))return function(n){return R(n,e)};R(e)})),D=$u((function(e,n,t){return void 0===n&&(n=!0),x({type:"SET_FIELD_TOUCHED",payload:{field:e,value:n}}),(void 0===t?l:t)?O(w.values):Promise.resolve()})),K=(0,t.useCallback)((function(e,n){e.persist&&e.persist();var t=e.target,o=t.name,r=t.id,l=(t.outerHTML,n||o||r);D(l,!0)}),[D]),H=$u((function(e){if(wu(e))return function(n){return K(n,e)};K(e)})),U=(0,t.useCallback)((function(e){gu(e)?x({type:"SET_FORMIK_STATE",payload:e}):x({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),V=(0,t.useCallback)((function(e){x({type:"SET_STATUS",payload:e})}),[]),W=(0,t.useCallback)((function(e){x({type:"SET_ISSUBMITTING",payload:e})}),[]),q=$u((function(){return x({type:"SUBMIT_ATTEMPT"}),O().then((function(e){var n=e instanceof Error;if(!n&&0===Object.keys(e).length){var t;try{if(void 0===(t=J()))return}catch(e){throw e}return Promise.resolve(t).then((function(e){return h.current&&x({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(h.current)throw x({type:"SUBMIT_FAILURE"}),e}))}if(h.current&&(x({type:"SUBMIT_FAILURE"}),n))throw e}))})),Z=$u((function(e){e&&e.preventDefault&&gu(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&gu(e.stopPropagation)&&e.stopPropagation(),q().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),G={resetForm:L,validateForm:O,validateField:N,setErrors:$,setFieldError:j,setFieldTouched:D,setFieldValue:M,setStatus:V,setSubmitting:W,setTouched:I,setValues:P,setFormikState:U,submitForm:q},J=$u((function(){return u(w.values,G)})),Y=$u((function(e){e&&e.preventDefault&&gu(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&gu(e.stopPropagation)&&e.stopPropagation(),L()})),Q=(0,t.useCallback)((function(e){return{value:zu(w.values,e),error:zu(w.errors,e),touched:!!zu(w.touched,e),initialValue:zu(b.current,e),initialTouched:!!zu(v.current,e),initialError:zu(p.current,e)}}),[w.errors,w.touched,w.values]),X=(0,t.useCallback)((function(e){return{setValue:function(n,t){return M(e,n,t)},setTouched:function(n,t){return D(e,n,t)},setError:function(n){return j(e,n)}}}),[M,D,j]),ee=(0,t.useCallback)((function(e){var n=_u(e),t=n?e.name:e,o=zu(w.values,t),r={name:t,value:o,onChange:F,onBlur:H};if(n){var l=e.type,a=e.value,i=e.as,c=e.multiple;"checkbox"===l?void 0===a?r.checked=!!o:(r.checked=!(!Array.isArray(o)||!~o.indexOf(a)),r.value=a):"radio"===l?(r.checked=o===a,r.value=a):"select"===i&&c&&(r.value=r.value||[],r.multiple=!0)}return r}),[H,F,w.values]),ne=(0,t.useMemo)((function(){return!Jd()(b.current,w.values)}),[b.current,w.values]),te=(0,t.useMemo)((function(){return void 0!==c?ne?w.errors&&0===Object.keys(w.errors).length:!1!==c&&gu(c)?c(f):c:w.errors&&0===Object.keys(w.errors).length}),[c,ne,w.errors,f]);return mu({},w,{initialValues:b.current,initialErrors:p.current,initialTouched:v.current,initialStatus:k.current,handleBlur:H,handleChange:F,handleReset:Y,handleSubmit:Z,resetForm:L,setErrors:$,setFormikState:U,setFieldTouched:D,setFieldValue:M,setFieldError:j,setStatus:V,setSubmitting:W,setTouched:I,setValues:P,submitForm:q,validateForm:O,validateField:N,isValid:te,dirty:ne,unregisterField:B,registerField:A,getFieldProps:ee,getFieldMeta:Q,getFieldHelpers:X,validateOnBlur:l,validateOnChange:o,validateOnMount:i})}function Nu(e){var n=Lu(e),o=e.component,r=e.children,l=e.render,a=e.innerRef;return(0,t.useImperativeHandle)(a,(function(){return n})),(0,t.createElement)(vu,{value:n},o?(0,t.createElement)(o,n):l?l(n):r?gu(r)?r(n):xu(r)?null:t.Children.only(r):null)}function Au(e){var n=Array.isArray(e)?[]:{};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){var o=String(t);!0===Array.isArray(e[o])?n[o]=e[o].map((function(e){return!0===Array.isArray(e)||Pc(e)?Au(e):""!==e?e:void 0})):Pc(e[o])?n[o]=Au(e[o]):n[o]=""!==e[o]?e[o]:void 0}return n}function Bu(e,n,t){var o=e.slice();return n.forEach((function(n,r){if(void 0===o[r]){var l=!1!==t.clone&&t.isMergeableObject(n);o[r]=l?vc(Array.isArray(n)?[]:{},n,t):n}else t.isMergeableObject(n)?o[r]=vc(e[r],n,t):-1===e.indexOf(n)&&o.push(n)})),o}var Iu="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function $u(e){var n=(0,t.useRef)(e);return Iu((function(){n.current=e})),(0,t.useCallback)((function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return n.current.apply(void 0,t)}),[])}function Pu(e){var n=e.validate,o=e.name,r=e.render,l=e.children,a=e.as,i=e.component,c=e.className,s=fu(e,["validate","name","render","children","as","component","className"]),d=fu(ku(),["validate","validationSchema"]),u=d.registerField,m=d.unregisterField;(0,t.useEffect)((function(){return u(o,{validate:n}),function(){m(o)}}),[u,m,o,n]);var f=d.getFieldProps(mu({name:o},s)),b=d.getFieldMeta(o),p={field:f,form:d};if(r)return r(mu({},p,{meta:b}));if(gu(l))return l(mu({},p,{meta:b}));if(i){if("string"==typeof i){var v=s.innerRef,k=fu(s,["innerRef"]);return(0,t.createElement)(i,mu({ref:v},f,k,{className:c}),l)}return(0,t.createElement)(i,mu({field:f,form:d},s,{className:c}),l)}var h=a||"input";if("string"==typeof h){var g=s.innerRef,_=fu(s,["innerRef"]);return(0,t.createElement)(h,mu({ref:g},f,_,{className:c}),l)}return(0,t.createElement)(h,mu({},f,s,{className:c}),l)}(0,t.forwardRef)((function(e,n){var o=e.action,r=fu(e,["action"]),l=null!=o?o:"#",a=ku(),i=a.handleReset,c=a.handleSubmit;return(0,t.createElement)("form",mu({onSubmit:c,ref:n,onReset:i,action:l},r))})).displayName="Form";var ju,Mu,Ru=function(e,n,t){var o=Fu(e);return o.splice(n,0,t),o},Fu=function(e){if(e){if(Array.isArray(e))return[].concat(e);var n=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,n){return n>e?n:e}),0);return Array.from(mu({},e,{length:n+1}))}return[]},Du=function(e,n){var t="function"==typeof e?e:n;return function(e){if(Array.isArray(e)||_u(e)){var n=Fu(e);return t(n)}return e}},Ku=function(e){function n(n){var t;return(t=e.call(this,n)||this).updateArrayField=function(e,n,o){var r=t.props,l=r.name;(0,r.formik.setFormikState)((function(t){var r=Du(o,e),a=Du(n,e),i=Su(t.values,l,e(zu(t.values,l))),c=o?r(zu(t.errors,l)):void 0,s=n?a(zu(t.touched,l)):void 0;return hu(c)&&(c=void 0),hu(s)&&(s=void 0),mu({},t,{values:i,errors:o?Su(t.errors,l,c):t.errors,touched:n?Su(t.touched,l,s):t.touched})}))},t.push=function(e){return t.updateArrayField((function(n){return[].concat(Fu(n),[Zd(e)])}),!1,!1)},t.handlePush=function(e){return function(){return t.push(e)}},t.swap=function(e,n){return t.updateArrayField((function(t){return function(e,n,t){var o=Fu(e),r=o[n];return o[n]=o[t],o[t]=r,o}(t,e,n)}),!0,!0)},t.handleSwap=function(e,n){return function(){return t.swap(e,n)}},t.move=function(e,n){return t.updateArrayField((function(t){return function(e,n,t){var o=Fu(e),r=o[n];return o.splice(n,1),o.splice(t,0,r),o}(t,e,n)}),!0,!0)},t.handleMove=function(e,n){return function(){return t.move(e,n)}},t.insert=function(e,n){return t.updateArrayField((function(t){return Ru(t,e,n)}),(function(n){return Ru(n,e,null)}),(function(n){return Ru(n,e,null)}))},t.handleInsert=function(e,n){return function(){return t.insert(e,n)}},t.replace=function(e,n){return t.updateArrayField((function(t){return function(e,n,t){var o=Fu(e);return o[n]=t,o}(t,e,n)}),!1,!1)},t.handleReplace=function(e,n){return function(){return t.replace(e,n)}},t.unshift=function(e){var n=-1;return t.updateArrayField((function(t){var o=t?[e].concat(t):[e];return n=o.length,o}),(function(e){return e?[null].concat(e):[null]}),(function(e){return e?[null].concat(e):[null]})),n},t.handleUnshift=function(e){return function(){return t.unshift(e)}},t.handleRemove=function(e){return function(){return t.remove(e)}},t.handlePop=function(){return function(){return t.pop()}},t.remove=t.remove.bind(bu(t)),t.pop=t.pop.bind(bu(t)),t}var o,r;r=e,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r;var l=n.prototype;return l.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!Jd()(zu(e.formik.values,e.name),zu(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},l.remove=function(e){var n;return this.updateArrayField((function(t){var o=t?Fu(t):[];return n||(n=o[e]),gu(o.splice)&&o.splice(e,1),gu(o.every)&&o.every((function(e){return void 0===e}))?[]:o}),!0,!0),n},l.pop=function(){var e;return this.updateArrayField((function(n){var t=n.slice();return e||(e=t&&t.pop&&t.pop()),t}),!0,!0),e},l.render=function(){var e={push:this.push,pop:this.pop,swap:this.swap,move:this.move,insert:this.insert,replace:this.replace,unshift:this.unshift,remove:this.remove,handlePush:this.handlePush,handlePop:this.handlePop,handleSwap:this.handleSwap,handleMove:this.handleMove,handleInsert:this.handleInsert,handleReplace:this.handleReplace,handleUnshift:this.handleUnshift,handleRemove:this.handleRemove},n=this.props,o=n.component,r=n.render,l=n.children,a=n.name,i=mu({},e,{form:fu(n.formik,["validate","validationSchema"]),name:a});return o?(0,t.createElement)(o,i):r?r(i):l?"function"==typeof l?l(i):xu(l)?null:t.Children.only(l):null},n}(t.Component);function Hu(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t}function Uu(){}function Vu(e){return!!(e||"").match(/\d/)}function Wu(e){return null==e}function qu(e){return Wu(e)||function(e){return"number"==typeof e&&isNaN(e)}(e)||"number"==typeof e&&!isFinite(e)}function Zu(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function Gu(e,n){void 0===n&&(n=!0);var t="-"===e[0],o=t&&n,r=(e=e.replace("-","")).split(".");return{beforeDecimal:r[0],afterDecimal:r[1]||"",hasNegation:t,addNegation:o}}function Ju(e,n,t){for(var o="",r=t?"0":"",l=0;l<=n-1;l++)o+=e[l]||r;return o}function Yu(e,n){return Array(n+1).join(e)}function Qu(e){var n=e+"",t="-"===n[0]?"-":"";t&&(n=n.substring(1));var o=n.split(/[eE]/g),r=o[0],l=o[1];if(!(l=Number(l)))return t+r;var a=1+l,i=(r=r.replace(".","")).length;return a<0?r="0."+Yu("0",Math.abs(a))+r:a>=i?r+=Yu("0",a-i):r=(r.substring(0,a)||"0")+"."+r.substring(a),t+r}function Xu(e,n,t){if(-1!==["","-"].indexOf(e))return e;var o=(-1!==e.indexOf(".")||t)&&n,r=Gu(e),l=r.beforeDecimal,a=r.afterDecimal,i=r.hasNegation,c=parseFloat("0."+(a||"0")),s=(a.length<=n?"0."+a:c.toFixed(n)).split("."),d=l;return l&&Number(s[0])&&(d=l.split("").reverse().reduce((function(e,n,t){return e.length>t?(Number(e[0])+Number(n)).toString()+e.substring(1,e.length):n+e}),s[0])),(i?"-":"")+d+(o?".":"")+Ju(s[1]||"",n,t)}function em(e,n){if(e.value=e.value,null!==e){if(e.createTextRange){var t=e.createTextRange();return t.move("character",n),t.select(),!0}return e.selectionStart||0===e.selectionStart?(e.focus(),e.setSelectionRange(n,n),!0):(e.focus(),!1)}}Ku.defaultProps={validateOnChange:!0},(Mu=ju||(ju={})).event="event",Mu.props="prop";var nm,tm,om,rm=(nm=function(e,n){for(var t=0,o=0,r=e.length,l=n.length;e[t]===n[t]&&t<r;)t++;for(;e[r-1-o]===n[l-1-o]&&l-o>t&&r-o>t;)o++;return{from:{start:t,end:r-o},to:{start:t,end:l-o}}},om=void 0,function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return tm&&e.length===tm.length&&e.every((function(e,n){return e===tm[n]}))?om:(tm=e,om=nm.apply(void 0,e))});function lm(e){return Math.max(e.selectionStart,e.selectionEnd)}function am(e){var n=e.currentValue,t=e.formattedValue,o=e.currentValueIndex,r=e.formattedValueIndex;return n[o]===t[r]}function im(e,n,t,o){var r,l,a=e.length;if(r=n,l=a,n=Math.min(Math.max(r,0),l),"left"===o){for(;n>=0&&!t[n];)n--;-1===n&&(n=t.indexOf(!0))}else{for(;n<=a&&!t[n];)n++;n>a&&(n=t.lastIndexOf(!0))}return-1===n&&(n=a),n}function cm(e){for(var n=Array.from({length:e.length+1}).map((function(){return!0})),t=0,o=n.length;t<o;t++)n[t]=Boolean(Vu(e[t])||Vu(e[t-1]));return n}function sm(e,n,o,r,l,a){void 0===a&&(a=Uu);var i=function(e){var n=(0,t.useRef)(e);n.current=e;var o=(0,t.useRef)((function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return n.current.apply(n,e)}));return o.current}((function(e,n){var t,o;return qu(e)?(o="",t=""):"number"==typeof e||n?(o="number"==typeof e?Qu(e):e,t=r(o)):(o=l(e,void 0),t=r(o)),{formattedValue:t,numAsString:o}})),c=(0,t.useState)((function(){return i(Wu(e)?n:e,o)})),s=c[0],d=c[1],u=e,m=o;Wu(e)&&(u=s.numAsString,m=!0);var f=i(u,m);return(0,t.useMemo)((function(){d(f)}),[f.formattedValue]),[s,function(e,n){e.formattedValue!==s.formattedValue&&d({formattedValue:e.formattedValue,numAsString:e.value}),a(e,n)}]}function dm(e){return e.replace(/[^0-9]/g,"")}function um(e){return e}function mm(e){var n=e.type;void 0===n&&(n="text");var o=e.displayType;void 0===o&&(o="input");var r=e.customInput,l=e.renderText,a=e.getInputRef,i=e.format;void 0===i&&(i=um);var c=e.removeFormatting;void 0===c&&(c=dm);var s=e.defaultValue,d=e.valueIsNumericString,u=e.onValueChange,m=e.isAllowed,f=e.onChange;void 0===f&&(f=Uu);var b=e.onKeyDown;void 0===b&&(b=Uu);var p=e.onMouseUp;void 0===p&&(p=Uu);var v=e.onFocus;void 0===v&&(v=Uu);var k=e.onBlur;void 0===k&&(k=Uu);var h=e.value,g=e.getCaretBoundary;void 0===g&&(g=cm);var _=e.isValidInputCharacter;void 0===_&&(_=Vu);var y=e.isCharacterSame,w=Hu(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),x=sm(h,s,Boolean(d),i,c,u),E=x[0],z=E.formattedValue,S=E.numAsString,T=x[1],C=(0,t.useRef)(),O=(0,t.useRef)({formattedValue:z,numAsString:S}),L=function(e,n){O.current={formattedValue:e.formattedValue,numAsString:e.value},T(e,n)},N=(0,t.useState)(!1),A=N[0],B=N[1],I=(0,t.useRef)(null),$=(0,t.useRef)({setCaretTimeout:null,focusTimeout:null});(0,t.useEffect)((function(){return B(!0),function(){clearTimeout($.current.setCaretTimeout),clearTimeout($.current.focusTimeout)}}),[]);var P=i,j=function(e,n){var t=parseFloat(n);return{formattedValue:e,value:n,floatValue:isNaN(t)?void 0:t}},M=function(e,n,t){0===e.selectionStart&&e.selectionEnd===e.value.length||(em(e,n),$.current.setCaretTimeout=setTimeout((function(){e.value===t&&e.selectionStart!==n&&em(e,n)}),0))},R=function(e,n,t){return im(e,n,g(e),t)},F=function(e,n,t){var o=g(n),r=function(e,n,t,o,r,l,a){void 0===a&&(a=am);var i=r.findIndex((function(e){return e})),c=e.slice(0,i);n||t.startsWith(c)||(n=c,t=c+t,o+=c.length);for(var s=t.length,d=e.length,u={},m=new Array(s),f=0;f<s;f++){m[f]=-1;for(var b=0,p=d;b<p;b++)if(a({currentValue:t,lastValue:n,formattedValue:e,currentValueIndex:f,formattedValueIndex:b})&&!0!==u[b]){m[f]=b,u[b]=!0;break}}for(var v=o;v<s&&(-1===m[v]||!l(t[v]));)v++;var k=v===s||-1===m[v]?d:m[v];for(v=o-1;v>0&&-1===m[v];)v--;var h=-1===v||-1===m[v]?0:m[v]+1;return h>k?k:o-h<k-o?h:k}(n,z,e,t,o,_,y);return im(n,r,o)};(0,t.useEffect)((function(){var e=O.current,n=e.formattedValue,t=e.numAsString;z===n&&S===t||L(j(z,S),{event:void 0,source:ju.props})}),[z,S]);var D=I.current?lm(I.current):void 0;("undefined"!=typeof window?t.useLayoutEffect:t.useEffect)((function(){var e=I.current;if(z!==O.current.formattedValue&&e){var n=F(O.current.formattedValue,z,D);e.value=z,M(e,n,z)}}),[z]);var K=function(e,n){void 0===n&&(n=0);var t=e.selectionStart,o=e.selectionEnd;C.current={selectionStart:t,selectionEnd:o+n}},H=!A||"undefined"==typeof navigator||navigator.platform&&/iPhone|iPod/.test(navigator.platform)?void 0:"numeric",U=Object.assign({inputMode:H},w,{type:n,value:z,onChange:function(e){(function(e,n,t){var o=n.target,r=C.current?function(e,n){var t=Math.min(e.selectionStart,n);return{from:{start:t,end:e.selectionEnd},to:{start:t,end:n}}}(C.current,o.selectionEnd):rm(z,e),l=Object.assign(Object.assign({},r),{lastValue:z}),a=c(e,l),i=P(a);if(a=c(i,void 0),m&&!m(j(i,a))){var s=n.target,d=lm(s),u=F(e,z,d);return s.value=z,M(s,u,z),!1}return function(e){var n=e.formattedValue;void 0===n&&(n="");var t,o=e.input,r=e.source,l=e.event,a=e.numAsString;if(o){var i=e.inputValue||o.value,c=lm(o);o.value=n,void 0!==(t=F(i,n,c))&&M(o,t,n)}n!==z&&L(j(n,a),{event:l,source:r})}({formattedValue:i,numAsString:a,inputValue:e,event:n,source:t,input:n.target}),!0})(e.target.value,e,ju.event)&&f(e),C.current=void 0},onKeyDown:function(e){var n,t=e.target,o=e.key,r=t.selectionStart,l=t.selectionEnd,a=t.value;void 0===a&&(a=""),"ArrowLeft"===o||"Backspace"===o?n=Math.max(r-1,0):"ArrowRight"===o?n=Math.min(r+1,a.length):"Delete"===o&&(n=r);var i=0;"Delete"===o&&r===l&&(i=1);var c="ArrowLeft"===o||"ArrowRight"===o;if(void 0===n||r!==l&&!c)return b(e),void K(t,i);var s=n;c?(s=R(a,n,"ArrowLeft"===o?"left":"right"))!==n&&e.preventDefault():"Delete"!==o||_(a[n])?"Backspace"!==o||_(a[n])||(s=R(a,n,"left")):s=R(a,n,"right"),s!==n&&M(t,s,a),b(e),K(t,i)},onMouseUp:function(e){var n=e.target,t=function(){var e=n.selectionStart,t=n.selectionEnd,o=n.value;if(void 0===o&&(o=""),e===t){var r=R(o,e);r!==e&&M(n,r,o)}};t(),requestAnimationFrame((function(){t()})),p(e),K(n)},onFocus:function(e){e.persist&&e.persist();var n=e.target,t=e.currentTarget;I.current=n,$.current.focusTimeout=setTimeout((function(){var o=n.selectionStart,r=n.selectionEnd,l=n.value;void 0===l&&(l="");var a=R(l,o);a===o||0===o&&r===l.length||M(n,a,l),v(Object.assign(Object.assign({},e),{currentTarget:t}))}),0)},onBlur:function(e){I.current=null,clearTimeout($.current.focusTimeout),clearTimeout($.current.setCaretTimeout),k(e)}});if("text"===o)return l?t.createElement(t.Fragment,null,l(z,w)||null):t.createElement("span",Object.assign({},w,{ref:a}),z);if(r){var V=r;return t.createElement(V,Object.assign({},U,{ref:a}))}return t.createElement("input",Object.assign({},U,{ref:a}))}function fm(e,n){var t=n.decimalScale,o=n.fixedDecimalScale,r=n.prefix;void 0===r&&(r="");var l=n.suffix;void 0===l&&(l="");var a=n.allowNegative,i=n.thousandsGroupStyle;if(void 0===i&&(i="thousand"),""===e||"-"===e)return e;var c=bm(n),s=c.thousandSeparator,d=c.decimalSeparator,u=0!==t&&-1!==e.indexOf(".")||t&&o,m=Gu(e,a),f=m.beforeDecimal,b=m.afterDecimal,p=m.addNegation;return void 0!==t&&(b=Ju(b,t,!!o)),s&&(f=function(e,n,t){var o=function(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;default:return/(\d)(?=(\d{3})+(?!\d))/g}}(t),r=e.search(/[1-9]/);return r=-1===r?e.length:r,e.substring(0,r)+e.substring(r,e.length).replace(o,"$1"+n)}(f,s,i)),r&&(f=r+f),l&&(b+=l),p&&(f="-"+f),f+(u&&d||"")+b}function bm(e){var n=e.decimalSeparator;void 0===n&&(n=".");var t=e.thousandSeparator,o=e.allowedDecimalSeparators;return!0===t&&(t=","),o||(o=[n,"."]),{decimalSeparator:n,thousandSeparator:t,allowedDecimalSeparators:o}}function pm(e){e=function(e){var n=bm(e),t=n.thousandSeparator,o=n.decimalSeparator,r=e.prefix;void 0===r&&(r="");var l=e.allowNegative;if(void 0===l&&(l=!0),t===o)throw new Error("\n        Decimal separator can't be same as thousand separator.\n        thousandSeparator: "+t+' (thousandSeparator = {true} is same as thousandSeparator = ",")\n        decimalSeparator: '+o+" (default value for decimalSeparator is .)\n     ");return r.startsWith("-")&&l&&(console.error("\n      Prefix can't start with '-' when allowNegative is true.\n      prefix: "+r+"\n      allowNegative: "+l+"\n    "),l=!1),Object.assign(Object.assign({},e),{allowNegative:l})}(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var n=e.suffix,t=e.allowNegative,o=e.allowLeadingZeros,r=e.onKeyDown;void 0===r&&(r=Uu);var l=e.onBlur;void 0===l&&(l=Uu);var a=e.thousandSeparator,i=e.decimalScale,c=e.fixedDecimalScale,s=e.prefix;void 0===s&&(s="");var d=e.defaultValue,u=e.value,m=e.valueIsNumericString,f=e.onValueChange,b=Hu(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),p=bm(e),v=p.decimalSeparator,k=p.allowedDecimalSeparators,h=function(n){return fm(n,e)},g=function(n,t){return function(e,n,t){var o;void 0===n&&(n=function(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}(e));var r=t.allowNegative,l=t.prefix;void 0===l&&(l="");var a=t.suffix;void 0===a&&(a="");var i=t.decimalScale,c=n.from,s=n.to,d=s.start,u=s.end,m=bm(t),f=m.allowedDecimalSeparators,b=m.decimalSeparator,p=e[u]===b;if(Vu(e)&&(e===l||e===a)&&""===n.lastValue)return e;if(u-d==1&&-1!==f.indexOf(e[d])){var v=0===i?"":b;e=e.substring(0,d)+v+e.substring(d+1,e.length)}var k=function(e,n,t){var o=!1,r=!1;l.startsWith("-")?o=!1:e.startsWith("--")?(o=!1,r=!0):a.startsWith("-")&&e.length===a.length?o=!1:"-"===e[0]&&(o=!0);var i=o?1:0;return r&&(i=2),i&&(e=e.substring(i),n-=i,t-=i),{value:e,start:n,end:t,hasNegation:o}},h=k(e,d,u),g=h.hasNegation;e=(o=h).value,d=o.start,u=o.end;var _=k(n.lastValue,c.start,c.end),y=_.start,w=_.end,x=_.value,E=e.substring(d,u);!(e.length&&x.length&&(y>x.length-a.length||w<l.length))||E&&a.startsWith(E)||(e=x);var z=0;e.startsWith(l)?z+=l.length:d<l.length&&(z=d),u-=z;var S=(e=e.substring(z)).length,T=e.length-a.length;e.endsWith(a)?S=T:(u>T||u>e.length-a.length)&&(S=u),e=e.substring(0,S),e=function(e,n){void 0===e&&(e="");var t=new RegExp("(-)"),o=new RegExp("(-)(.)*(-)"),r=t.test(e),l=o.test(e);return e=e.replace(/-/g,""),r&&!l&&n&&(e="-"+e),e}(g?"-"+e:e,r),e=(e.match(function(e){return new RegExp("(^-)|[0-9]|"+Zu(e),"g")}(b))||[]).join("");var C=e.indexOf(b),O=Gu(e=e.replace(new RegExp(Zu(b),"g"),(function(e,n){return n===C?".":""})),r),L=O.beforeDecimal,N=O.afterDecimal,A=O.addNegation;return s.end-s.start<c.end-c.start&&""===L&&p&&!parseFloat(N)&&(e=A?"-":""),e}(n,t,e)},_=Wu(u)?d:u,y=null!=m?m:function(e,n,t){return""===e||!(null==n?void 0:n.match(/\d/))&&!(null==t?void 0:t.match(/\d/))&&"string"==typeof e&&!isNaN(Number(e))}(_,s,n);Wu(u)?Wu(d)||(y=y||"number"==typeof d):y=y||"number"==typeof u;var w=function(e){return qu(e)?e:("number"==typeof e&&(e=Qu(e)),y&&"number"==typeof i?Xu(e,i,Boolean(c)):e)},x=sm(w(u),w(d),Boolean(y),h,g,f),E=x[0],z=E.numAsString,S=E.formattedValue,T=x[1];return Object.assign(Object.assign({},b),{value:S,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===v||Vu(e)},isCharacterSame:function(e){var n=e.currentValue,t=e.lastValue,o=e.formattedValue,r=e.currentValueIndex,l=e.formattedValueIndex,a=n[r],d=o[l],m=rm(t,n).to,f=function(e){return g(e).indexOf(".")+s.length};return!(0===u&&c&&i&&n[m.start]===v&&f(n)<r&&f(o)>l||!(r>=m.start&&r<m.end&&k&&k.includes(a)&&d===v)&&a!==d)},onValueChange:T,format:h,removeFormatting:g,getCaretBoundary:function(n){return function(e,n){var t=n.prefix;void 0===t&&(t="");var o=n.suffix;void 0===o&&(o="");var r=Array.from({length:e.length+1}).map((function(){return!0})),l="-"===e[0];r.fill(!1,0,t.length+(l?1:0));var a=e.length;return r.fill(!1,a-o.length+1,a+1),r}(n,e)},onKeyDown:function(e){var n=e.target,o=e.key,l=n.selectionStart,d=n.selectionEnd,u=n.value;if(void 0===u&&(u=""),("Backspace"===o||"Delete"===o)&&d<s.length)e.preventDefault();else if(l===d){"Backspace"===o&&"-"===u[0]&&l===s.length+1&&t&&em(n,1),i&&c&&("Backspace"===o&&u[l-1]===v?(em(n,l-1),e.preventDefault()):"Delete"===o&&u[l]===v&&e.preventDefault()),(null==k?void 0:k.includes(o))&&u[l]===v&&em(n,l+1);var m=!0===a?",":a;"Backspace"===o&&u[l-1]===m&&em(n,l-1),"Delete"===o&&u[l]===m&&em(n,l+1),r(e)}else r(e)},onBlur:function(n){var t=z;if(t.match(/\d/g)||(t=""),o||(t=function(e){if(!e)return e;var n="-"===e[0];n&&(e=e.substring(1,e.length));var t=e.split("."),o=t[0].replace(/^0+/,"")||"0",r=t[1]||"";return(n?"-":"")+o+(r?"."+r:"")}(t)),c&&i&&(t=Xu(t,i,c)),t!==z){var r=fm(t,e);T({formattedValue:r,value:t,floatValue:parseFloat(t)},{event:n,source:ju.event})}l(n)}})}function vm(e){var n=pm(e);return t.createElement(mm,Object.assign({},n))}const km=/[^a-zA-Z0-9]/g,hm=/(.{4})(?!$)/g;class gm{electronicFormat(e){return e.replace(km,"").toUpperCase()}printFormat(e,n){return this.electronicFormat(e).replace(hm,"$1"+(n||" "))}parse(e){return this.electronicFormat(e)}format(e){return this.printFormat(e)}}var _m=Object.defineProperty,ym=Object.defineProperties,wm=Object.getOwnPropertyDescriptors,xm=Object.getOwnPropertySymbols,Em=Object.prototype.hasOwnProperty,zm=Object.prototype.propertyIsEnumerable,Sm=(e,n,t)=>n in e?_m(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Tm=(e,n)=>{for(var t in n||(n={}))Em.call(n,t)&&Sm(e,t,n[t]);if(xm)for(var t of xm(n))zm.call(n,t)&&Sm(e,t,n[t]);return e},Cm=(e,n)=>ym(e,wm(n));const Om={_icons:"codicon codicon-info",_hideLabel:!0},Lm={left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},Nm={"input-text":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.")),t.createElement(fr,{RefComponent:dc})),"hide-msg":()=>t.createElement("div",{className:"grid gap-4"},t.createElement(Ht,null,t.createElement("p",null,"This sample shows the ",t.createElement("code",null,"_hideMsg")," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs.")),t.createElement(Me,{_label:"Normal input field with error",_level:0},t.createElement(nn,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})),t.createElement(Me,{_label:"Input fields with hidden error",_level:0},t.createElement("fieldset",{className:"grid md:grid-cols-2 gap-4"},t.createElement("legend",null,"Combined input field"),t.createElement(Ae,{className:"col-span-2",_level:0,_type:"error"},"This is a combined error message"),t.createElement(nn,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),t.createElement(nn,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})))),"text-formatter":function(){const e=()=>{return e=function*(){},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(null,null)).next())}));var e},n=new gm;return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This example demonstrates formatting a data value in an input field (example IBAN). The data value is formatted to the input field (print format) and vice versa the formatting is removed again (machine format)")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Nu,{initialValues:{iban:"DE89370400440532013000"},onSubmit:e},(e=>t.createElement(t.Fragment,null,t.createElement("div",{className:"p-2"},t.createElement(He,{_label:"Formatted Form Field",_level:2}),t.createElement(Ke,null,t.createElement(Pu,{name:"iban"},(({field:o})=>{var r;return t.createElement("div",{className:"block mt-2"},t.createElement(nn,{onBlur:()=>{e.setFieldTouched("iban",!0)},id:"field-iban",_label:"IBAN",_value:n.format(null!=(r=o.value)?r:""),_msg:{_type:"error",_description:e.errors.iban||""},_touched:e.touched.iban,_required:!0,_on:{onInput:(t,o)=>{if(t.target){const t=n.parse(null!=o?o:"");e.setFieldValue("iban",t,!0)}}}}))})))),t.createElement("div",{className:"p-2"},t.createElement(He,{_label:"Model",_level:2}),t.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Nu,{initialValues:{currency:1e6},onSubmit:e},(e=>t.createElement(t.Fragment,null,t.createElement("div",{className:"p-2"},t.createElement(He,{_label:"Formatted Form Field (with react-number-format)",_level:2}),t.createElement(Ke,null,t.createElement(Pu,{name:"currency"},(({field:n})=>t.createElement("div",{className:"block mt-2"},t.createElement(vm,{customInput:({type:e,value:n,onBlur:o,onChange:r,onFocus:l})=>t.createElement(nn,{_label:"Currency",_type:e,_value:n,_on:{onBlur:o,onChange:r,onFocus:l}}),displayType:"input",value:"number"==typeof n.value?Number(n.value).toFixed(2):void 0,onBlur:()=>{e.setFieldTouched("currency",!0)},onValueChange:n=>{e.setFieldValue("currency",n.floatValue,!0)},suffix:"€",thousandSeparator:!0})))))),t.createElement("div",{className:"p-2"},t.createElement(He,{_label:"Model",_level:2}),t.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))))},"smart-button":()=>{const e=jn.getInstance(document),n={onClick:()=>{e.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput.")),t.createElement("div",{className:"grid gap-4"},t.createElement(nn,{_label:"Input with button and icons",_type:"text",_smartButton:Cm(Tm({},Om),{_label:"Open Toast",_on:n}),_icons:Lm}),t.createElement(nn,{_label:"Disabled input with button and without icons",_disabled:!0,_type:"text",_smartButton:Cm(Tm({},Om),{_label:"Disabled Button"})})))},"expert-slot":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample show KolInputText with expert slot.")),t.createElement(nn,{_label:"",_type:"text"},t.createElement("span",{slot:"expert"},"I am more than just a input field")))}},Am={kolibri:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.")),t.createElement(He,{class:"block",_level:3,_label:"Regular"}),t.createElement(tn,{class:"block",style:{width:300}}),t.createElement(He,{class:"block",_level:3,_label:"Without Label"}),t.createElement(tn,{class:"block",style:{width:300},_labeled:!1}),t.createElement(He,{class:"block",_level:3,_label:"Customized color"}),t.createElement(tn,{class:"block",style:{width:300},_color:"#cc006e"}))}};var Bm=Object.defineProperty,Im=Object.getOwnPropertySymbols,$m=Object.prototype.hasOwnProperty,Pm=Object.prototype.propertyIsEnumerable,jm=(e,n,t)=>n in e?Bm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Mm=(e,n)=>{for(var t in n||(n={}))$m.call(n,t)&&jm(e,t,n[t]);if(Im)for(var t of Im(n))Pm.call(n,t)&&jm(e,t,n[t]);return e};const Rm={_href:"#/back-page"},Fm={"link-button":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants.")),t.createElement("div",{className:"flex flex-wrap gap-2"},t.createElement(rn,Mm({_label:"Primary",_variant:"primary"},Rm)),t.createElement(rn,Mm({_label:"Secondary",_variant:"secondary"},Rm)),t.createElement(rn,Mm({_label:"Normal",_variant:"normal"},Rm)),t.createElement(rn,Mm({_label:"Danger",_variant:"danger"},Rm)),t.createElement(rn,Mm({_label:"Ghost",_variant:"ghost"},Rm)),t.createElement(rn,Mm({_label:"Access Key",_variant:"primary",_accessKey:"c"},Rm)),t.createElement(rn,Mm({_label:"Short Key",_variant:"primary",_shortKey:"s"},Rm)))),"aria-description":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolLinkButton with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-2"},t.createElement(rn,{_href:"#/back-page",_label:"Link Button Text without area description"}),t.createElement(rn,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})))}},Dm={link:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolLink renders a link. This sample shows disabled links, links with hidden label and links with different CSS ",t.createElement("code",null,"display"),"-properties.")),t.createElement("div",{className:"grid gap-4"},t.createElement(on,{_href:"#/back-page",_label:"Simple Link"}),t.createElement(on,{_disabled:!0,_href:"#/back-page",_label:"Simple Link (deaktiviert)"}),t.createElement(on,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link"}),t.createElement(on,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link (deaktiviert)"}),t.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes.",t.createElement(on,{_href:"#/back-page",_label:"Simple Link"}),"It is rendered by default as a ",t.createElement("strong",null,"inline element"),"."),t.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",t.createElement(on,{class:"d-inline-block",_accessKey:"S",_href:"#/back-page",_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",t.createElement("br",null),t.createElement("br",null),"After that, there is a link that is rendered as a block element.",t.createElement(on,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."))),icons:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolLink with icons in different alignments and combinations.")),t.createElement("div",{className:"grid gap-4"},t.createElement(on,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),t.createElement(on,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),t.createElement(on,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),t.createElement(on,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),t.createElement(on,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons",_href:"#/back-page"}),t.createElement(on,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),t.createElement(on,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),t.createElement(on,{_icons:{top:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with an icon at the top",_target:"_blank"}),t.createElement(on,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),t.createElement(on,{_href:"https://public-ui.github.io/",_label:"I am a external link with all icons",_target:"_blank",_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"}}))),image:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolLink can be used with slot-content instead of a label as well. This sample demonstrates the slot content used to display an image.")),t.createElement("div",{className:"grid gap-4"},t.createElement(on,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),t.createElement(on,{_href:"#/back-page",_label:""},t.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),target:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolLink with different ",t.createElement("code",null,"_target"),"-properties.")),t.createElement("div",{className:"text-base d-flex gap-4"},t.createElement("ul",null,t.createElement("li",null,t.createElement(on,{_href:"#/back-page",_label:"Link without target"})),t.createElement("li",null,t.createElement(on,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})),t.createElement("li",null,t.createElement(on,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})),t.createElement("li",null,t.createElement(on,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})),t.createElement("li",null,t.createElement(on,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})),t.createElement("li",null,t.createElement(on,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"}))))),"aria-description":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolLink with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(on,{_href:"#/back-page",_label:"Link Text without aria description"}),t.createElement(on,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"}))),"access-key":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard.")),t.createElement("div",{className:"grid gap-4"},t.createElement(on,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),t.createElement(on,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),t.createElement(on,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),t.createElement(on,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"}))),"short-key":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately.")),t.createElement("div",{className:"grid gap-4"},t.createElement(on,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),t.createElement(on,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),t.createElement(on,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),t.createElement(on,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})))}},Km={modal:{basic:()=>{const[e]=ye(),n=e.get("show-modal"),o=e.get("variant"),r=(0,t.useRef)(null),l=(0,t.useRef)(null),[a,i]=(0,t.useState)("blank");return(0,t.useEffect)((()=>{var e;"true"===n&&(null==(e=r.current)||e.openModal()),"card"===o&&i(o)}),[n,o]),t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'KolModal renders content in a popover, disabling interactivity with elements behind it. In the sample, the modal can be opened and closed using the buttons "Open modal" and "Close modal".')),t.createElement("div",{className:"flex"},t.createElement(ln,{_label:"Primary modal",_width:"80%",ref:r,_on:{onClose:()=>console.log("Modal closed")},_variant:a},t.createElement(Me,{_label:"I am a modal."},t.createElement(Pe,{_label:"Open stacked modal",className:"mr",_on:{onClick:()=>{var e;null==(e=l.current)||e.openModal()}}}),t.createElement(Pe,{_label:"Close modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.closeModal()}}}))),t.createElement(ln,{_label:"Stacked modal",_width:"80%",ref:l},t.createElement(Me,{_label:"Stacked modal element"},t.createElement(Pe,{_label:"Close stacked modal",_on:{onClick:()=>{var e;null==(e=l.current)||e.closeModal()}}}))),t.createElement("div",{className:"grid gap-4"},t.createElement(Pe,{_label:"Open modal",_on:{onClick:()=>{var e;i("blank"),null==(e=r.current)||e.openModal()}}}),t.createElement(Pe,{_label:"Open card modal",_on:{onClick:()=>{var e;i("card"),null==(e=r.current)||e.openModal()}}}))))}}},Hm=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_href:"#/back-page",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]},{_label:"4 Navigation point with children and onClick",_children:[{_label:"4.1 Nested link",_href:"#/back-page"}],_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0,_children:[{_label:"5.1 Nested link",_href:"#/back-page"}]},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel",_children:[{_label:"6.1 Nested link",_href:"#/back-page"}]}],Um=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home"},{_label:"4 Navigation point with children and onClick",_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel"}],Vm={nav:{basic:()=>{const[e,n]=(0,t.useState)(!1);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolNav renders a navigation. In this sample, icons for the navigation elements can be shown or hidden using a checkbox and the navigation can be collapsed, showing only icons and no text labels.")),t.createElement("section",{className:"grid gap-8"},t.createElement("section",null,t.createElement(We,{_label:"Show icons when expanded",_checked:e,_on:{onChange:(e,t)=>{n(t)}}})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Navigation without submenu"}),t.createElement(an,{class:"block w-fit",_label:"Navigation without submenu",_links:Um,_hasCompactButton:!0,_hasIconsWhenExpanded:e})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Navigation with submenu"}),t.createElement(an,{class:"block w-fit",_label:"Navigation with submenu",_links:Hm,_hasCompactButton:!0,_hasIconsWhenExpanded:e}))))},"aria-current":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolNav with a link to the current page. This makes the component automatically assign ",t.createElement("code",null,'aria-current="page"'),"to it.")),t.createElement(an,{class:"block w-sm",_label:"Main navigation",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Nav - aria-current (Current page)",_href:"#/nav/aria-current",_active:!0}]})),horizontal:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolNav with horizontal alignment.")),t.createElement("section",{className:"grid gap-8"},t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Navigation without submenu"}),t.createElement(an,{_label:"Navigation without submenu",_links:Um,_orientation:"horizontal"})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Navigation with submenu"}),t.createElement(an,{_label:"Navigation with submenu",_links:Hm,_orientation:"horizontal"}))))}},Wm={pagination:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolPagination renders a pagination for datasets. The sample shows the different states and variations of a pagination and the option to change the page size.")),t.createElement("div",{className:"grid gap-4"},t.createElement(cn,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),t.createElement(cn,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),t.createElement(cn,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),t.createElement(cn,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),t.createElement(cn,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 5",_on:{},_pageSizeOptions:[10,100]})))}},qm={"popover-button":{basic:()=>{const e=(0,t.useContext)(Ft),{dummyClickEventHandler:n}=lo(),o={onClick:n};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"The PopoverButton component combines a button with a popover that appears when clicked. The popover can be positioned in different directions (top, right, bottom, left) using the ",t.createElement("code",null,"_popoverAlign")," prop.")),!e&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(sn,{_label:"Open popover",_variant:"primary",_icons:{right:"codicon codicon-chevron-down"}},t.createElement(Pe,{_label:"Button within popover",_variant:"primary",_on:o}),t.createElement("br",null),t.createElement("br",null),t.createElement(Pe,{_label:"Second Button within popover",_on:o})),t.createElement(sn,{_label:"Open popover",_popoverAlign:"right",_icons:{right:"codicon codicon-chevron-right"}},t.createElement("p",{className:"w-sm"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.")),t.createElement(sn,{_label:"icon-only with tooltip",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0},"This is an explanation shown on click."),t.createElement(sn,{_label:""},t.createElement("span",{slot:"expert"},t.createElement("u",null,"Expert slot content")),"This sample illustrates a button with expert slot.")))}}},Zm={progress:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.')),t.createElement("div",{className:"grid gap-4 grid-cols-1 sm:grid-cols-2"},t.createElement("fieldset",{title:"Percentages",className:"flex flex-col gap-4"},t.createElement(dn,{_variant:"bar",_max:7,_value:0}),t.createElement(dn,{_variant:"bar",_max:7,_value:2}),t.createElement(dn,{_variant:"bar",_max:7,_value:7}),t.createElement(dn,{_variant:"cycle",_max:7,_value:6})),t.createElement("fieldset",{title:"Custom units",className:"flex flex-col gap-4"},t.createElement(dn,{_label:"Distance",_variant:"bar",_max:65434,_value:7236,_unit:"m"}),t.createElement(dn,{_label:"12 Tasks to do",_variant:"bar",_max:12,_value:5,_unit:"tasks completed"}),t.createElement(dn,{_label:"Max 150 kg",_variant:"cycle",_max:150,_value:42,_unit:"kg"}))))}},Gm={quote:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.')),t.createElement(un,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})),block:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows a quote in the "block" variant.')),t.createElement(un,{_label:"RFC 1149",_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay, low throughput, and low altitude\n\t\t\t\t\t\t\t\tservice. The connection topology is limited to a single point-to-point path\n\t\t\t\t\t\t\t\tfor each carrier, used with standard carriers, but many carriers can be used\n\t\t\t\t\t\t\t\twithout significant interference with each other, outside early spring.\n\t\t\t\t\t\t\t\tThis is because of the 3D ether space available to the carriers, in contrast\n\t\t\t\t\t\t\t\tto the 1D ether used by IEEE802.3. The carriers have an intrinsic collision\n\t\t\t\t\t\t\t\tavoidance system, which increases availability.",_variant:"block"}))}},Jm=JSON.parse('[{"id":4,"alpha2":"af","alpha3":"afg","name":"Afghanistan"},{"id":818,"alpha2":"eg","alpha3":"egy","name":"Ägypten"},{"id":8,"alpha2":"al","alpha3":"alb","name":"Albanien"},{"id":12,"alpha2":"dz","alpha3":"dza","name":"Algerien"},{"id":20,"alpha2":"ad","alpha3":"and","name":"Andorra"},{"id":24,"alpha2":"ao","alpha3":"ago","name":"Angola"},{"id":28,"alpha2":"ag","alpha3":"atg","name":"Antigua und Barbuda"},{"id":226,"alpha2":"gq","alpha3":"gnq","name":"Äquatorialguinea"},{"id":32,"alpha2":"ar","alpha3":"arg","name":"Argentinien"},{"id":51,"alpha2":"am","alpha3":"arm","name":"Armenien"},{"id":31,"alpha2":"az","alpha3":"aze","name":"Aserbaidschan"},{"id":231,"alpha2":"et","alpha3":"eth","name":"Äthiopien"},{"id":36,"alpha2":"au","alpha3":"aus","name":"Australien"},{"id":44,"alpha2":"bs","alpha3":"bhs","name":"Bahamas"},{"id":48,"alpha2":"bh","alpha3":"bhr","name":"Bahrain"},{"id":50,"alpha2":"bd","alpha3":"bgd","name":"Bangladesch"},{"id":52,"alpha2":"bb","alpha3":"brb","name":"Barbados"},{"id":112,"alpha2":"by","alpha3":"blr","name":"Belarus"},{"id":56,"alpha2":"be","alpha3":"bel","name":"Belgien"},{"id":84,"alpha2":"bz","alpha3":"blz","name":"Belize"},{"id":204,"alpha2":"bj","alpha3":"ben","name":"Benin"},{"id":64,"alpha2":"bt","alpha3":"btn","name":"Bhutan"},{"id":68,"alpha2":"bo","alpha3":"bol","name":"Bolivien"},{"id":70,"alpha2":"ba","alpha3":"bih","name":"Bosnien und Herzegowina"},{"id":72,"alpha2":"bw","alpha3":"bwa","name":"Botswana"},{"id":76,"alpha2":"br","alpha3":"bra","name":"Brasilien"},{"id":96,"alpha2":"bn","alpha3":"brn","name":"Brunei"},{"id":100,"alpha2":"bg","alpha3":"bgr","name":"Bulgarien"},{"id":854,"alpha2":"bf","alpha3":"bfa","name":"Burkina Faso"},{"id":108,"alpha2":"bi","alpha3":"bdi","name":"Burundi"},{"id":152,"alpha2":"cl","alpha3":"chl","name":"Chile"},{"id":156,"alpha2":"cn","alpha3":"chn","name":"China, Volksrepublik"},{"id":188,"alpha2":"cr","alpha3":"cri","name":"Costa Rica"},{"id":208,"alpha2":"dk","alpha3":"dnk","name":"Dänemark"},{"id":276,"alpha2":"de","alpha3":"deu","name":"Deutschland"},{"id":212,"alpha2":"dm","alpha3":"dma","name":"Dominica"},{"id":214,"alpha2":"do","alpha3":"dom","name":"Dominikanische Republik"},{"id":262,"alpha2":"dj","alpha3":"dji","name":"Dschibuti"},{"id":218,"alpha2":"ec","alpha3":"ecu","name":"Ecuador"},{"id":384,"alpha2":"ci","alpha3":"civ","name":"Elfenbeinküste"},{"id":222,"alpha2":"sv","alpha3":"slv","name":"El Salvador"},{"id":232,"alpha2":"er","alpha3":"eri","name":"Eritrea"},{"id":233,"alpha2":"ee","alpha3":"est","name":"Estland"},{"id":748,"alpha2":"sz","alpha3":"swz","name":"Eswatini"},{"id":242,"alpha2":"fj","alpha3":"fji","name":"Fidschi"},{"id":246,"alpha2":"fi","alpha3":"fin","name":"Finnland"},{"id":250,"alpha2":"fr","alpha3":"fra","name":"Frankreich"},{"id":266,"alpha2":"ga","alpha3":"gab","name":"Gabun"},{"id":270,"alpha2":"gm","alpha3":"gmb","name":"Gambia"},{"id":268,"alpha2":"ge","alpha3":"geo","name":"Georgien"},{"id":288,"alpha2":"gh","alpha3":"gha","name":"Ghana"},{"id":308,"alpha2":"gd","alpha3":"grd","name":"Grenada"},{"id":300,"alpha2":"gr","alpha3":"grc","name":"Griechenland"},{"id":320,"alpha2":"gt","alpha3":"gtm","name":"Guatemala"},{"id":324,"alpha2":"gn","alpha3":"gin","name":"Guinea"},{"id":624,"alpha2":"gw","alpha3":"gnb","name":"Guinea-Bissau"},{"id":328,"alpha2":"gy","alpha3":"guy","name":"Guyana"},{"id":332,"alpha2":"ht","alpha3":"hti","name":"Haiti"},{"id":340,"alpha2":"hn","alpha3":"hnd","name":"Honduras"},{"id":356,"alpha2":"in","alpha3":"ind","name":"Indien"},{"id":360,"alpha2":"id","alpha3":"idn","name":"Indonesien"},{"id":368,"alpha2":"iq","alpha3":"irq","name":"Irak"},{"id":364,"alpha2":"ir","alpha3":"irn","name":"Iran"},{"id":372,"alpha2":"ie","alpha3":"irl","name":"Irland"},{"id":352,"alpha2":"is","alpha3":"isl","name":"Island"},{"id":376,"alpha2":"il","alpha3":"isr","name":"Israel"},{"id":380,"alpha2":"it","alpha3":"ita","name":"Italien"},{"id":388,"alpha2":"jm","alpha3":"jam","name":"Jamaika"},{"id":392,"alpha2":"jp","alpha3":"jpn","name":"Japan"},{"id":887,"alpha2":"ye","alpha3":"yem","name":"Jemen"},{"id":400,"alpha2":"jo","alpha3":"jor","name":"Jordanien"},{"id":116,"alpha2":"kh","alpha3":"khm","name":"Kambodscha"},{"id":120,"alpha2":"cm","alpha3":"cmr","name":"Kamerun"},{"id":124,"alpha2":"ca","alpha3":"can","name":"Kanada"},{"id":132,"alpha2":"cv","alpha3":"cpv","name":"Kap Verde"},{"id":398,"alpha2":"kz","alpha3":"kaz","name":"Kasachstan"},{"id":634,"alpha2":"qa","alpha3":"qat","name":"Katar"},{"id":404,"alpha2":"ke","alpha3":"ken","name":"Kenia"},{"id":417,"alpha2":"kg","alpha3":"kgz","name":"Kirgisistan"},{"id":296,"alpha2":"ki","alpha3":"kir","name":"Kiribati"},{"id":170,"alpha2":"co","alpha3":"col","name":"Kolumbien"},{"id":174,"alpha2":"km","alpha3":"com","name":"Komoren"},{"id":180,"alpha2":"cd","alpha3":"cod","name":"Kongo, Demokratische Republik"},{"id":178,"alpha2":"cg","alpha3":"cog","name":"Kongo, Republik"},{"id":408,"alpha2":"kp","alpha3":"prk","name":"Korea, Nord (Nordkorea)"},{"id":410,"alpha2":"kr","alpha3":"kor","name":"Korea, Süd (Südkorea)"},{"id":191,"alpha2":"hr","alpha3":"hrv","name":"Kroatien"},{"id":192,"alpha2":"cu","alpha3":"cub","name":"Kuba"},{"id":414,"alpha2":"kw","alpha3":"kwt","name":"Kuwait"},{"id":418,"alpha2":"la","alpha3":"lao","name":"Laos"},{"id":426,"alpha2":"ls","alpha3":"lso","name":"Lesotho"},{"id":428,"alpha2":"lv","alpha3":"lva","name":"Lettland"},{"id":422,"alpha2":"lb","alpha3":"lbn","name":"Libanon"},{"id":430,"alpha2":"lr","alpha3":"lbr","name":"Liberia"},{"id":434,"alpha2":"ly","alpha3":"lby","name":"Libyen"},{"id":438,"alpha2":"li","alpha3":"lie","name":"Liechtenstein"},{"id":440,"alpha2":"lt","alpha3":"ltu","name":"Litauen"},{"id":442,"alpha2":"lu","alpha3":"lux","name":"Luxemburg"},{"id":450,"alpha2":"mg","alpha3":"mdg","name":"Madagaskar"},{"id":454,"alpha2":"mw","alpha3":"mwi","name":"Malawi"},{"id":458,"alpha2":"my","alpha3":"mys","name":"Malaysia"},{"id":462,"alpha2":"mv","alpha3":"mdv","name":"Malediven"},{"id":466,"alpha2":"ml","alpha3":"mli","name":"Mali"},{"id":470,"alpha2":"mt","alpha3":"mlt","name":"Malta"},{"id":504,"alpha2":"ma","alpha3":"mar","name":"Marokko"},{"id":584,"alpha2":"mh","alpha3":"mhl","name":"Marshallinseln"},{"id":478,"alpha2":"mr","alpha3":"mrt","name":"Mauretanien"},{"id":480,"alpha2":"mu","alpha3":"mus","name":"Mauritius"},{"id":484,"alpha2":"mx","alpha3":"mex","name":"Mexiko"},{"id":583,"alpha2":"fm","alpha3":"fsm","name":"Mikronesien"},{"id":498,"alpha2":"md","alpha3":"mda","name":"Moldau"},{"id":492,"alpha2":"mc","alpha3":"mco","name":"Monaco"},{"id":496,"alpha2":"mn","alpha3":"mng","name":"Mongolei"},{"id":499,"alpha2":"me","alpha3":"mne","name":"Montenegro"},{"id":508,"alpha2":"mz","alpha3":"moz","name":"Mosambik"},{"id":104,"alpha2":"mm","alpha3":"mmr","name":"Myanmar"},{"id":516,"alpha2":"na","alpha3":"nam","name":"Namibia"},{"id":520,"alpha2":"nr","alpha3":"nru","name":"Nauru"},{"id":524,"alpha2":"np","alpha3":"npl","name":"Nepal"},{"id":554,"alpha2":"nz","alpha3":"nzl","name":"Neuseeland"},{"id":558,"alpha2":"ni","alpha3":"nic","name":"Nicaragua"},{"id":528,"alpha2":"nl","alpha3":"nld","name":"Niederlande"},{"id":562,"alpha2":"ne","alpha3":"ner","name":"Niger"},{"id":566,"alpha2":"ng","alpha3":"nga","name":"Nigeria"},{"id":807,"alpha2":"mk","alpha3":"mkd","name":"Nordmazedonien"},{"id":578,"alpha2":"no","alpha3":"nor","name":"Norwegen"},{"id":512,"alpha2":"om","alpha3":"omn","name":"Oman"},{"id":40,"alpha2":"at","alpha3":"aut","name":"Österreich"},{"id":626,"alpha2":"tl","alpha3":"tls","name":"Osttimor"},{"id":586,"alpha2":"pk","alpha3":"pak","name":"Pakistan"},{"id":585,"alpha2":"pw","alpha3":"plw","name":"Palau"},{"id":591,"alpha2":"pa","alpha3":"pan","name":"Panama"},{"id":598,"alpha2":"pg","alpha3":"png","name":"Papua-Neuguinea"},{"id":600,"alpha2":"py","alpha3":"pry","name":"Paraguay"},{"id":604,"alpha2":"pe","alpha3":"per","name":"Peru"},{"id":608,"alpha2":"ph","alpha3":"phl","name":"Philippinen"},{"id":616,"alpha2":"pl","alpha3":"pol","name":"Polen"},{"id":620,"alpha2":"pt","alpha3":"prt","name":"Portugal"},{"id":646,"alpha2":"rw","alpha3":"rwa","name":"Ruanda"},{"id":642,"alpha2":"ro","alpha3":"rou","name":"Rumänien"},{"id":643,"alpha2":"ru","alpha3":"rus","name":"Russland"},{"id":90,"alpha2":"sb","alpha3":"slb","name":"Salomonen"},{"id":894,"alpha2":"zm","alpha3":"zmb","name":"Sambia"},{"id":882,"alpha2":"ws","alpha3":"wsm","name":"Samoa"},{"id":674,"alpha2":"sm","alpha3":"smr","name":"San Marino"},{"id":678,"alpha2":"st","alpha3":"stp","name":"São Tomé und Príncipe"},{"id":682,"alpha2":"sa","alpha3":"sau","name":"Saudi-Arabien"},{"id":752,"alpha2":"se","alpha3":"swe","name":"Schweden"},{"id":756,"alpha2":"ch","alpha3":"che","name":"Schweiz"},{"id":686,"alpha2":"sn","alpha3":"sen","name":"Senegal"},{"id":688,"alpha2":"rs","alpha3":"srb","name":"Serbien"},{"id":690,"alpha2":"sc","alpha3":"syc","name":"Seychellen"},{"id":694,"alpha2":"sl","alpha3":"sle","name":"Sierra Leone"},{"id":716,"alpha2":"zw","alpha3":"zwe","name":"Simbabwe"},{"id":702,"alpha2":"sg","alpha3":"sgp","name":"Singapur"},{"id":703,"alpha2":"sk","alpha3":"svk","name":"Slowakei"},{"id":705,"alpha2":"si","alpha3":"svn","name":"Slowenien"},{"id":706,"alpha2":"so","alpha3":"som","name":"Somalia"},{"id":724,"alpha2":"es","alpha3":"esp","name":"Spanien"},{"id":144,"alpha2":"lk","alpha3":"lka","name":"Sri Lanka"},{"id":659,"alpha2":"kn","alpha3":"kna","name":"St. Kitts und Nevis"},{"id":662,"alpha2":"lc","alpha3":"lca","name":"St. Lucia"},{"id":670,"alpha2":"vc","alpha3":"vct","name":"St. Vincent und die Grenadinen"},{"id":710,"alpha2":"za","alpha3":"zaf","name":"Südafrika"},{"id":729,"alpha2":"sd","alpha3":"sdn","name":"Sudan"},{"id":728,"alpha2":"ss","alpha3":"ssd","name":"Südsudan"},{"id":740,"alpha2":"sr","alpha3":"sur","name":"Suriname"},{"id":760,"alpha2":"sy","alpha3":"syr","name":"Syrien"},{"id":762,"alpha2":"tj","alpha3":"tjk","name":"Tadschikistan"},{"id":834,"alpha2":"tz","alpha3":"tza","name":"Tansania"},{"id":764,"alpha2":"th","alpha3":"tha","name":"Thailand"},{"id":768,"alpha2":"tg","alpha3":"tgo","name":"Togo"},{"id":776,"alpha2":"to","alpha3":"ton","name":"Tonga"},{"id":780,"alpha2":"tt","alpha3":"tto","name":"Trinidad und Tobago"},{"id":148,"alpha2":"td","alpha3":"tcd","name":"Tschad"},{"id":203,"alpha2":"cz","alpha3":"cze","name":"Tschechien"},{"id":788,"alpha2":"tn","alpha3":"tun","name":"Tunesien"},{"id":792,"alpha2":"tr","alpha3":"tur","name":"Türkei"},{"id":795,"alpha2":"tm","alpha3":"tkm","name":"Turkmenistan"},{"id":798,"alpha2":"tv","alpha3":"tuv","name":"Tuvalu"},{"id":800,"alpha2":"ug","alpha3":"uga","name":"Uganda"},{"id":804,"alpha2":"ua","alpha3":"ukr","name":"Ukraine"},{"id":348,"alpha2":"hu","alpha3":"hun","name":"Ungarn"},{"id":858,"alpha2":"uy","alpha3":"ury","name":"Uruguay"},{"id":860,"alpha2":"uz","alpha3":"uzb","name":"Usbekistan"},{"id":548,"alpha2":"vu","alpha3":"vut","name":"Vanuatu"},{"id":862,"alpha2":"ve","alpha3":"ven","name":"Venezuela"},{"id":784,"alpha2":"ae","alpha3":"are","name":"Vereinigte Arabische Emirate"},{"id":840,"alpha2":"us","alpha3":"usa","name":"Vereinigte Staaten"},{"id":826,"alpha2":"gb","alpha3":"gbr","name":"Vereinigtes Königreich"},{"id":704,"alpha2":"vn","alpha3":"vnm","name":"Vietnam"},{"id":140,"alpha2":"cf","alpha3":"caf","name":"Zentralafrikanische Republik"},{"id":196,"alpha2":"cy","alpha3":"cyp","name":"Zypern"}]'),Ym=[...Jm.map((e=>({label:e.name,value:e.alpha2})))],Qm=[...Jm.map((e=>e.name))],Xm=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ef=()=>{const e=new Map;return e.set("inputCheckbox",((e,n)=>t.createElement(We,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:n}))),e.set("inputColor",((e,n)=>t.createElement(qe,{className:"w-full",_name:"color",_label:"Color",ref:n}))),e.set("inputDate",((e,n)=>t.createElement(Ze,{className:"w-full",_name:"date",_label:"Date",ref:n}))),e.set("inputEmail",((e,n)=>t.createElement(Ge,{className:"w-full",_name:"email",_label:"Email",ref:n}))),e.set("inputFile",((e,n)=>t.createElement(Je,{className:"w-full",_name:"file",_label:"File",ref:n}))),e.set("inputFileMultiple",((e,n)=>t.createElement(Je,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:n}))),e.set("inputNumber",((e,n)=>t.createElement(Ye,{className:"w-full",_name:"number",_label:"Number",ref:n}))),e.set("inputPassword",((e,n)=>t.createElement(Qe,{className:"w-full",_name:"password",_label:"Password",ref:n}))),e.set("inputRadio",((e,n)=>t.createElement(Xe,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:n}))),e.set("inputRange",((e,n)=>t.createElement(en,{className:"w-full",_name:"range",_label:"Range",ref:n}))),e.set("inputText",((e,n)=>t.createElement(nn,{className:"w-full",_name:"text",_label:"Text",ref:n}))),e.set("select",((e,n)=>t.createElement(mn,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:n}))),e.set("selectMultiple",((e,n)=>t.createElement(mn,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:n}))),e.set("singleSelect",((e,n)=>t.createElement(fn,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:n}))),e.set("textarea",((e,n)=>t.createElement(_n,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:n}))),e.set("accordion",((e,n)=>t.createElement(Ne,{className:"w-full",_label:"Accordion here",ref:n}))),e.set("button",((e,n)=>t.createElement("div",null,t.createElement(Pe,{_label:"Button here",ref:n})))),e.set("buttonLink",((e,n)=>t.createElement(je,{_label:"ButtonLink here",ref:n}))),e.set("combobox",((e,n)=>t.createElement(Re,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:n}))),e.set("details",((e,n)=>t.createElement(Fe,{className:"w-full",_label:"Details here",ref:n},"detailed details"))),e.set("link",((e,n)=>t.createElement(on,{className:"w-full",_label:"Link here",_href:"#",ref:n}))),e.set("linkButton",((e,n)=>t.createElement("div",null,t.createElement(rn,{_label:"LinkButton here",_href:"#",ref:n})))),e},nf=e=>{const n=[...(0,t.useMemo)((()=>ef()),[]).keys()].map((e=>e));return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample serves for automated tests of the focus state for input components. When loading one of the examples linked below, focus will be set on the element initially. When testing manually, you may have to reload the page after opening an example.")),e.invalidComponent&&t.createElement(Ae,{_type:"error",_variant:"card"},"Component not found."),t.createElement(He,{_level:2,_label:"Focus Test Cases"}),t.createElement("ul",null,n.map((e=>t.createElement("li",{key:e},t.createElement(on,{_label:e,_href:`#/scenarios/focus-elements?component=${e}`}))))))},tf=JSON.parse('[{"name":"Elephant","species":"Loxodonta","habitat":"Savannah","diet":"Herbivore","lifespan":60},{"name":"Tiger","species":"Panthera tigris","habitat":"Forest","diet":"Carnivore","lifespan":20},{"name":"Kangaroo","species":"Macropus","habitat":"Grassland","diet":"Herbivore","lifespan":23},{"name":"Penguin","species":"Aptenodytes forsteri","habitat":"Antarctica","diet":"Carnivore","lifespan":20},{"name":"Giraffe","species":"Giraffa camelopardalis","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Panda","species":"Ailuropoda melanoleuca","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Dolphin","species":"Delphinus delphis","habitat":"Ocean","diet":"Carnivore","lifespan":40},{"name":"Eagle","species":"Aquila chrysaetos","habitat":"Mountains","diet":"Carnivore","lifespan":30},{"name":"Koala","species":"Phascolarctos cinereus","habitat":"Forest","diet":"Herbivore","lifespan":18},{"name":"Lion","species":"Panthera leo","habitat":"Savannah","diet":"Carnivore","lifespan":15},{"name":"Zebra","species":"Equus quagga","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Wolf","species":"Canis lupus","habitat":"Forest","diet":"Carnivore","lifespan":14},{"name":"Cheetah","species":"Acinonyx jubatus","habitat":"Savannah","diet":"Carnivore","lifespan":12},{"name":"Polar Bear","species":"Ursus maritimus","habitat":"Arctic","diet":"Carnivore","lifespan":25},{"name":"Rhinoceros","species":"Rhinocerotidae","habitat":"Savannah","diet":"Herbivore","lifespan":40},{"name":"Hippopotamus","species":"Hippopotamus amphibius","habitat":"Rivers","diet":"Herbivore","lifespan":45},{"name":"Chimpanzee","species":"Pan troglodytes","habitat":"Forest","diet":"Omnivore","lifespan":50},{"name":"Orangutan","species":"Pongo","habitat":"Forest","diet":"Omnivore","lifespan":45},{"name":"Leopard","species":"Panthera pardus","habitat":"Forest","diet":"Carnivore","lifespan":17},{"name":"Hyena","species":"Hyaenidae","habitat":"Savannah","diet":"Carnivore","lifespan":25},{"name":"Crocodile","species":"Crocodylidae","habitat":"Rivers","diet":"Carnivore","lifespan":70},{"name":"Alligator","species":"Alligatoridae","habitat":"Swamps","diet":"Carnivore","lifespan":50},{"name":"Ostrich","species":"Struthio camelus","habitat":"Savannah","diet":"Omnivore","lifespan":40},{"name":"Flamingo","species":"Phoenicopterus","habitat":"Lakes","diet":"Omnivore","lifespan":30},{"name":"Peacock","species":"Pavo cristatus","habitat":"Forest","diet":"Omnivore","lifespan":20},{"name":"Parrot","species":"Psittaciformes","habitat":"Forest","diet":"Omnivore","lifespan":50},{"name":"Toucan","species":"Ramphastidae","habitat":"Forest","diet":"Omnivore","lifespan":20},{"name":"Sloth","species":"Folivora","habitat":"Forest","diet":"Herbivore","lifespan":30},{"name":"Armadillo","species":"Dasypodidae","habitat":"Grassland","diet":"Omnivore","lifespan":15},{"name":"Anteater","species":"Myrmecophaga tridactyla","habitat":"Forest","diet":"Insectivore","lifespan":14},{"name":"Bat","species":"Chiroptera","habitat":"Caves","diet":"Omnivore","lifespan":20},{"name":"Otter","species":"Lutrinae","habitat":"Rivers","diet":"Carnivore","lifespan":16},{"name":"Beaver","species":"Castor","habitat":"Rivers","diet":"Herbivore","lifespan":24},{"name":"Moose","species":"Alces alces","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Deer","species":"Cervidae","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Bison","species":"Bison bison","habitat":"Grassland","diet":"Herbivore","lifespan":20},{"name":"Buffalo","species":"Syncerus caffer","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Camel","species":"Camelus","habitat":"Desert","diet":"Herbivore","lifespan":50},{"name":"Llama","species":"Lama glama","habitat":"Mountains","diet":"Herbivore","lifespan":20},{"name":"Alpaca","species":"Vicugna pacos","habitat":"Mountains","diet":"Herbivore","lifespan":20},{"name":"Goat","species":"Capra aegagrus hircus","habitat":"Mountains","diet":"Herbivore","lifespan":18},{"name":"Sheep","species":"Ovis aries","habitat":"Grassland","diet":"Herbivore","lifespan":12},{"name":"Cow","species":"Bos taurus","habitat":"Grassland","diet":"Herbivore","lifespan":20},{"name":"Pig","species":"Sus scrofa domesticus","habitat":"Farm","diet":"Omnivore","lifespan":15},{"name":"Chicken","species":"Gallus gallus domesticus","habitat":"Farm","diet":"Omnivore","lifespan":10}]'),of=[{_icons:"codicon codicon-pie-chart",_label:"Erster Tab"},{_icons:"codicon codicon-calendar",_label:"Zweiter Tab",_disabled:!0},{_icons:"codicon codicon-briefcase",_label:"Deaktivierter Tab",_disabled:!0},{_icons:"codicon codicon-telescope",_label:"Letzter Tab",_disabled:!0}],rf={horizontal:[[{key:"name",label:"Name",textAlign:"left",width:"400px"},{key:"species",label:"Species",textAlign:"left",width:"400px"},{key:"habitat",label:"Habitat",textAlign:"left",width:"400px"},{key:"diet",label:"Diet",textAlign:"left",width:"400px"},{key:"lifespan",label:"lifespan",textAlign:"right",width:"400px"}]]};var lf=Object.defineProperty,af=Object.defineProperties,cf=Object.getOwnPropertyDescriptors,sf=Object.getOwnPropertySymbols,df=Object.prototype.hasOwnProperty,uf=Object.prototype.propertyIsEnumerable,mf=(e,n,t)=>n in e?lf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;const ff=(0,t.createContext)(void 0),bf=(0,t.createContext)(!1),pf=e=>{const n=(0,t.useRef)(),[o,r]=(0,t.useState)(void 0),[l,a]=(0,t.useState)(e.inputProps._value),i=e.formatter||JSON.stringify,c=(0,t.useContext)(ff),s=(0,t.useContext)(bf),d=()=>{return e=function*(){var e;const t=yield null==(e=n.current)?void 0:e.getValue();r(t)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(null,null)).next())}));var e};(0,t.useEffect)((()=>{const e=()=>{d()};return null==c||c.addEventListener("runAll",e),()=>{null==c||c.removeEventListener("runAll",e)}}),[c]);const u=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map((n=>[n,(t,o)=>{s&&console.log(e.inputProps._label,n,o,t),"onInput"===n&&a(o)}])));return t.createElement(t.Fragment,null,t.createElement("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":e.testId},t.createElement(e.InputComponent,(m=((e,n)=>{for(var t in n||(n={}))df.call(n,t)&&mf(e,t,n[t]);if(sf)for(var t of sf(n))uf.call(n,t)&&mf(e,t,n[t]);return e})({ref:n,_on:u},e.inputProps),af(m,cf({_value:l})))),t.createElement(Pe,{_label:"getValue()",_on:{onClick:()=>{d()}}}),t.createElement("pre",{className:"text-base"},i(o))));var m},vf=new Array(333).fill(0).map(((e,n)=>n+1)),kf={scenarios:{"custom-tooltip-width":()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",t.createElement("code",null,"--kol-tooltip-width")," on one of the parent elements.")),t.createElement(Pe,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:n}))},"disabled-interactive-scenario":()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This example shows how deactivated interactive elements are displayed."),t.createElement("ul",null,t.createElement("li",null,"Deactivated interactive elements pose a particular challenge for accessibility."),t.createElement("li",null,"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."),t.createElement("li",null,"Deactivated interactive elements should be labelled clearly and legibly."),t.createElement("li",null,"Deactivated interactive elements have a tooltip for sighted people and aria labelling for the screen readers reading mode if they are represented by an interpretable graphic.")),t.createElement("p",null,"This implementation ensures standardized use for all users.")),t.createElement("div",{className:"w-full grid gap-4"},t.createElement(Me,{_label:"Button",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,{_label:"Label",_on:n}),t.createElement(Pe,{_disabled:!0,_label:"Label",_on:n}),t.createElement(Pe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:n}),t.createElement(Pe,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:n}))),t.createElement(Me,{_label:"ButtonLink",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(je,{_label:"Label"}),t.createElement(je,{_disabled:!0,_label:"Label"}),t.createElement(je,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),t.createElement(je,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"}))),t.createElement(Me,{_label:"Link",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(on,{_href:"#",_label:"Label"}),t.createElement(on,{_disabled:!0,_href:"#",_label:"Label"}),t.createElement(on,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.createElement(on,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),t.createElement(Me,{_label:"LinkButton",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(rn,{_href:"#",_label:"Label"}),t.createElement(rn,{_disabled:!0,_href:"#",_label:"Label"}),t.createElement(rn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.createElement(rn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),t.createElement(Me,{_label:"Accordion",_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(Ne,{_label:"Label"},"Content"),t.createElement(Ne,{_disabled:!0,_label:"Label"},"Content"),t.createElement(Ne,{_label:"Label (open)",_open:!0},"Content"),t.createElement(Ne,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),t.createElement(Me,{_label:"Details",_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(Fe,{_label:"Label"},"Content"),t.createElement(Fe,{_disabled:!0,_label:"Label"},"Content"),t.createElement(Fe,{_label:"Label (open)",_open:!0},"Content"),t.createElement(Fe,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),[We,qe,Ze,Ge,Je,Ye,Qe,en,nn].map((e=>{const n=e.render.displayName;return t.createElement(Me,{key:n,_label:n,_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(e,{_label:"Label"}),t.createElement(e,{_disabled:!0,_label:"Label"}),t.createElement(e,{_hideLabel:!0,_label:"Label"}),t.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label"})))})),[Xe,mn].map((e=>{const n=e.render.displayName;return t.createElement(Me,{key:n,_label:n,_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(e,{_label:"Label",_options:Xm}),t.createElement(e,{_disabled:!0,_label:"Label",_options:Xm}),t.createElement(e,{_hideLabel:!0,_label:"Label",_options:Xm}),t.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:Xm})))})),t.createElement(Me,{_label:"KolTextarea",_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(_n,{_label:"Label",_rows:3}),t.createElement(_n,{_disabled:!0,_label:"Label",_rows:3}),t.createElement(_n,{_hideLabel:!0,_label:"Label",_rows:3}),t.createElement(_n,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})))))},"focus-elements":()=>{const e=(0,t.useRef)(null),n=(0,t.useMemo)((()=>ef()),[]),[o]=ye(),r=o.get("component");if((0,t.useLayoutEffect)((()=>{setTimeout((()=>{var n;null==(n=e.current)||n.kolFocus()}),500)}),[e]),r){const o=n.get(r);if(!o)return t.createElement(nf,{invalidComponent:!0});const l=(0,t.forwardRef)(o);return t.createElement(l,{ref:e})}return t.createElement(nf,null)},"input-group-with-error":()=>{const e="Unrecognized phone number.";return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."),t.createElement("p",null,"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example.")),t.createElement("fieldset",null,t.createElement("legend",null,"Phone number"),t.createElement(Ae,{_alert:!0,_type:"error",_label:e}),t.createElement("div",{className:"grid grid-cols-3 gap-4 max-w-2xl"},t.createElement(mn,{_options:[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}],_label:"CountryCode ",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),t.createElement(nn,{_label:"Area code",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),t.createElement(nn,{_label:"Local number",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}))),t.createElement("fieldset",{className:"mt"},t.createElement("legend",null,"Pizza toppings"),t.createElement(Ae,{_alert:!0,_type:"error",_label:"Choose at least two and up to five toppings."}),["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"].map((n=>t.createElement(We,{key:n,_label:n,_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0})))))},"inputs-get-value":()=>{const e=(0,t.useMemo)((()=>new EventTarget),[]),[n,o]=(0,t.useState)(!0);return t.createElement(t.Fragment,null,t.createElement(ff.Provider,{value:e},t.createElement(bf.Provider,{value:n},t.createElement(Ht,null,t.createElement("p",null,"This sample shows how the input components ",t.createElement("code",null,"getValue()"),' method works. It\'s called when clicking the "getValue()" button and prints the current value right next to itself.')),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Me,{_label:"Sample options",className:"block ha mb-8"},t.createElement(We,{_label:"Log events to console",_value:!0,_checked:n,_on:{onChange:(e,n)=>o(n)}})),t.createElement("div",{className:"grid gap-4"},t.createElement(pf,{testId:"scenario-inputText",InputComponent:nn,inputProps:{_label:"InputText"}}),t.createElement(pf,{testId:"scenario-inputCheckboxString",InputComponent:We,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),t.createElement(pf,{testId:"scenario-inputCheckboxBoolean",InputComponent:We,inputProps:{_label:"KolInputCheckbox (boolean)"}}),t.createElement(pf,{testId:"scenario-inputColor",InputComponent:qe,inputProps:{_label:"KolInputColor"}}),t.createElement(pf,{testId:"scenario-inputDate",InputComponent:Ze,inputProps:{_label:"KolInputDate"}}),t.createElement(pf,{testId:"scenario-inputEmail",InputComponent:Ge,inputProps:{_label:"KolInputEmail"}}),t.createElement(pf,{testId:"scenario-inputFile",InputComponent:Je,inputProps:{_label:"KolInputFile"},formatter:e=>e instanceof FileList?`FileList{${Array.from(e).map((e=>e.name)).join(", ")}}`:JSON.stringify(e)}),t.createElement(pf,{testId:"scenario-inputNumber",InputComponent:Ye,inputProps:{_label:"KolInputNumber"}}),t.createElement(pf,{testId:"scenario-inputPassword",InputComponent:Qe,inputProps:{_label:"KolInputPassword"}}),t.createElement(pf,{testId:"scenario-inputRange",InputComponent:en,inputProps:{_label:"KolInputRange"}}),t.createElement(pf,{testId:"scenario-inputRadio",InputComponent:Xe,inputProps:{_label:"KolInputRadio",_orientation:"horizontal",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"New York"}}),t.createElement(pf,{testId:"scenario-select",InputComponent:mn,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),t.createElement(pf,{testId:"scenario-singleSelect",InputComponent:fn,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),t.createElement(pf,{testId:"scenario-combobox",InputComponent:Re,inputProps:{_label:"KolCombobox",_suggestions:Qm,_value:"Deutschland"}}),t.createElement(pf,{testId:"scenario-textarea",InputComponent:_n,inputProps:{_label:"KolTextarea"}}),t.createElement(pf,{testId:"scenario-button",InputComponent:Pe,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),t.createElement(pf,{testId:"scenario-buttonLink",InputComponent:je,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),t.createElement("div",{className:"grid grid-cols-3 gap-4"},t.createElement("div",null),t.createElement(Pe,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{e.dispatchEvent(new Event("runAll"))}}})))))))},"static-form":()=>{const{searchParams:e}=new URL(location.href);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows how KoliBri can be used in a static form context."),t.createElement("ol",null,t.createElement("li",null,"First you have to enable the ",t.createElement("code",null,"experimental mode"),":"," ",t.createElement("code",{className:"bg-gray-200"},'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />')),t.createElement("li",null,"Currently you have to use a native ",t.createElement("code",null,"form")," element:"," ",t.createElement("code",{className:"bg-gray-200"},'<form method="GET">...</form>')),t.createElement("li",null,"It is important in static usage to give every input a ",t.createElement("code",null,"name")," attribute:"," ",t.createElement("code",{className:"bg-gray-200"},'<KolInputColor _name="color" _label="Color" />')),t.createElement("li",null,"Last of all one button should have the type ",t.createElement("code",null,"submit"),":"," ",t.createElement("code",{className:"bg-gray-200"},'<KolButton _label="Submit" _type="submit" _variant="primary" />')))),t.createElement("section",{className:"w-full flex flex-col"},e.size>0&&t.createElement("div",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Submitted data"}),t.createElement("pre",{className:"text-base"},t.createElement("code",null,JSON.stringify(Object.fromEntries(e.entries()),null,2)))),t.createElement("form",{className:"grid gap-4",method:"get",noValidate:!0},t.createElement(We,{_name:"checkbox",_label:"Checkbox"}),t.createElement(qe,{_name:"color",_label:"Color"}),t.createElement(Ze,{_name:"date",_label:"Date"}),t.createElement(Ge,{_name:"email",_label:"Email"}),t.createElement(Je,{_name:"file",_label:"File"}),t.createElement(Je,{_name:"file",_label:"Files (multiple)",_multiple:!0}),t.createElement(Ye,{_name:"number",_label:"Number"}),t.createElement(Qe,{_name:"password",_label:"Password"}),t.createElement(Xe,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.createElement(en,{_name:"range",_label:"Range"}),t.createElement(nn,{_name:"text",_label:"Text"}),t.createElement(mn,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.createElement(mn,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),t.createElement(fn,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.createElement(Re,{_name:"combobox",_label:"Combobox",_suggestions:Qm}),t.createElement(_n,{_name:"textarea",_label:"Textarea",_rows:5}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Pe,{_label:"Submit",_type:"submit",_variant:"primary"}),t.createElement(Pe,{_label:"Reset",_type:"reset"})),t.createElement("input",{type:"hidden",value:crypto.randomUUID(),name:"random"}))))},"table-horizontal-scrollbar-advanced":function(){const[e]=t.useState((()=>{var e;const n=rf.horizontal[0];let t=0;for(const o of n)t+=Number((null==(e=o.width)?void 0:e.replace("px",""))||0);return`${t}px`}));return t.createElement(t.Fragment,null,t.createElement(Ht,null),t.createElement("div",{className:"mainlayout"},t.createElement("aside",{className:"nav-area"},t.createElement(an,{_label:"Main navigation",_links:Hm,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})),t.createElement("div",{className:"content"},t.createElement(gn,{_tabs:of,_align:"top",_label:"Demo Tabs"},t.createElement("div",{style:{overflow:"hidden"}},t.createElement(kn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:rf,_data:tf,_pagination:{_page:1},className:"block"})),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null)))))},"change-tabindex":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This example show how different components works with tabIndex.")),t.createElement("div",{className:"w-full grid gap-4"},t.createElement(Me,{_label:"Button",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Pe,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.createElement(Pe,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.createElement(Pe,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.createElement(Pe,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1}))),t.createElement(Me,{_label:"ButtonLink",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(je,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),t.createElement(je,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),t.createElement(je,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),t.createElement(je,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"Combobox",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Re,{_hint:Kt,_label:"Combobox 1, Tabindex 4",_suggestions:Qm,_value:"Deutschland",tabIndex:4}),t.createElement(Re,{_disabled:!0,_hint:Kt,_label:"Combobox 2, Tabindex 3",_suggestions:Qm,_value:"Deutschland",tabIndex:3}),t.createElement(Re,{_touched:!0,_hint:Kt,_msg:{_type:"error",_description:Dt},_label:"Combobox 3, Tabindex 2",_suggestions:Qm,_value:"Deutschland",tabIndex:2}),t.createElement(Re,{_hint:Kt,_label:"Combobox 4, Tabindex 1",_suggestions:Qm,_value:"Deutschland",tabIndex:1}))),t.createElement(Me,{_label:"InputCheckbox",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(We,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),t.createElement(We,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),t.createElement(We,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Dt},_value:!1,tabIndex:2}),t.createElement(We,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1}))),t.createElement(Me,{_label:"InputColor",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(qe,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.createElement(qe,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.createElement(qe,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(qe,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputDate",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Ze,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.createElement(Ze,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.createElement(Ze,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(Ze,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputEmail",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Ge,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),t.createElement(Ge,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),t.createElement(Ge,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(Ge,{_label:"InputEmail 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputFile",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Je,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),t.createElement(Je,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),t.createElement(Je,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(Je,{_label:"InputFile 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputNumber",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Ye,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),t.createElement(Ye,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),t.createElement(Ye,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(Ye,{_label:"InputNumber 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputPassword",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Qe,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),t.createElement(Qe,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),t.createElement(Qe,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(Qe,{_label:"InputPassword 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputRadio",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(Xe,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),t.createElement(Xe,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 2, Tabindex 3",_disabled:!0,tabIndex:3}),t.createElement(Xe,{_touched:!0,_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2})," ",t.createElement(Xe,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"InputRange",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(en,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),t.createElement(en,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),t.createElement(en,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(en,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1}))),t.createElement(Me,{_label:"InputText",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(nn,{_label:"InputText 1, Tabindex 4",tabIndex:4}),t.createElement(nn,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),t.createElement(nn,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(nn,{_label:"InputText 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"LinkButton",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(rn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.createElement(rn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.createElement(rn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.createElement(rn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1}))),t.createElement(Me,{_label:"Link",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(on,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),t.createElement(on,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),t.createElement(on,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),t.createElement(on,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1}))),t.createElement(Me,{_label:"SingleSelect",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(fn,{_label:"InputText 1, Tabindex 4",_options:Ym,_value:"de",tabIndex:4}),t.createElement(fn,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Ym,_value:"de",tabIndex:3}),t.createElement(fn,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Ym,_msg:{_type:"error",_description:Dt},_value:"de",tabIndex:2}),t.createElement(fn,{_label:"InputText 4, Tabindex 1",_options:Ym,_value:"de",tabIndex:1}))),t.createElement(Me,{_label:"SplitButton",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(vn,{_label:"InputText 1, Tabindex 4",tabIndex:4},"Dropdown-Inhalt"),t.createElement(vn,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0},"Dropdown-Inhalt"),t.createElement(vn,{_label:"InputText 3, Tabindex 2",tabIndex:2},"Dropdown-Inhalt"),t.createElement(vn,{_label:"InputText 4, Tabindex 1",tabIndex:1},"Dropdown-Inhalt"))),t.createElement(Me,{_label:"Textarea",_level:0},t.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},t.createElement(_n,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),t.createElement(_n,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),t.createElement(_n,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Dt},tabIndex:2}),t.createElement(_n,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1}))))),"same-height-of-all-interactive-elements":()=>{const{dummyClickEventHandler:e}=lo(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface.")),t.createElement("div",{className:"w-full flex flex-wrap gap-4"},t.createElement(Pe,{_icons:"codicon codicon-home",_label:"Button",_on:n}),t.createElement(Pe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Button",_on:n}),t.createElement(rn,{_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:n}),t.createElement(rn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:n}),t.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_suggestions:[]}),t.createElement(qe,{_hideLabel:!0,_icons:{left:"codicon codicon-home"},_label:"Input-Color"}),t.createElement(Je,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-File"}),t.createElement(Ze,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Date"}),t.createElement(Ge,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Email"}),t.createElement(Ye,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Number"}),t.createElement(Qe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Password"}),t.createElement(en,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Range"}),t.createElement(nn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Input-Text"}),t.createElement(mn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_options:[]}),t.createElement(fn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox",_options:[]}),t.createElement(_n,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Combobox"})))},"performance-test":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This example renders many KoliBri components to show the performance.")),t.createElement("div",{className:"w-full grid gap-4"},vf.map((e=>t.createElement("div",{className:"flex flex-wrap items-end gap-4",key:e},t.createElement(nn,{_label:`TextInput #${e}`}),t.createElement(Ye,{_label:`NumberInput #${e}`}),t.createElement(We,{_label:`Checkbox #${e}`}))))))}};var hf=Object.defineProperty,gf=Object.defineProperties,_f=Object.getOwnPropertyDescriptors,yf=Object.getOwnPropertySymbols,wf=Object.prototype.hasOwnProperty,xf=Object.prototype.propertyIsEnumerable,Ef=(e,n,t)=>n in e?hf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,zf=(e,n)=>{for(var t in n||(n={}))wf.call(n,t)&&Ef(e,t,n[t]);if(yf)for(var t of yf(n))xf.call(n,t)&&Ef(e,t,n[t]);return e},Sf=(e,n)=>gf(e,_f(n));const Tf=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],Cf=Tf.map(((e,n)=>0===n?{label:"Select salutation",value:"",disabled:!0}:e)),Of=Ym.reduce(((e,n)=>{const t=n.label.charAt(0).toUpperCase();return e[t]||(e[t]={label:t,options:[]}),e[t].options.push({label:n.label,value:n.label}),e}),{}),Lf=Object.values(Of),Nf=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement(mn,Sf(zf({},e),{ref:n,_accessKey:"a",_options:Tf,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),t.createElement(mn,Sf(zf({},e),{_options:Tf,_label:"Disabled",_disabled:!0})),t.createElement(mn,Sf(zf({},e),{_options:Cf,_label:"Salutation with error",_msg:{_type:"error",_description:Dt},_touched:!0})),t.createElement(mn,Sf(zf({},e),{_options:Ym,_label:"Multiple choice",_multiple:!0})),t.createElement(mn,Sf(zf({},e),{_options:Ym,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Dt},_hint:Kt,_touched:!0})),t.createElement(mn,Sf(zf({},e),{_options:Tf,_label:"With access key",_accessKey:"c"})),t.createElement(mn,Sf(zf({},e),{_options:Tf,_label:"With short key",_shortKey:"s"})),t.createElement(mn,Sf(zf({},e),{_options:Lf,_label:"With grouped by first letter",_value:["Albanien"]})),t.createElement(mn,Sf(zf({},e),{_options:Lf,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})))}));var Af=Object.defineProperty,Bf=Object.defineProperties,If=Object.getOwnPropertyDescriptors,$f=Object.getOwnPropertySymbols,Pf=Object.prototype.hasOwnProperty,jf=Object.prototype.propertyIsEnumerable,Mf=(e,n,t)=>n in e?Af(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Rf=(e,n)=>{for(var t in n||(n={}))Pf.call(n,t)&&Mf(e,t,n[t]);if($f)for(var t of $f(n))jf.call(n,t)&&Mf(e,t,n[t]);return e};const Ff=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(Nf,Rf({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(Nf,(o=Rf({ref:n},e),Bf(o,If({_hideLabel:!0}))))));var o})),Df={select:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.")),t.createElement(fr,{RefComponent:Ff}))}},Kf={"skip-nav":{basic:()=>t.createElement("div",{className:"grid gap-4"},t.createElement(Ht,null,t.createElement("p",null,"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."),t.createElement("p",null,"For testing purposes, click into the example and press the tab-key in order to focus the first link.")),t.createElement(bn,{_label:"Hidden navigation",_links:[{_label:"To the top",_href:"#/back-page"},{_label:"To the form",_href:"#/back-page"},{_label:"To the end",_href:"#/back-page"}]}))}},Hf={spin:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'KolSpin renders a loading indicator. This sample shows the default variant "dot".')),t.createElement(pn,{_show:!0})),cycle:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows the KolSpin variant "cycle".')),t.createElement(pn,{_show:!0,_variant:"cycle"})),custom:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows a custom loading animation. Using the expert slot, it is possible to insert custom animations. Custom animations are not necessarily barrier-free.")),t.createElement(pn,{_show:!0,_variant:"none"},t.createElement("span",{slot:"expert",className:"loader"})))}},Uf={"split-button":{basic:()=>{const e=jn.getInstance(document);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon. The first sample shows the button with an assigned action. In the second sample no action is assigned and clicking the button opens the context menu instead.")),t.createElement("div",{className:"flex gap-4"},t.createElement(vn,{_label:"Only the arrow opens",_on:{onClick:()=>{e.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})}}},"Dropdown contents"),t.createElement(vn,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request"},"Dropdown contents")))},"with-context":()=>{const e=t.useRef();return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.")),t.createElement("div",{className:"flex gap-4"},t.createElement(vn,{ref:e,_label:"Only the arrow opens"},t.createElement("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:e=>e.stopPropagation()},t.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."),t.createElement("div",{style:{gap:16,display:"flex",flexDirection:"column"}},t.createElement(nn,{_label:"User"}),t.createElement(nn,{_label:"Role"}),t.createElement(Pe,{_label:"Close",_on:{onClick:()=>{var n;null==(n=e.current)||n.closePopup()}}}))))))}}},Vf=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Wf=[{order:0,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,date:new Date("1986-07-10T11:39:29.539Z")},{order:3,date:new Date("1976-02-02T10:00:36.346Z")},{order:4,date:new Date("1998-07-07T12:50:36.016Z")},{order:5,date:new Date("1994-09-05T05:10:44.078Z")},{order:6,date:new Date("1986-05-23T13:05:01.874Z")},{order:7,date:new Date("1975-06-29T21:51:29.359Z")},{order:8,date:new Date("1974-05-15T23:47:02.499Z")},{order:9,date:new Date("1990-05-27T10:13:19.641Z")},{order:10,date:new Date("1993-10-20T03:54:08.739Z")},{order:11,date:new Date("2000-02-25T11:55:43.705Z")},{order:12,date:new Date("1988-08-27T09:59:12.251Z")},{order:13,date:new Date("1980-10-24T10:41:24.897Z")},{order:14,date:new Date("1995-01-25T12:31:27.983Z")},{order:15,date:new Date("1995-04-15T02:00:39.048Z")},{order:16,date:new Date("1994-03-15T19:13:04.564Z")},{order:17,date:new Date("1999-03-02T16:53:04.418Z")},{order:18,date:new Date("1982-08-23T18:37:38.014Z")},{order:19,date:new Date("1995-06-19T12:39:56.321Z")},{order:20,date:new Date("1994-09-23T15:03:35.746Z")},{order:21,date:new Date("1990-04-15T23:38:02.147Z")},{order:22,date:new Date("1983-08-01T10:36:44.006Z")},{order:23,date:new Date("1986-06-28T21:27:04.588Z")},{order:24,date:new Date("1986-08-14T19:34:40.904Z")},{order:25,date:new Date("1998-07-14T15:52:29.010Z")},{order:26,date:new Date("1985-02-15T18:56:32.344Z")},{order:27,date:new Date("1989-09-06T10:49:30.896Z")},{order:28,date:new Date("1994-09-05T14:21:37.211Z")},{order:29,date:new Date("1995-12-15T23:12:14.411Z")},{order:30,date:new Date("1986-08-14T19:34:40.904Z")},{order:31,date:new Date("1985-02-15T18:56:32.344Z")},{order:32,date:new Date("1989-09-06T10:49:30.896Z")},{order:33,date:new Date("1994-09-05T14:21:37.211Z")},{order:34,date:new Date("1995-12-15T23:12:14.411Z")},{order:35,date:new Date("1986-08-14T19:34:40.904Z")},{order:36,date:new Date("1985-02-15T18:56:32.344Z")},{order:37,date:new Date("1989-09-06T10:49:30.896Z")},{order:38,date:new Date("1994-09-05T14:21:37.211Z")},{order:39,date:new Date("1995-12-15T23:12:14.411Z")},{order:40,date:new Date("1986-08-14T19:34:40.904Z")},{order:41,date:new Date("1985-02-15T18:56:32.344Z")},{order:42,date:new Date("1989-09-06T10:49:30.896Z")},{order:43,date:new Date("1994-09-05T14:21:37.211Z")},{order:44,date:new Date("1995-12-15T23:12:14.411Z")},{order:45,date:new Date("1986-08-14T19:34:40.904Z")},{order:46,date:new Date("1985-02-15T18:56:32.344Z")},{order:47,date:new Date("1989-09-06T10:49:30.896Z")},{order:48,date:new Date("1994-09-05T14:21:37.211Z")},{order:49,date:new Date("1995-12-15T23:12:14.411Z")},{order:50,date:new Date("1986-08-14T19:34:40.904Z")},{order:51,date:new Date("1985-02-15T18:56:32.344Z")},{order:52,date:new Date("1989-09-06T10:49:30.896Z")},{order:53,date:new Date("1994-09-05T14:21:37.211Z")},{order:54,date:new Date("1995-12-15T23:12:14.411Z")},{order:55,date:new Date("1986-08-14T19:34:40.904Z")},{order:56,date:new Date("1985-02-15T18:56:32.344Z")},{order:57,date:new Date("1989-09-06T10:49:30.896Z")},{order:58,date:new Date("1994-09-05T14:21:37.211Z")},{order:59,date:new Date("1995-12-15T23:12:14.411Z")},{order:60,date:new Date("1986-08-14T19:34:40.904Z")},{order:61,date:new Date("1985-02-15T18:56:32.344Z")},{order:62,date:new Date("1989-09-06T10:49:30.896Z")},{order:63,date:new Date("1994-09-05T14:21:37.211Z")},{order:64,date:new Date("1995-12-15T23:12:14.411Z")},{order:65,date:new Date("1986-08-14T19:34:40.904Z")},{order:66,date:new Date("1985-02-15T18:56:32.344Z")},{order:67,date:new Date("1989-09-06T10:49:30.896Z")},{order:68,date:new Date("1994-09-05T14:21:37.211Z")},{order:69,date:new Date("1995-12-15T23:12:14.411Z")},{order:70,date:new Date("1986-08-14T19:34:40.904Z")},{order:71,date:new Date("1985-02-15T18:56:32.344Z")},{order:72,date:new Date("1989-09-06T10:49:30.896Z")},{order:73,date:new Date("1994-09-05T14:21:37.211Z")},{order:74,date:new Date("1995-12-15T23:12:14.411Z")},{order:75,date:new Date("1986-08-14T19:34:40.904Z")},{order:76,date:new Date("1985-02-15T18:56:32.344Z")},{order:77,date:new Date("1989-09-06T10:49:30.896Z")},{order:78,date:new Date("1994-09-05T14:21:37.211Z")},{order:79,date:new Date("1995-12-15T23:12:14.411Z")},{order:80,date:new Date("1986-08-14T19:34:40.904Z")},{order:81,date:new Date("1985-02-15T18:56:32.344Z")},{order:82,date:new Date("1989-09-06T10:49:30.896Z")},{order:83,date:new Date("1994-09-05T14:21:37.211Z")},{order:84,date:new Date("1995-12-15T23:12:14.411Z")},{order:85,date:new Date("1986-08-14T19:34:40.904Z")},{order:86,date:new Date("1985-02-15T18:56:32.344Z")},{order:87,date:new Date("1989-09-06T10:49:30.896Z")},{order:88,date:new Date("1994-09-05T14:21:37.211Z")},{order:89,date:new Date("1995-12-15T23:12:14.411Z")},{order:90,date:new Date("1986-08-14T19:34:40.904Z")},{order:91,date:new Date("1985-02-15T18:56:32.344Z")},{order:92,date:new Date("1989-09-06T10:49:30.896Z")},{order:93,date:new Date("1994-09-05T14:21:37.211Z")},{order:94,date:new Date("1995-12-15T23:12:14.411Z")},{order:95,date:new Date("1986-08-14T19:34:40.904Z")},{order:96,date:new Date("1985-02-15T18:56:32.344Z")},{order:97,date:new Date("1989-09-06T10:49:30.896Z")},{order:98,date:new Date("1994-09-05T14:21:37.211Z")},{order:99,date:new Date("1995-12-15T23:12:14.411Z")}],qf={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,t)=>Vf.format(t.date)}]]},Zf={_page:2},Gf=[{left:"Left Example",center:"Center Example",right:"Right Example"}],Jf=()=>0,Yf=[{small:"Small Example",large:"Larger Example"}],Qf={horizontal:[[{label:"Large Column",key:"large",textAlign:"left",width:"300px"},{label:"Small Column",key:"small",textAlign:"left",width:"200px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"}]]},Xf=[{order:0,shipped:!1,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,shipped:!0,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,shipped:!1,date:new Date("1986-07-10T11:39:29.539Z")}];function eb({label:e,icons:n}){const{dummyClickEventHandler:o}=lo(),r={onClick:o};return t.createElement(Pe,{_label:e,_icons:n,_on:r})}const nb={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,n)=>`Index: ${n.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,n)=>{n.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,n)=>{e.innerHTML=`<strong>${Vf.format(n.label)}</strong>`},compareFn:(e,n)=>e.date.getTime()-n.date.getTime()},{label:"Action (react)",key:"action",width:"20em",render:e=>{Ao(zn(e)).render(t.createElement("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"}},t.createElement(nn,{_label:"Input"}),t.createElement(eb,{label:"Save",icons:{left:"codicon codicon-save"}})))}}]]},tb=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),ob={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>tb.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},rb={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>tb.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},lb=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],ab=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function ib({label:e}){const{dummyClickEventHandler:n}=lo(),o={onClick:n};return t.createElement(Pe,{_label:e,_on:o})}const cb=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function sb({label:e}){const{dummyClickEventHandler:n}=lo(),o={onClick:n};return t.createElement(Pe,{_label:e,_on:o})}const db=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"This row is always unchecked",internalIdentifier:"AAA1003"},{id:"1004",name:"This row is always checked",internalIdentifier:"AAA1004"}];function ub({label:e}){const{dummyClickEventHandler:n}=lo(),o={onClick:n};return t.createElement(Pe,{_label:e,_on:o})}const mb=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"},{id:"1003",name:"Foo Disabled",internalIdentifier:"AAA1003"}];function fb({label:e}){const{dummyClickEventHandler:n}=lo(),o={onClick:n};return t.createElement(Pe,{_label:e,_on:o})}const bb={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,t)=>Vf.format(t.date)}]]},pb={_page:2};var vb=Object.defineProperty,kb=Object.defineProperties,hb=Object.getOwnPropertyDescriptors,gb=Object.getOwnPropertySymbols,_b=Object.prototype.hasOwnProperty,yb=Object.prototype.propertyIsEnumerable,wb=(e,n,t)=>n in e?vb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,xb=(e,n)=>{for(var t in n||(n={}))_b.call(n,t)&&wb(e,t,n[t]);if(gb)for(var t of gb(n))yb.call(n,t)&&wb(e,t,n[t]);return e};function Eb(e){var n=e,{_on:o}=n,r=((e,n)=>{var t={};for(var o in e)_b.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&gb)for(var o of gb(e))n.indexOf(o)<0&&yb.call(e,o)&&(t[o]=e[o]);return t})(n,["_on"]);const{dummyClickEventHandler:l}=lo(),a={onClick:l};return t.createElement(Pe,(i=xb({},r),kb(i,hb({_on:a}))));var i}const zb=e=>{const n=e.charAt(0).toUpperCase()+e.slice(1);return{label:n,key:e,textAlign:"left",render:(o,r)=>{const l={_label:n,_variant:e,_icons:{right:"codicon codicon-squirrel"}};Ao(zn(o)).render("button"===r.label?t.createElement(Eb,xb({},l)):t.createElement(rn,xb({_href:"#/back-page"},l)))}}},Sb=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Tb={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,n)=>e.order<n.order?-1:n.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>Sb.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Cb={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,n)=>e.order<n.order?-1:n.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>Sb.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Ob=[{columnA:"Column A",columnB:"Column B",columnC:"Column C"}],Lb={table:{"column-alignment":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful with columns headers and data in different text alignments.")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(He,{_label:"Simple table",_level:3}),t.createElement(kn,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:Gf,className:"block",style:{maxWidth:"600px"}}),t.createElement(He,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),t.createElement(kn,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:Jf},{label:"center",key:"center",textAlign:"center",compareFn:Jf},{label:"right",key:"right",textAlign:"right",compareFn:Jf}]]},_data:Gf,className:"block",style:{maxWidth:"600px"}}),t.createElement(He,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),t.createElement(kn,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:Jf},{label:"center",key:"center",textAlign:"center",compareFn:Jf},{label:"right",key:"right",textAlign:"right"}]]},_data:Gf,className:"block",style:{maxWidth:"600px"}}),t.createElement(He,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),t.createElement(kn,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:Gf,className:"block",style:{maxWidth:"600px"}}))),"complex-headers":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan.")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(kn,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}}))),"horizontal-scrollbar":()=>{const[e,n]=(0,t.useState)(!0);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys.")),t.createElement("section",{className:"w-full flex flex-col gap-4"},t.createElement(He,{_label:"Table with scrollbar",_level:2}),t.createElement(kn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"auto",_headers:Qf,_data:Yf,className:"block",style:{width:"400px"}}),t.createElement(He,{_label:"Empty Table with scrollbar",_level:3}),t.createElement(kn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"auto",_headers:Qf,_data:[],className:"block",style:{width:"400px"}}),t.createElement(We,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(e,t)=>{n(Boolean(t))}}}),t.createElement(He,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),t.createElement("p",{className:"mt-0"},t.createElement("i",null,"Scrollbar appears on very small viewport sizes")),t.createElement(kn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:Qf,_data:Yf,className:"block"})))},"interactive-child-elements":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly.")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(hn,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[zb("primary"),zb("secondary"),zb("normal"),zb("danger"),zb("ghost")]],vertical:[[{label:"Button"},{label:"Link-Button"}]]},_data:[{primary:"button",secondary:"button",normal:"button",danger:"button",ghost:"button"},{primary:"link-button",secondary:"link-button",normal:"link-button",danger:"link-button",ghost:"link-button"}],className:"block"}),t.createElement(hn,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,n)=>{const o={_label:n.label,_icons:{right:"codicon codicon-squirrel"}};Ao(zn(e)).render("button-link"===n.label?t.createElement(je,xb({},o)):t.createElement(on,xb({_href:"#/back-page"},o)))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"}))),"multi-sort":()=>{const[e,n]=(0,t.useState)(!1),[o,r]=(0,t.useState)(!0);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.')),t.createElement("section",{className:"w-full grid gap-4"},t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Vertical"}),t.createElement(We,{_checked:e,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,t)=>n(Boolean(t))}}),t.createElement(kn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:Wf.slice(0,10),_headers:Cb,className:"block",_allowMultiSort:e})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Horizontal"}),t.createElement(We,{_checked:o,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,n)=>r(Boolean(n))}}),t.createElement(kn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:Wf,_headers:Tb,className:"block",_allowMultiSort:o}))))},"pagination-position":()=>t.createElement("div",{className:"w-full grid gap-14"},t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful with different pagination positions.")),t.createElement("section",{className:"w-full flex flex-col gap-14"},t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Table with pagination at the bottom."}),t.createElement(kn,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:Wf,_headers:qf,_pagination:Zf,_paginationPosition:"bottom"})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Table with pagination at the top."}),t.createElement(kn,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:Wf,_headers:qf,_pagination:Zf,_paginationPosition:"top"})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Table with pagination at both top and bottom."}),t.createElement(kn,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:Wf,_headers:qf,_pagination:Zf,_paginationPosition:"both"})))),"predefined-settings":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This example shows the table with predefined settings.")),t.createElement(kn,{_label:"Table for demonstration purposes with predefined settings",_minWidth:"auto",_headers:{horizontal:[[{label:"column A",key:"columnA"},{label:"column B",key:"columnB"},{label:"column C",key:"columnC"}]]},_tableSettings:{columns:[{key:"columnA",visible:!1,label:"Column A",position:2},{key:"columnB",visible:!0,label:"Column B",position:1,width:20},{key:"columnC",visible:!0,label:"Column C",position:0,width:45}]},_data:Ob,"_min-width":"500px",className:"block",style:{maxWidth:"600px"}})),"render-cell":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful using React render functions for the cell contents.")),t.createElement(kn,{_label:"Sort by date column",_minWidth:"auto",_data:Xf,_headers:nb,className:"w-full"})),"sort-data":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.')),t.createElement("section",{className:"w-full grid gap-4"},t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Vertical headers"}),t.createElement(kn,{_label:"Sort a date column",_minWidth:"auto",_data:Wf.slice(0,10),_headers:rb,className:"block"})),t.createElement("section",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:"Horizontal headers"}),t.createElement(kn,{_label:"Sort a date column",_minWidth:"auto",_data:Wf,_headers:ob,className:"block"})))),"stateful-with-selection":()=>{const[e,n]=(0,t.useState)(),o={label:e=>`Selection for ${e.name}`,selectedKeys:e?e.map((e=>e.internalIdentifier)):["AAA1004"],disabledKeys:["AAA1003","AAA1004"],keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Pn.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Pn.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful with checkboxes for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(kn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Ao(zn(e)).render(t.createElement(ib,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:ab,_selection:o,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:r}),t.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},t.createElement(Pe,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const t=yield null==(e=r.current)?void 0:e.getSelection();n(t)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(null,null)).next())}))}}}),t.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateful-with-single-selection":()=>{const[e,n]=(0,t.useState)(),o={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Pn.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Pn.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful with radio buttons for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(kn,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Ao(zn(e)).render(t.createElement(sb,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:cb,_selection:o,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:r}),t.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},t.createElement(Pe,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const t=yield null==(e=r.current)?void 0:e.getSelection();n(t)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(null,null)).next())}))}}}),t.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},stateless:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper.")),t.createElement("section",{className:"w-full"},t.createElement(hn,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:lb,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,n)=>{console.log(n)}}}))),"stateless-with-selection":()=>{const[e,n]=(0,t.useState)(["AAA1002","AAA1004"]),o={label:e=>`Selection for ${e.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier",disabledKeys:["AAA1003","AAA1004"]},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Pn.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Pn.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(hn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Ao(zn(e)).render(t.createElement(ub,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:db,_selection:o,_on:{onSelectionChange:(e,t)=>{console.log("Selection change via callback",t),n("string"==typeof t?[t]:t)}},className:"block",style:{maxWidth:"600px"},ref:r})))},"stateless-with-single-selection":()=>{const[e,n]=(0,t.useState)(["1002"]),o={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e,disabledKeys:["AAA1003"],keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Pn.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Pn.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(hn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Ao(zn(e)).render(t.createElement(fb,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:mb,_selection:o,_on:{onSelectionChange:(e,t)=>{console.log("Selection change via callback",t),n("string"==typeof t?[t]:t)}},className:"block",style:{maxWidth:"600px"},ref:r})))},"with-footer":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTableStateful with footer data.")),t.createElement(kn,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})),"with-pagination":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows how KolTableStateful can be navigated using a pagination.")),t.createElement("div",{className:"w-full"},t.createElement(kn,{_label:"Table description",_minWidth:"auto",_data:Wf,_headers:bb,_pagination:pb})))}};var Nb=Object.defineProperty,Ab=Object.defineProperties,Bb=Object.getOwnPropertyDescriptors,Ib=Object.getOwnPropertySymbols,$b=Object.prototype.hasOwnProperty,Pb=Object.prototype.propertyIsEnumerable,jb=(e,n,t)=>n in e?Nb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;const Mb=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],Rb=Mb.map((e=>{return n=((e,n)=>{for(var t in n||(n={}))$b.call(n,t)&&jb(e,t,n[t]);if(Ib)for(var t of Ib(n))Pb.call(n,t)&&jb(e,t,n[t]);return e})({},e),Ab(n,Bb({_icons:void 0}));var n})),Fb=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],Db=[{_icons:"codicon codicon-pie-chart",_label:"First Tab",_hideLabel:!0},{_icons:"codicon codicon-calendar",_label:"Second Tab",_hideLabel:!0},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab",_hideLabel:!0},{_icons:"codicon codicon-telescope",_label:"Last Tab",_hideLabel:!0}],Kb=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],Hb={tabs:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs.")),t.createElement(gn,{_tabs:Rb,_label:"Regular tabs"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4")),t.createElement(gn,{_tabs:Mb,className:"mt-4",_label:"Tabs with icons"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),"icons-only":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTabs with hidden labels.")),t.createElement(gn,{_label:"Tabs with icons",_tabs:Db},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),behavior:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTabs with the property ",t.createElement("code",null,"_behavior")," set to ",t.createElement("code",null,"select-manual")," and ",t.createElement("code",null,"select-automatic"),"."),t.createElement("p",null,"This property allows controlling when an arrow key is pressed whether the tab change takes place right away or only focuses the tab caption.")),t.createElement("div",{className:"grid gap-8"},t.createElement("div",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:'Tabs with "select manual" behavior'}),t.createElement(gn,{_tabs:Kb,_behavior:"select-manual",_label:"Tabs with select manual behavior"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),t.createElement("div",{className:"grid gap-4"},t.createElement(He,{_level:2,_label:'Tabs with "select automatic" behavior'}),t.createElement(gn,{_tabs:Kb,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))))),align:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolTabs with the property ",t.createElement("code",null,"_align")," set to ",t.createElement("code",null,"left"),", ",t.createElement("code",null,"right"),", ",t.createElement("code",null,"top")," and ",t.createElement("code",null,"bottom"),".")),t.createElement("div",{className:"grid gap-8"},["left","right","top","bottom"].map((e=>{const n=`Tabs with ${e} align`;return t.createElement("div",{key:e,className:"grid gap-4"},t.createElement(He,{_level:2,_label:n}),t.createElement(gn,{_tabs:Fb,_align:e,_label:n},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4")))}))))}};var Ub=Object.defineProperty,Vb=Object.defineProperties,Wb=Object.getOwnPropertyDescriptors,qb=Object.getOwnPropertySymbols,Zb=Object.prototype.hasOwnProperty,Gb=Object.prototype.propertyIsEnumerable,Jb=(e,n,t)=>n in e?Ub(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Yb=(e,n)=>{for(var t in n||(n={}))Zb.call(n,t)&&Jb(e,t,n[t]);if(qb)for(var t of qb(n))Gb.call(n,t)&&Jb(e,t,n[t]);return e},Qb=(e,n)=>Vb(e,Wb(n));const Xb=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(_n,Qb(Yb({},e),{ref:n,_placeholder:"Placeholder",_label:"Text"}))),t.createElement(_n,Qb(Yb({},e),{_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:Dt},_label:"Text",_touched:!0,_hint:Kt})),t.createElement(_n,Qb(Yb({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}})),t.createElement(_n,Qb(Yb({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}})),t.createElement(_n,Qb(Yb({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}})),t.createElement(_n,Qb(Yb({},e),{ref:n,_accessKey:"T",_label:"Text (3 rows)",_rows:3})),t.createElement(_n,Qb(Yb({},e),{ref:n,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"})),t.createElement(_n,Qb(Yb({},e),{ref:n,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0})),t.createElement(_n,Qb(Yb({},e),{ref:n,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0})),t.createElement(_n,Qb(Yb({},e),{ref:n,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0})),t.createElement(_n,Qb(Yb({},e),{ref:n,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"})),t.createElement(_n,Qb(Yb({},e),{ref:n,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})))}));var ep=Object.defineProperty,np=Object.defineProperties,tp=Object.getOwnPropertyDescriptors,op=Object.getOwnPropertySymbols,rp=Object.prototype.hasOwnProperty,lp=Object.prototype.propertyIsEnumerable,ap=(e,n,t)=>n in e?ep(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ip=(e,n)=>{for(var t in n||(n={}))rp.call(n,t)&&ap(e,t,n[t]);if(op)for(var t of op(n))lp.call(n,t)&&ap(e,t,n[t]);return e};const cp=(0,t.forwardRef)((function(e,n){return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(Xb,ip({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(Xb,(o=ip({ref:n},e),np(o,tp({_hideLabel:!0}))))));var o})),sp={textarea:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.")),t.createElement(fr,{RefComponent:cp})),"adjust-height":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_adjustHeight"),"-property of KolTextarea. The textarea automatically grows with its content.")),t.createElement(Ke,{className:"w-full"},t.createElement(_n,{_adjustHeight:!0,_value:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore\nmagna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd\ngubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing\nelitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos\net accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor\nsit amet.",_label:"Text input (auto grow)"}))),resize:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_resize"),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction.")),t.createElement(Ke,{className:"w-full"},t.createElement("div",{className:"flex flex-col gap-4"},t.createElement(_n,{_label:"Text input (unset)"}),t.createElement(_n,{_resize:"vertical",_label:"Text input (vertical)"}),t.createElement(_n,{_resize:"none",_label:"Text input (none)"})))),rows:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_rows"),"-property of KolTextarea. The sample textarea has a fixed row number of 10.")),t.createElement(Ke,{className:"w-full"},t.createElement(_n,{_rows:10,_label:"Texteingabe"}))),"with-counter":()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_hasCounter"),"-property of KolTextarea. It shows how many characters have been entered.")),t.createElement("section",{className:"w-full"},t.createElement(_n,{_label:"Textara with counter",_hasCounter:!0}),t.createElement(_n,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"})))}},dp={toast:{basic:()=>{const[e]=ye(),n=e.get("type"),o=e.get("variant"),r=jn.getInstance(document);(0,t.useEffect)((()=>{n&&o?r.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:n,variant:o}):n?r.enqueue({description:"Toasty",label:"Initial Toast",type:n}):o&&r.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:o})}),[n,o]);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample demonstrates the toast service with all its options.")),t.createElement("section",{className:"grid gap-4"},t.createElement("section",{className:"flex gap-2"},t.createElement(Pe,{_label:"Show simple toast",_on:{onClick:()=>{r.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"})}}}),t.createElement(Pe,{_label:"Show toast with alert variant 'msg'",_on:{onClick:()=>{r.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})}}}),t.createElement(Pe,{_label:"Show complex toast",_on:{onClick:()=>{r.enqueue({render:(e,{close:n})=>{Ao(e).render(t.createElement(t.Fragment,null,t.createElement(Pe,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),n()}}})))},label:"Initial Toast",type:"warning"})}}})),t.createElement("section",{className:"flex gap-2"},t.createElement(Pe,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>{var e;e=function*(){const e=yield r.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});e&&setTimeout(e,2e3)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(null,null)).next())}))}}})),t.createElement("section",{className:"flex gap-2"},t.createElement(Pe,{_label:"Close all toasts",_on:{onClick:()=>{r.closeAll()}}}))))}}},up={toolbar:{basic:()=>{const e=(0,t.useContext)(Ft);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements.")),!e&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(yn,{class:"block w-fit",_label:"Toolbar",_items:[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}]}))},disabled:()=>{const e=(0,t.useContext)(Ft);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolToolbars with some of the elements disabled.")),!e&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(yn,{_label:"Toolbar",class:"block w-fit",_items:[{_label:"Back",_disabled:!0,_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_disabled:!0,_label:"Simple Link 3"},{_label:"Bold"}]}))}}},mp={version:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolVersion renders a label showing the given version number.")),t.createElement(En,{_label:"1.1.1"})),context:()=>t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"This sample shows KolVersion inline with text paragraph content.")),t.createElement("p",null,t.createElement(En,{_label:"1.0.0"})," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."))}};var fp=Object.defineProperty,bp=Object.defineProperties,pp=Object.getOwnPropertyDescriptors,vp=Object.getOwnPropertySymbols,kp=Object.prototype.hasOwnProperty,hp=Object.prototype.propertyIsEnumerable,gp=(e,n,t)=>n in e?fp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,_p=(e,n)=>{for(var t in n||(n={}))kp.call(n,t)&&gp(e,t,n[t]);if(vp)for(var t of vp(n))hp.call(n,t)&&gp(e,t,n[t]);return e};const yp={tree:{"basic/:subPage":()=>{const e=(0,t.useContext)(Ft),{subPage:n}=function(){let{matches:e}=t.useContext(q),n=e[e.length-1];return n?n.params:{}}(),[o,r]=(0,t.useState)("1 Home"),[l,a]=(0,t.useState)(!1),[i,c]=(0,t.useState)(!1),[s,d]=(0,t.useState)(!0),u=t=>({_href:`#/tree/basic/${t}${e?"?hideMenus":""}`,_active:t===n});return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.")),!e&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(wn,{_label:"Sitemap",class:"block w-fit"},t.createElement(xn,_p({_label:o},u("home"))),t.createElement(xn,(m=_p({_label:"2 About (open initially)"},u("about")),bp(m,pp({_open:!0}))),t.createElement(xn,_p({_label:"2.0 Legal"},u("legal"))),t.createElement(xn,_p({_label:"2.1 Team"},u("team")),t.createElement(xn,_p({_label:"2.1.1. Values"},u("values"))),t.createElement(xn,_p({_label:"2.1.2. Members"},u("members")),t.createElement(xn,_p({_label:"2.1.2.1 Humans"},u("humans"))),l&&t.createElement(xn,_p({_label:"2.1.2.2 Pets"},u("pets")))),t.createElement(xn,_p({_label:"2.1.3 Locations"},u("locations")),i&&t.createElement(xn,_p({_label:"2.1.3.1 Europe"},u("europe")),t.createElement(xn,_p({_label:"2.1.3.1.1 Denmark"},u("denmark"))),t.createElement(xn,_p({_label:"2.1.3.1.2 Netherlands"},u("netherlands"))))))),s&&t.createElement(xn,_p({_label:"3. Products"},u("products")),t.createElement(xn,_p({_label:"3.1 Home"},u("home-products")),t.createElement(xn,_p({_label:"3.1.1 Refrigerators"},u("fridges"))),t.createElement(xn,_p({_label:"3.1.2 Coffee makers"},u("coffee-makers")))),t.createElement(xn,_p({_label:"3.1 Office"},u("office-products")),t.createElement(xn,_p({_label:"3.2.1 Printers"},u("printers")))))),t.createElement("p",null,"Current tree item: ",null!=n?n:"none"),t.createElement("div",{className:"flex flex-wrap gap-2"},t.createElement(Pe,{_label:"Change label for '1 Home'",_on:{onClick:()=>{r(`1 Home ${(()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]})()}`)}}}),t.createElement(Pe,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>a(!l)}}),t.createElement(Pe,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>c(!i)}}),t.createElement(Pe,{_label:"Toggle '3. Products'",_on:{onClick:()=>d(!s)}})));var m}}};var wp=Object.defineProperty,xp=Object.defineProperties,Ep=Object.getOwnPropertyDescriptors,zp=Object.getOwnPropertySymbols,Sp=Object.prototype.hasOwnProperty,Tp=Object.prototype.propertyIsEnumerable,Cp=(e,n,t)=>n in e?wp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Op=(e,n)=>{for(var t in n||(n={}))Sp.call(n,t)&&Cp(e,t,n[t]);if(zp)for(var t of zp(n))Tp.call(n,t)&&Cp(e,t,n[t]);return e},Lp=(e,n)=>xp(e,Ep(n));const Np=e=>t.createElement("div",{className:"grid gap-4"},t.createElement(Re,Lp(Op({},e),{_hint:Kt,_label:"Label",_suggestions:Qm,_value:"Deutschland"})),t.createElement(Re,Lp(Op({},e),{_label:"Disabled",_suggestions:Qm,_value:"Deutschland",_disabled:!0})),t.createElement(Re,Lp(Op({},e),{_suggestions:Qm,_msg:{_type:"error",_description:Dt},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),t.createElement(Re,Lp(Op({},e),{_label:"With access key",_suggestions:Qm,_value:"Deutschland",_accessKey:"c"})),t.createElement(Re,Lp(Op({},e),{_label:"With short key",_suggestions:Qm,_value:"Deutschland",_shortKey:"s"})));var Ap=Object.defineProperty,Bp=Object.defineProperties,Ip=Object.getOwnPropertyDescriptors,$p=Object.getOwnPropertySymbols,Pp=Object.prototype.hasOwnProperty,jp=Object.prototype.propertyIsEnumerable,Mp=(e,n,t)=>n in e?Ap(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Rp=(e,n)=>{for(var t in n||(n={}))Pp.call(n,t)&&Mp(e,t,n[t]);if($p)for(var t of $p(n))jp.call(n,t)&&Mp(e,t,n[t]);return e};const Fp=e=>{return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(Np,Rp({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(Np,(n=Rp({},e),Bp(n,Ip({_hideLabel:!0}))))));var n},Dp={combobox:{basic:()=>{const e=(0,t.useContext)(Ft);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions.")),!e&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(fr,{RefComponent:Fp}))}}},Kp=[{value:"1",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam"},{value:"2",label:"Lorem ipsum dolor"},{value:"3",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."},{value:"4",label:"Lorem ipsum dolor"},{value:"5",label:"Lorem ipsum dolor"},{value:"6",label:"Lorem ipsum dolor"},{value:"7",label:"Lorem ipsum dolor"},{value:"8",label:"Lorem ipsum dolor"},{value:"2",label:"Lorem ipsum dolor"}];var Hp=Object.defineProperty,Up=Object.defineProperties,Vp=Object.getOwnPropertyDescriptors,Wp=Object.getOwnPropertySymbols,qp=Object.prototype.hasOwnProperty,Zp=Object.prototype.propertyIsEnumerable,Gp=(e,n,t)=>n in e?Hp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Jp=(e,n)=>{for(var t in n||(n={}))qp.call(n,t)&&Gp(e,t,n[t]);if(Wp)for(var t of Wp(n))Zp.call(n,t)&&Gp(e,t,n[t]);return e},Yp=(e,n)=>Up(e,Vp(n));const Qp=e=>t.createElement("div",{className:"grid gap-4"},t.createElement(fn,Yp(Jp({},e),{_hint:Kt,_label:"Label",_options:Ym,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})),t.createElement(fn,Yp(Jp({},e),{_label:"Disabled",_options:Ym,_value:"de",_disabled:!0})),t.createElement(fn,Yp(Jp({},e),{_options:Ym,_msg:{_type:"error",_description:Dt},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),t.createElement(fn,Yp(Jp({},e),{_label:"With access key",_options:Ym,_value:"de",_accessKey:"c"})),t.createElement(fn,Yp(Jp({},e),{_label:"With short key",_options:Ym,_value:"de",_shortKey:"s"})),t.createElement(fn,Yp(Jp({},e),{_label:"With long labels",_options:Kp,_placeholder:"Placeholder"})),t.createElement(fn,Yp(Jp({},e),{_label:"With hidden clear button",_options:Ym,_value:"de",_hideClearButton:!0})));var Xp=Object.defineProperty,ev=Object.defineProperties,nv=Object.getOwnPropertyDescriptors,tv=Object.getOwnPropertySymbols,ov=Object.prototype.hasOwnProperty,rv=Object.prototype.propertyIsEnumerable,lv=(e,n,t)=>n in e?Xp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,av=(e,n)=>{for(var t in n||(n={}))ov.call(n,t)&&lv(e,t,n[t]);if(tv)for(var t of tv(n))rv.call(n,t)&&lv(e,t,n[t]);return e};const iv=e=>{return t.createElement(Er,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(Qp,av({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(Qp,(n=av({},e),ev(n,nv({_hideLabel:!0}))))));var n},cv={"single-select":{basic:()=>{const e=(0,t.useContext)(Ft);return t.createElement(t.Fragment,null,t.createElement(Ht,null,t.createElement("p",null,"SingleSelect provides a select field for a single value, supported by a search field.")),!e&&t.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(fr,{RefComponent:iv}))}}};var sv=Object.defineProperty,dv=Object.getOwnPropertySymbols,uv=Object.prototype.hasOwnProperty,mv=Object.prototype.propertyIsEnumerable,fv=(e,n,t)=>n in e?sv(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,bv=(e,n)=>{for(var t in n||(n={}))uv.call(n,t)&&fv(e,t,n[t]);if(dv)for(var t of dv(n))mv.call(n,t)&&fv(e,t,n[t]);return e};const pv=bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv(bv({},rr),Ut),Vt),Zt),Gt),oo),ro),ao),Io),$o),Dp),Po),Ro),Fo),lr),ar),ir),$r),nl),Bl),Xl),ga),Ra),li),zi),Vi),Nm),Am),Fm),Dm),Km),Vm),Wm),qm),Zm),Gm),Df),Df),Kf),Hf),cv),Uf),Lb),Hb),sp),dp),up),yp),mp),kf);Vo(localStorage);const vv=(e,n="/")=>{let t=[];for(const o in e)if(e[o]){const r=e[o],l=`${n}${o}`;"function"==typeof r?t.push(l):"object"==typeof r&&null!==r&&(t=t.concat(vv(r,`${l}/`)))}return t},kv=e=>{const n=[];for(const o in e)if(e[o]){const r=e[o],l=`/${o}`;if("function"==typeof r)n.push(t.createElement(de,{key:l,path:l,element:t.createElement(r,null)})),n.push(t.createElement(de,{key:`${l}/all`,path:`${l}/all`,element:t.createElement("div",{className:"d-grid gap-4"},It.filter((e=>Nt.indexOf(e.value)>=0)).map((e=>t.createElement("div",{className:"d-grid gap-2",key:e.value},t.createElement("div",{className:"mt-4"},t.createElement("strong",null,e.label)),t.createElement("div",{className:"my-2"},t.createElement(r,null)),t.createElement("hr",{"aria-hidden":"true"})))))}));else if("object"==typeof r&&null!==r){const e=Object.keys(r);e.length>0&&n.push(t.createElement(de,{key:l,path:`${l}/*`,element:t.createElement(me,null,t.createElement(de,{path:"/",element:t.createElement(se,{to:e[0]})}),kv(r))}))}}return n},hv=vv(pv),gv=kv(pv),_v=new Map;hv.forEach((e=>{const n=e.split("/");_v.has(n[1])||_v.set(n[1],{label:n[1],value:e})}));const yv=()=>{var e;const n=J(),[o,r]=ye(),l=null!=(e=o.get("theme"))?e:Wo(),a=o.has("hideMenus");return(e=>{if(!Bt(e))throw new Error(`The theme identifier "${e}" is not valid or an available option.`);Ho.theme=e,Uo.setItem(Ko,JSON.stringify(Ho))})(l),(()=>{const e=J();(0,An.s)("#"+e.pathname)})(),document.title=`KoliBri-Handout - ${qo(Wo())} | v${Ot}`,document.body.setAttribute("class",l),document.body.dataset.theme=l,t.createElement(Ft.Provider,{value:a},t.createElement("div",{className:a?"":"app-container","data-theme":l},!a&&t.createElement(Rt,{version:Ot,theme:l,sample:n.pathname,routes:pv,routeList:hv,buildDate:"2025-06-11T10:20:01.814Z",commitHash:"f8f207028",onThemeChange:e=>{r({theme:e}),window.location.reload()}}),t.createElement("main",{className:"flex flex-col items-stretch p-4",id:"route-container"},!a&&(e=>At.includes(e))(l)&&t.createElement(Ie,{className:"block mb-3",_label:"In progress",_color:"#db5461"}),t.createElement(me,null,gv,t.createElement(de,{path:"*",element:t.createElement(se,{to:hv[0],replace:!0})}),t.createElement(de,{path:"back-page",element:t.createElement(Lt,null)})))))};var wv=(e,n,t)=>new Promise(((o,r)=>{var l=e=>{try{i(t.next(e))}catch(e){r(e)}},a=e=>{try{i(t.throw(e))}catch(e){r(e)}},i=e=>e.done?o(e.value):Promise.resolve(e.value).then(l,a);i((t=t.apply(e,n)).next())}));const xv=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),Ev=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),zv=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),Sv=e=>`${e}-sample`;zv&&(Te=Sv),wv(null,null,(function*(){try{yield(0,$n.b)(yield wv(null,null,(function*(){return[St,Tt,Ct]})),(()=>{((e,n)=>{return t=function*(){if("undefined"!=typeof window)return yield,(0,Rn.b)(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[33,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[4,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[33,"kol-avatar",{"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[0,"kol-avatar-wc",{"_src":[1],"_label":[1],"state":[32]},null,{"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[49,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"kolFocus":[64]}]]],["kol-button-link",[[49,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"kolFocus":[64]}]]],["kol-button-wc",[[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaHasPopup":[1,"_aria-has-popup"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-card",[[33,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[49,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"_hasOpened":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[33,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[33,"kol-drawer",{"_open":[4],"_align":[1],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[33,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[33,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"],"_variant":["validateVariant"]}]]],["kol-icon",[[33,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[33,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input-checkbox",[[49,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[1540,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[49,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[513],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[49,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[8],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[49,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-file",[[49,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"filename":[32],"hasFileSelected":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"]}]]],["kol-input-number",[[49,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[8],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[49,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[49,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[49,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[8],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"_initialValueType":[32],"inputHasFocus":[32],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[49,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[49,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"kolFocus":[64]}]]],["kol-link-button",[[49,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"kolFocus":[64]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_variant":["validateVariant"]}]]],["kol-modal",[[33,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[33,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-button",[[33,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"hidePopover":[64]}]]],["kol-popover-button-wc",[[4,"kol-popover-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"justClosed":[32],"popoverOpen":[32],"hidePopover":[64]},null,{"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[4,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[33,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[33,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[49,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"_hasOpened":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton ":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[33,"kol-spin",{"_show":[1540],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_variant":["validateVariant"]}]]],["kol-split-button",[[49,"kol-split-button",{"_ariaControls":[1,"_aria-controls"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"closePopup":[64]}]]],["kol-table-settings-wc",[[0,"kol-table-settings-wc",{"_tableSettings":[16],"tableSettings":[32],"errorMessage":[32]},null,{"_tableSettings":["handleTableSettingsChange"]}]]],["kol-table-stateful",[[33,"kol-table-stateful",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"_tableSettings":[16],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_tableSettings":["validateTableSettings"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[33,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16]}]]],["kol-table-stateless-wc",[[0,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"_tableSettings":[16],"state":[32],"tableDivElementHasScrollbar":[32],"previousHeaderCells":[32]},[[0,"keydown","handleKeyDown"],[0,"settingsChange","handleSettingsChange"]],{"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"],"_tableSettings":["validateTableSettings"]}]]],["kol-tabs",[[33,"kol-tabs",{"_align":[1],"_behavior":[1],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[49,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[33,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[33,"kol-toolbar",{"_label":[1],"_items":[16],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"]}]]],["kol-tooltip-wc",[[0,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[33,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[33,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[4,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[4,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[33,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),n)},new Promise(((e,n)=>{var o=e=>{try{l(t.next(e))}catch(e){n(e)}},r=e=>{try{l(t.throw(e))}catch(e){n(e)}},l=n=>n.done?e(n.value):Promise.resolve(n.value).then(o,r);l((t=t.apply(null,null)).next())}));var t})(window,{transformTagName:zv?Sv:void 0})}),{theme:{detect:"auto"},translation:{name:"en"},translations:xv?new Set([e=>e("en",{"kol-error":"Tiny error!"}),e=>e("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:zv?Sv:void 0,environment:"production",reflectInputValues:!0}),Ev&&Bn.a.patchTheme("default",{"KOL-BUTTON":"\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\tborder: 1px solid red;\n\t\t\t\t\t\t}","KOL-SPIN":"\n\t\t\t\t\t\t.bg-spin-2 {\n\t\t\t\t\t\t\tbackground-color: red;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.bg-spin-3 {\n\t\t\t\t\t\t\tbackground-color: gold;\n\t\t\t\t\t\t}"},{append:!0})}catch(e){console.warn("Theme registration failed:",e)}const e=document.querySelector("div#app");e instanceof HTMLDivElement&&(0,r.H)(e).render(t.createElement(t.StrictMode,null,t.createElement(ve,{future:{v7_startTransition:!0,v7_relativeSplatPath:!0}},t.createElement(yv,null))))}))})()})();