@public-ui/sample-react 4.0.0-alpha.0 → 5.0.0-alpha.0

package/dist/main.js

@@ -1,2 +0,0 @@
-/*! For license information please see main.js.LICENSE.txt */
-(()=>{var e,n,o,r,t={2342:(e,n,o)=>{"use strict";var r=o(8952),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},l={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function c(e){return r.isMemo(e)?l:i[e.$$typeof]||t}i[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[r.Memo]=l;var s=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,b=Object.prototype;e.exports=function e(n,o,r){if("string"!=typeof o){if(b){var t=m(o);t&&t!==b&&e(n,t,r)}var l=d(o);u&&(l=l.concat(u(o)));for(var i=c(n),p=c(o),f=0;f<l.length;++f){var g=l[f];if(!(a[g]||r&&r[g]||p&&p[g]||i&&i[g])){var v=h(o,g);try{s(n,g,v)}catch(e){}}}}return n}},9896:e=>{"use strict";function n(e){this._maxSize=e,this.clear()}n.prototype.clear=function(){this._size=0,this._values=Object.create(null)},n.prototype.get=function(e){return this._values[e]},n.prototype.set=function(e,n){return this._size>=this._maxSize&&this.clear(),e in this._values||this._size++,this._values[e]=n};var o=/[^.^\]^[]+|(?=\[\]|\.\.)/g,r=/^\d+$/,t=/^\d/,a=/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g,l=/^\s*(['"]?)(.*?)(\1)\s*$/,i=new n(512),c=new n(512),s=new n(512);function d(e){return i.get(e)||i.set(e,u(e).map((function(e){return e.replace(l,"$2")})))}function u(e){return e.match(o)||[""]}function h(e){return"string"==typeof e&&e&&-1!==["'",'"'].indexOf(e.charAt(0))}function m(e){return!h(e)&&(function(e){return e.match(t)&&!e.match(r)}(e)||function(e){return a.test(e)}(e))}e.exports={Cache:n,split:u,normalizePath:d,setter:function(e){var n=d(e);return c.get(e)||c.set(e,(function(e,o){for(var r=0,t=n.length,a=e;r<t-1;){var l=n[r];if("__proto__"===l||"constructor"===l||"prototype"===l)return e;a=a[n[r++]]}a[n[r]]=o}))},getter:function(e,n){var o=d(e);return s.get(e)||s.set(e,(function(e){for(var r=0,t=o.length;r<t;){if(null==e&&n)return;e=e[o[r++]]}return e}))},join:function(e){return e.reduce((function(e,n){return e+(h(n)||r.test(n)?"["+n+"]":(e?".":"")+n)}),"")},forEach:function(e,n,o){!function(e,n,o){var r,t,a,l,i=e.length;for(t=0;t<i;t++)(r=e[t])&&(m(r)&&(r='"'+r+'"'),a=!(l=h(r))&&/^\d+$/.test(r),n.call(o,r,l,a,t,e))}(Array.isArray(e)?e:u(e),n,o)}}},808:(e,n,o)=>{"use strict";var r=o(9863),t=o(5589);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,o=1;o<arguments.length;o++)n+="&args[]="+encodeURIComponent(arguments[o]);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 l=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++)l.add(n[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),u=Object.prototype.hasOwnProperty,h=/^[: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]*$/,m={},b={};function p(e,n,o,r,t,a,l){this.acceptsBooleans=2===n||3===n||4===n,this.attributeName=r,this.attributeNamespace=t,this.mustUseProperty=o,this.propertyName=e,this.type=n,this.sanitizeURL=a,this.removeEmptyString=l}var f={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){f[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];f[n]=new p(n,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){f[e]=new p(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){f[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){f[e]=new p(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){f[e]=new p(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){f[e]=new p(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){f[e]=new p(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){f[e]=new p(e,5,!1,e.toLowerCase(),null,!1,!1)}));var g=/[\-:]([a-z])/g;function v(e){return e[1].toUpperCase()}function k(e,n,o,r){var t=f.hasOwnProperty(n)?f[n]:null;(null!==t?0!==t.type:r||!(2<n.length)||"o"!==n[0]&&"O"!==n[0]||"n"!==n[1]&&"N"!==n[1])&&(function(e,n,o,r){if(null==n||function(e,n,o,r){if(null!==o&&0===o.type)return!1;switch(typeof n){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==o?!o.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,n,o,r))return!0;if(r)return!1;if(null!==o)switch(o.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,o,t,r)&&(o=null),r||null===t?function(e){return!!u.call(b,e)||!u.call(m,e)&&(h.test(e)?b[e]=!0:(m[e]=!0,!1))}(n)&&(null===o?e.removeAttribute(n):e.setAttribute(n,""+o)):t.mustUseProperty?e[t.propertyName]=null===o?3!==t.type&&"":o:(n=t.attributeName,r=t.attributeNamespace,null===o?e.removeAttribute(n):(o=3===(t=t.type)||4===t&&!0===o?"":""+o,r?e.setAttributeNS(r,n,o):e.setAttribute(n,o))))}"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(g,v);f[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(g,v);f[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(g,v);f[n]=new p(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){f[e]=new p(e,1,!1,e.toLowerCase(),null,!1,!1)})),f.xlinkHref=new p("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){f[e]=new p(e,1,!1,e.toLowerCase(),null,!0,!0)}));var y=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=Symbol.for("react.element"),_=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),S=Symbol.for("react.provider"),T=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),$=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var A=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var I=Symbol.iterator;function P(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=I&&e[I]||e["@@iterator"])?e:null}var j,F=Object.assign;function R(e){if(void 0===j)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);j=n&&n[1]||""}return"\n"+j+e}var D=!1;function K(e,n){if(!e||D)return"";D=!0;var o=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 r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(n){if(n&&r&&"string"==typeof n.stack){for(var t=n.stack.split("\n"),a=r.stack.split("\n"),l=t.length-1,i=a.length-1;1<=l&&0<=i&&t[l]!==a[i];)i--;for(;1<=l&&0<=i;l--,i--)if(t[l]!==a[i]){if(1!==l||1!==i)do{if(l--,0>--i||t[l]!==a[i]){var c="\n"+t[l].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}}while(1<=l&&0<=i);break}}}finally{D=!1,Error.prepareStackTrace=o}return(e=e?e.displayName||e.name:"")?R(e):""}function M(e){switch(e.tag){case 5:return R(e.type);case 16:return R("Lazy");case 13:return R("Suspense");case 19:return R("SuspenseList");case 0:case 2:case 15:return K(e.type,!1);case 11:return K(e.type.render,!1);case 1:return K(e.type,!0);default:return""}}function B(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 E:return"Fragment";case _:return"Portal";case z:return"Profiler";case x:return"StrictMode";case C: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 O: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:B(e.type)||"Memo";case $:n=e._payload,e=e._init;try{return B(e(n))}catch(e){}}return null}function U(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 B(n);case 8:return n===x?"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 H(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 q(e){e._valueTracker||(e._valueTracker=function(e){var n=V(e)?"checked":"value",o=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),r=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==o&&"function"==typeof o.get&&"function"==typeof o.set){var t=o.get,a=o.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return t.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,n,{enumerable:o.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function W(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var o=n.getValue(),r="";return e&&(r=V(e)?e.checked?"true":"false":e.value),(e=r)!==o&&(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 o=n.checked;return F({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=o?o:e._wrapperState.initialChecked})}function Y(e,n){var o=null==n.defaultValue?"":n.defaultValue,r=null!=n.checked?n.checked:n.defaultChecked;o=H(null!=n.value?n.value:o),e._wrapperState={initialChecked:r,initialValue:o,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Q(e,n){null!=(n=n.checked)&&k(e,"checked",n,!1)}function X(e,n){Q(e,n);var o=H(n.value),r=n.type;if(null!=o)"number"===r?(0===o&&""===e.value||e.value!=o)&&(e.value=""+o):e.value!==""+o&&(e.value=""+o);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,o):n.hasOwnProperty("defaultValue")&&ee(e,n.type,H(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function J(e,n,o){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var r=n.type;if(!("submit"!==r&&"reset"!==r||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,o||n===e.value||(e.value=n),e.defaultValue=n}""!==(o=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==o&&(e.name=o)}function ee(e,n,o){"number"===n&&Z(e.ownerDocument)===e||(null==o?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+o&&(e.defaultValue=""+o))}var ne=Array.isArray;function oe(e,n,o,r){if(e=e.options,n){n={};for(var t=0;t<o.length;t++)n["$"+o[t]]=!0;for(o=0;o<e.length;o++)t=n.hasOwnProperty("$"+e[o].value),e[o].selected!==t&&(e[o].selected=t),t&&r&&(e[o].defaultSelected=!0)}else{for(o=""+H(o),n=null,t=0;t<e.length;t++){if(e[t].value===o)return e[t].selected=!0,void(r&&(e[t].defaultSelected=!0));null!==n||e[t].disabled||(n=e[t])}null!==n&&(n.selected=!0)}}function re(e,n){if(null!=n.dangerouslySetInnerHTML)throw Error(a(91));return F({},n,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function te(e,n){var o=n.value;if(null==o){if(o=n.children,n=n.defaultValue,null!=o){if(null!=n)throw Error(a(92));if(ne(o)){if(1<o.length)throw Error(a(93));o=o[0]}n=o}null==n&&(n=""),o=n}e._wrapperState={initialValue:H(o)}}function ae(e,n){var o=H(n.value),r=H(n.defaultValue);null!=o&&((o=""+o)!==e.value&&(e.value=o),null==n.defaultValue&&e.defaultValue!==o&&(e.defaultValue=o)),null!=r&&(e.defaultValue=""+r)}function le(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,o,r){MSApp.execUnsafeLocalFunction((function(){return de(e,n)}))}:de);function he(e,n){if(n){var o=e.firstChild;if(o&&o===e.lastChild&&3===o.nodeType)return void(o.nodeValue=n)}e.textContent=n}var me={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,o){return null==n||"boolean"==typeof n||""===n?"":o||"number"!=typeof n||0===n||me.hasOwnProperty(e)&&me[e]?(""+n).trim():n+"px"}function fe(e,n){for(var o in e=e.style,n)if(n.hasOwnProperty(o)){var r=0===o.indexOf("--"),t=pe(o,n[o],r);"float"===o&&(o="cssFloat"),r?e.setProperty(o,t):e[o]=t}}Object.keys(me).forEach((function(e){be.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),me[n]=me[e]}))}));var ge=F({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 ve(e,n){if(n){if(ge[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(a(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(a(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(a(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(a(62))}}function ke(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 ye=null;function we(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var _e=null,Ee=null,xe=null;function ze(e){if(e=yt(e)){if("function"!=typeof _e)throw Error(a(280));var n=e.stateNode;n&&(n=_t(n),_e(e.stateNode,e.type,n))}}function Se(e){Ee?xe?xe.push(e):xe=[e]:Ee=e}function Te(){if(Ee){var e=Ee,n=xe;if(xe=Ee=null,ze(e),n)for(e=0;e<n.length;e++)ze(n[e])}}function Oe(e,n){return e(n)}function Ce(){}var Le=!1;function Ne(e,n,o){if(Le)return e(n,o);Le=!0;try{return Oe(e,n,o)}finally{Le=!1,(null!==Ee||null!==xe)&&(Ce(),Te())}}function $e(e,n){var o=e.stateNode;if(null===o)return null;var r=_t(o);if(null===r)return null;o=r[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":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(o&&"function"!=typeof o)throw Error(a(231,n,typeof o));return o}var Ae=!1;if(d)try{var Ie={};Object.defineProperty(Ie,"passive",{get:function(){Ae=!0}}),window.addEventListener("test",Ie,Ie),window.removeEventListener("test",Ie,Ie)}catch(de){Ae=!1}function Pe(e,n,o,r,t,a,l,i,c){var s=Array.prototype.slice.call(arguments,3);try{n.apply(o,s)}catch(e){this.onError(e)}}var je=!1,Fe=null,Re=!1,De=null,Ke={onError:function(e){je=!0,Fe=e}};function Me(e,n,o,r,t,a,l,i,c){je=!1,Fe=null,Pe.apply(Ke,arguments)}function Be(e){var n=e,o=e;if(e.alternate)for(;n.return;)n=n.return;else{e=n;do{!!(4098&(n=e).flags)&&(o=n.return),e=n.return}while(e)}return 3===n.tag?o:null}function Ue(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 He(e){if(Be(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Be(e)))throw Error(a(188));return n!==e?null:e}for(var o=e,r=n;;){var t=o.return;if(null===t)break;var l=t.alternate;if(null===l){if(null!==(r=t.return)){o=r;continue}break}if(t.child===l.child){for(l=t.child;l;){if(l===o)return He(t),e;if(l===r)return He(t),n;l=l.sibling}throw Error(a(188))}if(o.return!==r.return)o=t,r=l;else{for(var i=!1,c=t.child;c;){if(c===o){i=!0,o=t,r=l;break}if(c===r){i=!0,r=t,o=l;break}c=c.sibling}if(!i){for(c=l.child;c;){if(c===o){i=!0,o=l,r=t;break}if(c===r){i=!0,r=l,o=t;break}c=c.sibling}if(!i)throw Error(a(189))}}if(o.alternate!==r)throw Error(a(190))}if(3!==o.tag)throw Error(a(188));return o.stateNode.current===o?e:n}(e))?qe(e):null}function qe(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var n=qe(e);if(null!==n)return n;e=e.sibling}return null}var We=t.unstable_scheduleCallback,Ze=t.unstable_cancelCallback,Ge=t.unstable_shouldYield,Ye=t.unstable_requestPaint,Qe=t.unstable_now,Xe=t.unstable_getCurrentPriorityLevel,Je=t.unstable_ImmediatePriority,en=t.unstable_UserBlockingPriority,nn=t.unstable_NormalPriority,on=t.unstable_LowPriority,rn=t.unstable_IdlePriority,tn=null,an=null,ln=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 hn(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 mn(e,n){var o=e.pendingLanes;if(0===o)return 0;var r=0,t=e.suspendedLanes,a=e.pingedLanes,l=268435455&o;if(0!==l){var i=l&~t;0!==i?r=hn(i):0!=(a&=l)&&(r=hn(a))}else 0!=(l=o&~t)?r=hn(l):0!==a&&(r=hn(a));if(0===r)return 0;if(0!==n&&n!==r&&!(n&t)&&((t=r&-r)>=(a=n&-n)||16===t&&4194240&a))return n;if(4&r&&(r|=16&o),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=r;0<n;)t=1<<(o=31-ln(n)),r|=e[o],n&=~t;return r}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 fn(){var e=dn;return!(4194240&(dn<<=1))&&(dn=64),e}function gn(e){for(var n=[],o=0;31>o;o++)n.push(e);return n}function vn(e,n,o){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-ln(n)]=o}function kn(e,n){var o=e.entangledLanes|=n;for(e=e.entanglements;o;){var r=31-ln(o),t=1<<r;t&n|e[r]&n&&(e[r]|=n),o&=~t}}var yn=0;function wn(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var _n,En,xn,zn,Sn,Tn=!1,On=[],Cn=null,Ln=null,Nn=null,$n=new Map,An=new Map,In=[],Pn="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 jn(e,n){switch(e){case"focusin":case"focusout":Cn=null;break;case"dragenter":case"dragleave":Ln=null;break;case"mouseover":case"mouseout":Nn=null;break;case"pointerover":case"pointerout":$n.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":An.delete(n.pointerId)}}function Fn(e,n,o,r,t,a){return null===e||e.nativeEvent!==a?(e={blockedOn:n,domEventName:o,eventSystemFlags:r,nativeEvent:a,targetContainers:[t]},null!==n&&null!==(n=yt(n))&&En(n),e):(e.eventSystemFlags|=r,n=e.targetContainers,null!==t&&-1===n.indexOf(t)&&n.push(t),e)}function Rn(e){var n=kt(e.target);if(null!==n){var o=Be(n);if(null!==o)if(13===(n=o.tag)){if(null!==(n=Ue(o)))return e.blockedOn=n,void Sn(e.priority,(function(){xn(o)}))}else if(3===n&&o.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===o.tag?o.stateNode.containerInfo:null)}e.blockedOn=null}function Dn(e){if(null!==e.blockedOn)return!1;for(var n=e.targetContainers;0<n.length;){var o=Yn(e.domEventName,e.eventSystemFlags,n[0],e.nativeEvent);if(null!==o)return null!==(n=yt(o))&&En(n),e.blockedOn=o,!1;var r=new(o=e.nativeEvent).constructor(o.type,o);ye=r,o.target.dispatchEvent(r),ye=null,n.shift()}return!0}function Kn(e,n,o){Dn(e)&&o.delete(n)}function Mn(){Tn=!1,null!==Cn&&Dn(Cn)&&(Cn=null),null!==Ln&&Dn(Ln)&&(Ln=null),null!==Nn&&Dn(Nn)&&(Nn=null),$n.forEach(Kn),An.forEach(Kn)}function Bn(e,n){e.blockedOn===n&&(e.blockedOn=null,Tn||(Tn=!0,t.unstable_scheduleCallback(t.unstable_NormalPriority,Mn)))}function Un(e){function n(n){return Bn(n,e)}if(0<On.length){Bn(On[0],e);for(var o=1;o<On.length;o++){var r=On[o];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Cn&&Bn(Cn,e),null!==Ln&&Bn(Ln,e),null!==Nn&&Bn(Nn,e),$n.forEach(n),An.forEach(n),o=0;o<In.length;o++)(r=In[o]).blockedOn===e&&(r.blockedOn=null);for(;0<In.length&&null===(o=In[0]).blockedOn;)Rn(o),null===o.blockedOn&&In.shift()}var Hn=y.ReactCurrentBatchConfig,Vn=!0;function qn(e,n,o,r){var t=yn,a=Hn.transition;Hn.transition=null;try{yn=1,Zn(e,n,o,r)}finally{yn=t,Hn.transition=a}}function Wn(e,n,o,r){var t=yn,a=Hn.transition;Hn.transition=null;try{yn=4,Zn(e,n,o,r)}finally{yn=t,Hn.transition=a}}function Zn(e,n,o,r){if(Vn){var t=Yn(e,n,o,r);if(null===t)Vr(e,n,r,Gn,o),jn(e,r);else if(function(e,n,o,r,t){switch(n){case"focusin":return Cn=Fn(Cn,e,n,o,r,t),!0;case"dragenter":return Ln=Fn(Ln,e,n,o,r,t),!0;case"mouseover":return Nn=Fn(Nn,e,n,o,r,t),!0;case"pointerover":var a=t.pointerId;return $n.set(a,Fn($n.get(a)||null,e,n,o,r,t)),!0;case"gotpointercapture":return a=t.pointerId,An.set(a,Fn(An.get(a)||null,e,n,o,r,t)),!0}return!1}(t,e,n,o,r))r.stopPropagation();else if(jn(e,r),4&n&&-1<Pn.indexOf(e)){for(;null!==t;){var a=yt(t);if(null!==a&&_n(a),null===(a=Yn(e,n,o,r))&&Vr(e,n,r,Gn,o),a===t)break;t=a}null!==t&&r.stopPropagation()}else Vr(e,n,r,null,o)}}var Gn=null;function Yn(e,n,o,r){if(Gn=null,null!==(e=kt(e=we(r))))if(null===(n=Be(e)))e=null;else if(13===(o=n.tag)){if(null!==(e=Ue(n)))return e;e=null}else if(3===o){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 Qn(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(Xe()){case Je:return 1;case en:return 4;case nn:case on:return 16;case rn:return 536870912;default:return 16}default:return 16}}var Xn=null,Jn=null,eo=null;function no(){if(eo)return eo;var e,n,o=Jn,r=o.length,t="value"in Xn?Xn.value:Xn.textContent,a=t.length;for(e=0;e<r&&o[e]===t[e];e++);var l=r-e;for(n=1;n<=l&&o[r-n]===t[a-n];n++);return eo=t.slice(e,1<n?1-n:void 0)}function oo(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 ro(){return!0}function to(){return!1}function ao(e){function n(n,o,r,t,a){for(var l in this._reactName=n,this._targetInst=r,this.type=o,this.nativeEvent=t,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(l)&&(n=e[l],this[l]=n?n(t):t[l]);return this.isDefaultPrevented=(null!=t.defaultPrevented?t.defaultPrevented:!1===t.returnValue)?ro:to,this.isPropagationStopped=to,this}return F(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=ro)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ro)},persist:function(){},isPersistent:ro}),n}var lo,io,co,so={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},uo=ao(so),ho=F({},so,{view:0,detail:0}),mo=ao(ho),bo=F({},ho,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:So,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!==co&&(co&&"mousemove"===e.type?(lo=e.screenX-co.screenX,io=e.screenY-co.screenY):io=lo=0,co=e),lo)},movementY:function(e){return"movementY"in e?e.movementY:io}}),po=ao(bo),fo=ao(F({},bo,{dataTransfer:0})),go=ao(F({},ho,{relatedTarget:0})),vo=ao(F({},so,{animationName:0,elapsedTime:0,pseudoElement:0})),ko=F({},so,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),yo=ao(ko),wo=ao(F({},so,{data:0})),_o={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Eo={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"},xo={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function zo(e){var n=this.nativeEvent;return n.getModifierState?n.getModifierState(e):!!(e=xo[e])&&!!n[e]}function So(){return zo}var To=F({},ho,{key:function(e){if(e.key){var n=_o[e.key]||e.key;if("Unidentified"!==n)return n}return"keypress"===e.type?13===(e=oo(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Eo[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:So,charCode:function(e){return"keypress"===e.type?oo(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?oo(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Oo=ao(To),Co=ao(F({},bo,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Lo=ao(F({},ho,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:So})),No=ao(F({},so,{propertyName:0,elapsedTime:0,pseudoElement:0})),$o=F({},bo,{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}),Ao=ao($o),Io=[9,13,27,32],Po=d&&"CompositionEvent"in window,jo=null;d&&"documentMode"in document&&(jo=document.documentMode);var Fo=d&&"TextEvent"in window&&!jo,Ro=d&&(!Po||jo&&8<jo&&11>=jo),Do=String.fromCharCode(32),Ko=!1;function Mo(e,n){switch(e){case"keyup":return-1!==Io.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Bo(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Uo=!1,Ho={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 Vo(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!Ho[e.type]:"textarea"===n}function qo(e,n,o,r){Se(r),0<(n=Wr(n,"onChange")).length&&(o=new uo("onChange","change",null,o,r),e.push({event:o,listeners:n}))}var Wo=null,Zo=null;function Go(e){Dr(e,0)}function Yo(e){if(W(wt(e)))return e}function Qo(e,n){if("change"===e)return n}var Xo=!1;if(d){var Jo;if(d){var er="oninput"in document;if(!er){var nr=document.createElement("div");nr.setAttribute("oninput","return;"),er="function"==typeof nr.oninput}Jo=er}else Jo=!1;Xo=Jo&&(!document.documentMode||9<document.documentMode)}function or(){Wo&&(Wo.detachEvent("onpropertychange",rr),Zo=Wo=null)}function rr(e){if("value"===e.propertyName&&Yo(Zo)){var n=[];qo(n,Zo,e,we(e)),Ne(Go,n)}}function tr(e,n,o){"focusin"===e?(or(),Zo=o,(Wo=n).attachEvent("onpropertychange",rr)):"focusout"===e&&or()}function ar(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Yo(Zo)}function lr(e,n){if("click"===e)return Yo(n)}function ir(e,n){if("input"===e||"change"===e)return Yo(n)}var cr="function"==typeof Object.is?Object.is:function(e,n){return e===n&&(0!==e||1/e==1/n)||e!=e&&n!=n};function sr(e,n){if(cr(e,n))return!0;if("object"!=typeof e||null===e||"object"!=typeof n||null===n)return!1;var o=Object.keys(e),r=Object.keys(n);if(o.length!==r.length)return!1;for(r=0;r<o.length;r++){var t=o[r];if(!u.call(n,t)||!cr(e[t],n[t]))return!1}return!0}function dr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ur(e,n){var o,r=dr(e);for(e=0;r;){if(3===r.nodeType){if(o=e+r.textContent.length,e<=n&&o>=n)return{node:r,offset:n-e};e=o}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=dr(r)}}function hr(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?hr(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function mr(){for(var e=window,n=Z();n instanceof e.HTMLIFrameElement;){try{var o="string"==typeof n.contentWindow.location.href}catch(e){o=!1}if(!o)break;n=Z((e=n.contentWindow).document)}return n}function br(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 pr(e){var n=mr(),o=e.focusedElem,r=e.selectionRange;if(n!==o&&o&&o.ownerDocument&&hr(o.ownerDocument.documentElement,o)){if(null!==r&&br(o))if(n=r.start,void 0===(e=r.end)&&(e=n),"selectionStart"in o)o.selectionStart=n,o.selectionEnd=Math.min(e,o.value.length);else if((e=(n=o.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var t=o.textContent.length,a=Math.min(r.start,t);r=void 0===r.end?a:Math.min(r.end,t),!e.extend&&a>r&&(t=r,r=a,a=t),t=ur(o,a);var l=ur(o,r);t&&l&&(1!==e.rangeCount||e.anchorNode!==t.node||e.anchorOffset!==t.offset||e.focusNode!==l.node||e.focusOffset!==l.offset)&&((n=n.createRange()).setStart(t.node,t.offset),e.removeAllRanges(),a>r?(e.addRange(n),e.extend(l.node,l.offset)):(n.setEnd(l.node,l.offset),e.addRange(n)))}for(n=[],e=o;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof o.focus&&o.focus(),o=0;o<n.length;o++)(e=n[o]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var fr=d&&"documentMode"in document&&11>=document.documentMode,gr=null,vr=null,kr=null,yr=!1;function wr(e,n,o){var r=o.window===o?o.document:9===o.nodeType?o:o.ownerDocument;yr||null==gr||gr!==Z(r)||(r="selectionStart"in(r=gr)&&br(r)?{start:r.selectionStart,end:r.selectionEnd}:{anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},kr&&sr(kr,r)||(kr=r,0<(r=Wr(vr,"onSelect")).length&&(n=new uo("onSelect","select",null,n,o),e.push({event:n,listeners:r}),n.target=gr)))}function _r(e,n){var o={};return o[e.toLowerCase()]=n.toLowerCase(),o["Webkit"+e]="webkit"+n,o["Moz"+e]="moz"+n,o}var Er={animationend:_r("Animation","AnimationEnd"),animationiteration:_r("Animation","AnimationIteration"),animationstart:_r("Animation","AnimationStart"),transitionend:_r("Transition","TransitionEnd")},xr={},zr={};function Sr(e){if(xr[e])return xr[e];if(!Er[e])return e;var n,o=Er[e];for(n in o)if(o.hasOwnProperty(n)&&n in zr)return xr[e]=o[n];return e}d&&(zr=document.createElement("div").style,"AnimationEvent"in window||(delete Er.animationend.animation,delete Er.animationiteration.animation,delete Er.animationstart.animation),"TransitionEvent"in window||delete Er.transitionend.transition);var Tr=Sr("animationend"),Or=Sr("animationiteration"),Cr=Sr("animationstart"),Lr=Sr("transitionend"),Nr=new Map,$r="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 Ar(e,n){Nr.set(e,n),c(n,[e])}for(var Ir=0;Ir<$r.length;Ir++){var Pr=$r[Ir];Ar(Pr.toLowerCase(),"on"+(Pr[0].toUpperCase()+Pr.slice(1)))}Ar(Tr,"onAnimationEnd"),Ar(Or,"onAnimationIteration"),Ar(Cr,"onAnimationStart"),Ar("dblclick","onDoubleClick"),Ar("focusin","onFocus"),Ar("focusout","onBlur"),Ar(Lr,"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 jr="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(" "),Fr=new Set("cancel close invalid load scroll toggle".split(" ").concat(jr));function Rr(e,n,o){var r=e.type||"unknown-event";e.currentTarget=o,function(e,n,o,r,t,l,i,c,s){if(Me.apply(this,arguments),je){if(!je)throw Error(a(198));var d=Fe;je=!1,Fe=null,Re||(Re=!0,De=d)}}(r,n,void 0,e),e.currentTarget=null}function Dr(e,n){n=!!(4&n);for(var o=0;o<e.length;o++){var r=e[o],t=r.event;r=r.listeners;e:{var a=void 0;if(n)for(var l=r.length-1;0<=l;l--){var i=r[l],c=i.instance,s=i.currentTarget;if(i=i.listener,c!==a&&t.isPropagationStopped())break e;Rr(t,i,s),a=c}else for(l=0;l<r.length;l++){if(c=(i=r[l]).instance,s=i.currentTarget,i=i.listener,c!==a&&t.isPropagationStopped())break e;Rr(t,i,s),a=c}}}if(Re)throw e=De,Re=!1,De=null,e}function Kr(e,n){var o=n[ft];void 0===o&&(o=n[ft]=new Set);var r=e+"__bubble";o.has(r)||(Hr(n,e,2,!1),o.add(r))}function Mr(e,n,o){var r=0;n&&(r|=4),Hr(o,e,r,n)}var Br="_reactListening"+Math.random().toString(36).slice(2);function Ur(e){if(!e[Br]){e[Br]=!0,l.forEach((function(n){"selectionchange"!==n&&(Fr.has(n)||Mr(n,!1,e),Mr(n,!0,e))}));var n=9===e.nodeType?e:e.ownerDocument;null===n||n[Br]||(n[Br]=!0,Mr("selectionchange",!1,n))}}function Hr(e,n,o,r){switch(Qn(n)){case 1:var t=qn;break;case 4:t=Wn;break;default:t=Zn}o=t.bind(null,n,o,e),t=void 0,!Ae||"touchstart"!==n&&"touchmove"!==n&&"wheel"!==n||(t=!0),r?void 0!==t?e.addEventListener(n,o,{capture:!0,passive:t}):e.addEventListener(n,o,!0):void 0!==t?e.addEventListener(n,o,{passive:t}):e.addEventListener(n,o,!1)}function Vr(e,n,o,r,t){var a=r;if(!(1&n||2&n||null===r))e:for(;;){if(null===r)return;var l=r.tag;if(3===l||4===l){var i=r.stateNode.containerInfo;if(i===t||8===i.nodeType&&i.parentNode===t)break;if(4===l)for(l=r.return;null!==l;){var c=l.tag;if((3===c||4===c)&&((c=l.stateNode.containerInfo)===t||8===c.nodeType&&c.parentNode===t))return;l=l.return}for(;null!==i;){if(null===(l=kt(i)))return;if(5===(c=l.tag)||6===c){r=a=l;continue e}i=i.parentNode}}r=r.return}Ne((function(){var r=a,t=we(o),l=[];e:{var i=Nr.get(e);if(void 0!==i){var c=uo,s=e;switch(e){case"keypress":if(0===oo(o))break e;case"keydown":case"keyup":c=Oo;break;case"focusin":s="focus",c=go;break;case"focusout":s="blur",c=go;break;case"beforeblur":case"afterblur":c=go;break;case"click":if(2===o.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":c=po;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":c=fo;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":c=Lo;break;case Tr:case Or:case Cr:c=vo;break;case Lr:c=No;break;case"scroll":c=mo;break;case"wheel":c=Ao;break;case"copy":case"cut":case"paste":c=yo;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":c=Co}var d=!!(4&n),u=!d&&"scroll"===e,h=d?null!==i?i+"Capture":null:i;d=[];for(var m,b=r;null!==b;){var p=(m=b).stateNode;if(5===m.tag&&null!==p&&(m=p,null!==h&&null!=(p=$e(b,h))&&d.push(qr(b,p,m))),u)break;b=b.return}0<d.length&&(i=new c(i,s,null,o,t),l.push({event:i,listeners:d}))}}if(!(7&n)){if(c="mouseout"===e||"pointerout"===e,(!(i="mouseover"===e||"pointerover"===e)||o===ye||!(s=o.relatedTarget||o.fromElement)||!kt(s)&&!s[pt])&&(c||i)&&(i=t.window===t?t:(i=t.ownerDocument)?i.defaultView||i.parentWindow:window,c?(c=r,null!==(s=(s=o.relatedTarget||o.toElement)?kt(s):null)&&(s!==(u=Be(s))||5!==s.tag&&6!==s.tag)&&(s=null)):(c=null,s=r),c!==s)){if(d=po,p="onMouseLeave",h="onMouseEnter",b="mouse","pointerout"!==e&&"pointerover"!==e||(d=Co,p="onPointerLeave",h="onPointerEnter",b="pointer"),u=null==c?i:wt(c),m=null==s?i:wt(s),(i=new d(p,b+"leave",c,o,t)).target=u,i.relatedTarget=m,p=null,kt(t)===r&&((d=new d(h,b+"enter",s,o,t)).target=m,d.relatedTarget=u,p=d),u=p,c&&s)e:{for(h=s,b=0,m=d=c;m;m=Zr(m))b++;for(m=0,p=h;p;p=Zr(p))m++;for(;0<b-m;)d=Zr(d),b--;for(;0<m-b;)h=Zr(h),m--;for(;b--;){if(d===h||null!==h&&d===h.alternate)break e;d=Zr(d),h=Zr(h)}d=null}else d=null;null!==c&&Gr(l,i,c,d,!1),null!==s&&null!==u&&Gr(l,u,s,d,!0)}if("select"===(c=(i=r?wt(r):window).nodeName&&i.nodeName.toLowerCase())||"input"===c&&"file"===i.type)var f=Qo;else if(Vo(i))if(Xo)f=ir;else{f=ar;var g=tr}else(c=i.nodeName)&&"input"===c.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(f=lr);switch(f&&(f=f(e,r))?qo(l,f,o,t):(g&&g(e,i,r),"focusout"===e&&(g=i._wrapperState)&&g.controlled&&"number"===i.type&&ee(i,"number",i.value)),g=r?wt(r):window,e){case"focusin":(Vo(g)||"true"===g.contentEditable)&&(gr=g,vr=r,kr=null);break;case"focusout":kr=vr=gr=null;break;case"mousedown":yr=!0;break;case"contextmenu":case"mouseup":case"dragend":yr=!1,wr(l,o,t);break;case"selectionchange":if(fr)break;case"keydown":case"keyup":wr(l,o,t)}var v;if(Po)e:{switch(e){case"compositionstart":var k="onCompositionStart";break e;case"compositionend":k="onCompositionEnd";break e;case"compositionupdate":k="onCompositionUpdate";break e}k=void 0}else Uo?Mo(e,o)&&(k="onCompositionEnd"):"keydown"===e&&229===o.keyCode&&(k="onCompositionStart");k&&(Ro&&"ko"!==o.locale&&(Uo||"onCompositionStart"!==k?"onCompositionEnd"===k&&Uo&&(v=no()):(Jn="value"in(Xn=t)?Xn.value:Xn.textContent,Uo=!0)),0<(g=Wr(r,k)).length&&(k=new wo(k,e,null,o,t),l.push({event:k,listeners:g}),(v||null!==(v=Bo(o)))&&(k.data=v))),(v=Fo?function(e,n){switch(e){case"compositionend":return Bo(n);case"keypress":return 32!==n.which?null:(Ko=!0,Do);case"textInput":return(e=n.data)===Do&&Ko?null:e;default:return null}}(e,o):function(e,n){if(Uo)return"compositionend"===e||!Po&&Mo(e,n)?(e=no(),eo=Jn=Xn=null,Uo=!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 Ro&&"ko"!==n.locale?null:n.data}}(e,o))&&0<(r=Wr(r,"onBeforeInput")).length&&(t=new wo("onBeforeInput","beforeinput",null,o,t),l.push({event:t,listeners:r}),t.data=v)}Dr(l,n)}))}function qr(e,n,o){return{instance:e,listener:n,currentTarget:o}}function Wr(e,n){for(var o=n+"Capture",r=[];null!==e;){var t=e,a=t.stateNode;5===t.tag&&null!==a&&(t=a,null!=(a=$e(e,o))&&r.unshift(qr(e,a,t)),null!=(a=$e(e,n))&&r.push(qr(e,a,t))),e=e.return}return r}function Zr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Gr(e,n,o,r,t){for(var a=n._reactName,l=[];null!==o&&o!==r;){var i=o,c=i.alternate,s=i.stateNode;if(null!==c&&c===r)break;5===i.tag&&null!==s&&(i=s,t?null!=(c=$e(o,a))&&l.unshift(qr(o,c,i)):t||null!=(c=$e(o,a))&&l.push(qr(o,c,i))),o=o.return}0!==l.length&&e.push({event:n,listeners:l})}var Yr=/\r\n?/g,Qr=/\u0000|\uFFFD/g;function Xr(e){return("string"==typeof e?e:""+e).replace(Yr,"\n").replace(Qr,"")}function Jr(e,n,o){if(n=Xr(n),Xr(e)!==n&&o)throw Error(a(425))}function et(){}var nt=null,ot=null;function rt(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 tt="function"==typeof setTimeout?setTimeout:void 0,at="function"==typeof clearTimeout?clearTimeout:void 0,lt="function"==typeof Promise?Promise:void 0,it="function"==typeof queueMicrotask?queueMicrotask:void 0!==lt?function(e){return lt.resolve(null).then(e).catch(ct)}:tt;function ct(e){setTimeout((function(){throw e}))}function st(e,n){var o=n,r=0;do{var t=o.nextSibling;if(e.removeChild(o),t&&8===t.nodeType)if("/$"===(o=t.data)){if(0===r)return e.removeChild(t),void Un(n);r--}else"$"!==o&&"$?"!==o&&"$!"!==o||r++;o=t}while(o);Un(n)}function dt(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 ut(e){e=e.previousSibling;for(var n=0;e;){if(8===e.nodeType){var o=e.data;if("$"===o||"$!"===o||"$?"===o){if(0===n)return e;n--}else"/$"===o&&n++}e=e.previousSibling}return null}var ht=Math.random().toString(36).slice(2),mt="__reactFiber$"+ht,bt="__reactProps$"+ht,pt="__reactContainer$"+ht,ft="__reactEvents$"+ht,gt="__reactListeners$"+ht,vt="__reactHandles$"+ht;function kt(e){var n=e[mt];if(n)return n;for(var o=e.parentNode;o;){if(n=o[pt]||o[mt]){if(o=n.alternate,null!==n.child||null!==o&&null!==o.child)for(e=ut(e);null!==e;){if(o=e[mt])return o;e=ut(e)}return n}o=(e=o).parentNode}return null}function yt(e){return!(e=e[mt]||e[pt])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wt(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function _t(e){return e[bt]||null}var Et=[],xt=-1;function zt(e){return{current:e}}function St(e){0>xt||(e.current=Et[xt],Et[xt]=null,xt--)}function Tt(e,n){xt++,Et[xt]=e.current,e.current=n}var Ot={},Ct=zt(Ot),Lt=zt(!1),Nt=Ot;function $t(e,n){var o=e.type.contextTypes;if(!o)return Ot;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var t,a={};for(t in o)a[t]=n[t];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function At(e){return null!=e.childContextTypes}function It(){St(Lt),St(Ct)}function Pt(e,n,o){if(Ct.current!==Ot)throw Error(a(168));Tt(Ct,n),Tt(Lt,o)}function jt(e,n,o){var r=e.stateNode;if(n=n.childContextTypes,"function"!=typeof r.getChildContext)return o;for(var t in r=r.getChildContext())if(!(t in n))throw Error(a(108,U(e)||"Unknown",t));return F({},o,r)}function Ft(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ot,Nt=Ct.current,Tt(Ct,e),Tt(Lt,Lt.current),!0}function Rt(e,n,o){var r=e.stateNode;if(!r)throw Error(a(169));o?(e=jt(e,n,Nt),r.__reactInternalMemoizedMergedChildContext=e,St(Lt),St(Ct),Tt(Ct,e)):St(Lt),Tt(Lt,o)}var Dt=null,Kt=!1,Mt=!1;function Bt(e){null===Dt?Dt=[e]:Dt.push(e)}function Ut(){if(!Mt&&null!==Dt){Mt=!0;var e=0,n=yn;try{var o=Dt;for(yn=1;e<o.length;e++){var r=o[e];do{r=r(!0)}while(null!==r)}Dt=null,Kt=!1}catch(n){throw null!==Dt&&(Dt=Dt.slice(e+1)),We(Je,Ut),n}finally{yn=n,Mt=!1}}return null}var Ht=[],Vt=0,qt=null,Wt=0,Zt=[],Gt=0,Yt=null,Qt=1,Xt="";function Jt(e,n){Ht[Vt++]=Wt,Ht[Vt++]=qt,qt=e,Wt=n}function ea(e,n,o){Zt[Gt++]=Qt,Zt[Gt++]=Xt,Zt[Gt++]=Yt,Yt=e;var r=Qt;e=Xt;var t=32-ln(r)-1;r&=~(1<<t),o+=1;var a=32-ln(n)+t;if(30<a){var l=t-t%5;a=(r&(1<<l)-1).toString(32),r>>=l,t-=l,Qt=1<<32-ln(n)+t|o<<t|r,Xt=a+e}else Qt=1<<a|o<<t|r,Xt=e}function na(e){null!==e.return&&(Jt(e,1),ea(e,1,0))}function oa(e){for(;e===qt;)qt=Ht[--Vt],Ht[Vt]=null,Wt=Ht[--Vt],Ht[Vt]=null;for(;e===Yt;)Yt=Zt[--Gt],Zt[Gt]=null,Xt=Zt[--Gt],Zt[Gt]=null,Qt=Zt[--Gt],Zt[Gt]=null}var ra=null,ta=null,aa=!1,la=null;function ia(e,n){var o=Ns(5,null,null,0);o.elementType="DELETED",o.stateNode=n,o.return=e,null===(n=e.deletions)?(e.deletions=[o],e.flags|=16):n.push(o)}function ca(e,n){switch(e.tag){case 5:var o=e.type;return null!==(n=1!==n.nodeType||o.toLowerCase()!==n.nodeName.toLowerCase()?null:n)&&(e.stateNode=n,ra=e,ta=dt(n.firstChild),!0);case 6:return null!==(n=""===e.pendingProps||3!==n.nodeType?null:n)&&(e.stateNode=n,ra=e,ta=null,!0);case 13:return null!==(n=8!==n.nodeType?null:n)&&(o=null!==Yt?{id:Qt,overflow:Xt}:null,e.memoizedState={dehydrated:n,treeContext:o,retryLane:1073741824},(o=Ns(18,null,null,0)).stateNode=n,o.return=e,e.child=o,ra=e,ta=null,!0);default:return!1}}function sa(e){return!(!(1&e.mode)||128&e.flags)}function da(e){if(aa){var n=ta;if(n){var o=n;if(!ca(e,n)){if(sa(e))throw Error(a(418));n=dt(o.nextSibling);var r=ra;n&&ca(e,n)?ia(r,o):(e.flags=-4097&e.flags|2,aa=!1,ra=e)}}else{if(sa(e))throw Error(a(418));e.flags=-4097&e.flags|2,aa=!1,ra=e}}}function ua(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ra=e}function ha(e){if(e!==ra)return!1;if(!aa)return ua(e),aa=!0,!1;var n;if((n=3!==e.tag)&&!(n=5!==e.tag)&&(n="head"!==(n=e.type)&&"body"!==n&&!rt(e.type,e.memoizedProps)),n&&(n=ta)){if(sa(e))throw ma(),Error(a(418));for(;n;)ia(e,n),n=dt(n.nextSibling)}if(ua(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(a(317));e:{for(e=e.nextSibling,n=0;e;){if(8===e.nodeType){var o=e.data;if("/$"===o){if(0===n){ta=dt(e.nextSibling);break e}n--}else"$"!==o&&"$!"!==o&&"$?"!==o||n++}e=e.nextSibling}ta=null}}else ta=ra?dt(e.stateNode.nextSibling):null;return!0}function ma(){for(var e=ta;e;)e=dt(e.nextSibling)}function ba(){ta=ra=null,aa=!1}function pa(e){null===la?la=[e]:la.push(e)}var fa=y.ReactCurrentBatchConfig;function ga(e,n,o){if(null!==(e=o.ref)&&"function"!=typeof e&&"object"!=typeof e){if(o._owner){if(o=o._owner){if(1!==o.tag)throw Error(a(309));var r=o.stateNode}if(!r)throw Error(a(147,e));var t=r,l=""+e;return null!==n&&null!==n.ref&&"function"==typeof n.ref&&n.ref._stringRef===l?n.ref:((n=function(e){var n=t.refs;null===e?delete n[l]:n[l]=e})._stringRef=l,n)}if("string"!=typeof e)throw Error(a(284));if(!o._owner)throw Error(a(290,e))}return e}function va(e,n){throw e=Object.prototype.toString.call(n),Error(a(31,"[object Object]"===e?"object with keys {"+Object.keys(n).join(", ")+"}":e))}function ka(e){return(0,e._init)(e._payload)}function ya(e){function n(n,o){if(e){var r=n.deletions;null===r?(n.deletions=[o],n.flags|=16):r.push(o)}}function o(o,r){if(!e)return null;for(;null!==r;)n(o,r),r=r.sibling;return null}function r(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 t(e,n){return(e=As(e,n)).index=0,e.sibling=null,e}function l(n,o,r){return n.index=r,e?null!==(r=n.alternate)?(r=r.index)<o?(n.flags|=2,o):r:(n.flags|=2,o):(n.flags|=1048576,o)}function i(n){return e&&null===n.alternate&&(n.flags|=2),n}function c(e,n,o,r){return null===n||6!==n.tag?((n=Fs(o,e.mode,r)).return=e,n):((n=t(n,o)).return=e,n)}function s(e,n,o,r){var a=o.type;return a===E?u(e,n,o.props.children,r,o.key):null!==n&&(n.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===$&&ka(a)===n.type)?((r=t(n,o.props)).ref=ga(e,n,o),r.return=e,r):((r=Is(o.type,o.key,o.props,null,e.mode,r)).ref=ga(e,n,o),r.return=e,r)}function d(e,n,o,r){return null===n||4!==n.tag||n.stateNode.containerInfo!==o.containerInfo||n.stateNode.implementation!==o.implementation?((n=Rs(o,e.mode,r)).return=e,n):((n=t(n,o.children||[])).return=e,n)}function u(e,n,o,r,a){return null===n||7!==n.tag?((n=Ps(o,e.mode,r,a)).return=e,n):((n=t(n,o)).return=e,n)}function h(e,n,o){if("string"==typeof n&&""!==n||"number"==typeof n)return(n=Fs(""+n,e.mode,o)).return=e,n;if("object"==typeof n&&null!==n){switch(n.$$typeof){case w:return(o=Is(n.type,n.key,n.props,null,e.mode,o)).ref=ga(e,null,n),o.return=e,o;case _:return(n=Rs(n,e.mode,o)).return=e,n;case $:return h(e,(0,n._init)(n._payload),o)}if(ne(n)||P(n))return(n=Ps(n,e.mode,o,null)).return=e,n;va(e,n)}return null}function m(e,n,o,r){var t=null!==n?n.key:null;if("string"==typeof o&&""!==o||"number"==typeof o)return null!==t?null:c(e,n,""+o,r);if("object"==typeof o&&null!==o){switch(o.$$typeof){case w:return o.key===t?s(e,n,o,r):null;case _:return o.key===t?d(e,n,o,r):null;case $:return m(e,n,(t=o._init)(o._payload),r)}if(ne(o)||P(o))return null!==t?null:u(e,n,o,r,null);va(e,o)}return null}function b(e,n,o,r,t){if("string"==typeof r&&""!==r||"number"==typeof r)return c(n,e=e.get(o)||null,""+r,t);if("object"==typeof r&&null!==r){switch(r.$$typeof){case w:return s(n,e=e.get(null===r.key?o:r.key)||null,r,t);case _:return d(n,e=e.get(null===r.key?o:r.key)||null,r,t);case $:return b(e,n,o,(0,r._init)(r._payload),t)}if(ne(r)||P(r))return u(n,e=e.get(o)||null,r,t,null);va(n,r)}return null}return function c(s,d,u,p){if("object"==typeof u&&null!==u&&u.type===E&&null===u.key&&(u=u.props.children),"object"==typeof u&&null!==u){switch(u.$$typeof){case w:e:{for(var f=u.key,g=d;null!==g;){if(g.key===f){if((f=u.type)===E){if(7===g.tag){o(s,g.sibling),(d=t(g,u.props.children)).return=s,s=d;break e}}else if(g.elementType===f||"object"==typeof f&&null!==f&&f.$$typeof===$&&ka(f)===g.type){o(s,g.sibling),(d=t(g,u.props)).ref=ga(s,g,u),d.return=s,s=d;break e}o(s,g);break}n(s,g),g=g.sibling}u.type===E?((d=Ps(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=ga(s,d,u),p.return=s,s=p)}return i(s);case _:e:{for(g=u.key;null!==d;){if(d.key===g){if(4===d.tag&&d.stateNode.containerInfo===u.containerInfo&&d.stateNode.implementation===u.implementation){o(s,d.sibling),(d=t(d,u.children||[])).return=s,s=d;break e}o(s,d);break}n(s,d),d=d.sibling}(d=Rs(u,s.mode,p)).return=s,s=d}return i(s);case $:return c(s,d,(g=u._init)(u._payload),p)}if(ne(u))return function(t,a,i,c){for(var s=null,d=null,u=a,p=a=0,f=null;null!==u&&p<i.length;p++){u.index>p?(f=u,u=null):f=u.sibling;var g=m(t,u,i[p],c);if(null===g){null===u&&(u=f);break}e&&u&&null===g.alternate&&n(t,u),a=l(g,a,p),null===d?s=g:d.sibling=g,d=g,u=f}if(p===i.length)return o(t,u),aa&&Jt(t,p),s;if(null===u){for(;p<i.length;p++)null!==(u=h(t,i[p],c))&&(a=l(u,a,p),null===d?s=u:d.sibling=u,d=u);return aa&&Jt(t,p),s}for(u=r(t,u);p<i.length;p++)null!==(f=b(u,t,p,i[p],c))&&(e&&null!==f.alternate&&u.delete(null===f.key?p:f.key),a=l(f,a,p),null===d?s=f:d.sibling=f,d=f);return e&&u.forEach((function(e){return n(t,e)})),aa&&Jt(t,p),s}(s,d,u,p);if(P(u))return function(t,i,c,s){var d=P(c);if("function"!=typeof d)throw Error(a(150));if(null==(c=d.call(c)))throw Error(a(151));for(var u=d=null,p=i,f=i=0,g=null,v=c.next();null!==p&&!v.done;f++,v=c.next()){p.index>f?(g=p,p=null):g=p.sibling;var k=m(t,p,v.value,s);if(null===k){null===p&&(p=g);break}e&&p&&null===k.alternate&&n(t,p),i=l(k,i,f),null===u?d=k:u.sibling=k,u=k,p=g}if(v.done)return o(t,p),aa&&Jt(t,f),d;if(null===p){for(;!v.done;f++,v=c.next())null!==(v=h(t,v.value,s))&&(i=l(v,i,f),null===u?d=v:u.sibling=v,u=v);return aa&&Jt(t,f),d}for(p=r(t,p);!v.done;f++,v=c.next())null!==(v=b(p,t,f,v.value,s))&&(e&&null!==v.alternate&&p.delete(null===v.key?f:v.key),i=l(v,i,f),null===u?d=v:u.sibling=v,u=v);return e&&p.forEach((function(e){return n(t,e)})),aa&&Jt(t,f),d}(s,d,u,p);va(s,u)}return"string"==typeof u&&""!==u||"number"==typeof u?(u=""+u,null!==d&&6===d.tag?(o(s,d.sibling),(d=t(d,u)).return=s,s=d):(o(s,d),(d=Fs(u,s.mode,p)).return=s,s=d),i(s)):o(s,d)}}var wa=ya(!0),_a=ya(!1),Ea=zt(null),xa=null,za=null,Sa=null;function Ta(){Sa=za=xa=null}function Oa(e){var n=Ea.current;St(Ea),e._currentValue=n}function Ca(e,n,o){for(;null!==e;){var r=e.alternate;if((e.childLanes&n)!==n?(e.childLanes|=n,null!==r&&(r.childLanes|=n)):null!==r&&(r.childLanes&n)!==n&&(r.childLanes|=n),e===o)break;e=e.return}}function La(e,n){xa=e,Sa=za=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&n)&&(ki=!0),e.firstContext=null)}function Na(e){var n=e._currentValue;if(Sa!==e)if(e={context:e,memoizedValue:n,next:null},null===za){if(null===xa)throw Error(a(308));za=e,xa.dependencies={lanes:0,firstContext:e}}else za=za.next=e;return n}var $a=null;function Aa(e){null===$a?$a=[e]:$a.push(e)}function Ia(e,n,o,r){var t=n.interleaved;return null===t?(o.next=o,Aa(n)):(o.next=t.next,t.next=o),n.interleaved=o,Pa(e,r)}function Pa(e,n){e.lanes|=n;var o=e.alternate;for(null!==o&&(o.lanes|=n),o=e,e=e.return;null!==e;)e.childLanes|=n,null!==(o=e.alternate)&&(o.childLanes|=n),o=e,e=e.return;return 3===o.tag?o.stateNode:null}var ja=!1;function Fa(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ra(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 Da(e,n){return{eventTime:e,lane:n,tag:0,payload:null,callback:null,next:null}}function Ka(e,n,o){var r=e.updateQueue;if(null===r)return null;if(r=r.shared,2&Oc){var t=r.pending;return null===t?n.next=n:(n.next=t.next,t.next=n),r.pending=n,Pa(e,o)}return null===(t=r.interleaved)?(n.next=n,Aa(r)):(n.next=t.next,t.next=n),r.interleaved=n,Pa(e,o)}function Ma(e,n,o){if(null!==(n=n.updateQueue)&&(n=n.shared,4194240&o)){var r=n.lanes;o|=r&=e.pendingLanes,n.lanes=o,kn(e,o)}}function Ba(e,n){var o=e.updateQueue,r=e.alternate;if(null!==r&&o===(r=r.updateQueue)){var t=null,a=null;if(null!==(o=o.firstBaseUpdate)){do{var l={eventTime:o.eventTime,lane:o.lane,tag:o.tag,payload:o.payload,callback:o.callback,next:null};null===a?t=a=l:a=a.next=l,o=o.next}while(null!==o);null===a?t=a=n:a=a.next=n}else t=a=n;return o={baseState:r.baseState,firstBaseUpdate:t,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=o)}null===(e=o.lastBaseUpdate)?o.firstBaseUpdate=n:e.next=n,o.lastBaseUpdate=n}function Ua(e,n,o,r){var t=e.updateQueue;ja=!1;var a=t.firstBaseUpdate,l=t.lastBaseUpdate,i=t.shared.pending;if(null!==i){t.shared.pending=null;var c=i,s=c.next;c.next=null,null===l?a=s:l.next=s,l=c;var d=e.alternate;null!==d&&(i=(d=d.updateQueue).lastBaseUpdate)!==l&&(null===i?d.firstBaseUpdate=s:i.next=s,d.lastBaseUpdate=c)}if(null!==a){var u=t.baseState;for(l=0,d=s=c=null,i=a;;){var h=i.lane,m=i.eventTime;if((r&h)===h){null!==d&&(d=d.next={eventTime:m,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var b=e,p=i;switch(h=n,m=o,p.tag){case 1:if("function"==typeof(b=p.payload)){u=b.call(m,u,h);break e}u=b;break e;case 3:b.flags=-65537&b.flags|128;case 0:if(null==(h="function"==typeof(b=p.payload)?b.call(m,u,h):b))break e;u=F({},u,h);break e;case 2:ja=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(h=t.effects)?t.effects=[i]:h.push(i))}else m={eventTime:m,lane:h,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(s=d=m,c=u):d=d.next=m,l|=h;if(null===(i=i.next)){if(null===(i=t.shared.pending))break;i=(h=i).next,h.next=null,t.lastBaseUpdate=h,t.shared.pending=null}}if(null===d&&(c=u),t.baseState=c,t.firstBaseUpdate=s,t.lastBaseUpdate=d,null!==(n=t.shared.interleaved)){t=n;do{l|=t.lane,t=t.next}while(t!==n)}else null===a&&(t.shared.lanes=0);jc|=l,e.lanes=l,e.memoizedState=u}}function Ha(e,n,o){if(e=n.effects,n.effects=null,null!==e)for(n=0;n<e.length;n++){var r=e[n],t=r.callback;if(null!==t){if(r.callback=null,r=o,"function"!=typeof t)throw Error(a(191,t));t.call(r)}}}var Va={},qa=zt(Va),Wa=zt(Va),Za=zt(Va);function Ga(e){if(e===Va)throw Error(a(174));return e}function Ya(e,n){switch(Tt(Za,n),Tt(Wa,e),Tt(qa,Va),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)}St(qa),Tt(qa,n)}function Qa(){St(qa),St(Wa),St(Za)}function Xa(e){Ga(Za.current);var n=Ga(qa.current),o=ce(n,e.type);n!==o&&(Tt(Wa,e),Tt(qa,o))}function Ja(e){Wa.current===e&&(St(qa),St(Wa))}var el=zt(0);function nl(e){for(var n=e;null!==n;){if(13===n.tag){var o=n.memoizedState;if(null!==o&&(null===(o=o.dehydrated)||"$?"===o.data||"$!"===o.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 ol=[];function rl(){for(var e=0;e<ol.length;e++)ol[e]._workInProgressVersionPrimary=null;ol.length=0}var tl=y.ReactCurrentDispatcher,al=y.ReactCurrentBatchConfig,ll=0,il=null,cl=null,sl=null,dl=!1,ul=!1,hl=0,ml=0;function bl(){throw Error(a(321))}function pl(e,n){if(null===n)return!1;for(var o=0;o<n.length&&o<e.length;o++)if(!cr(e[o],n[o]))return!1;return!0}function fl(e,n,o,r,t,l){if(ll=l,il=n,n.memoizedState=null,n.updateQueue=null,n.lanes=0,tl.current=null===e||null===e.memoizedState?Jl:ei,e=o(r,t),ul){l=0;do{if(ul=!1,hl=0,25<=l)throw Error(a(301));l+=1,sl=cl=null,n.updateQueue=null,tl.current=ni,e=o(r,t)}while(ul)}if(tl.current=Xl,n=null!==cl&&null!==cl.next,ll=0,sl=cl=il=null,dl=!1,n)throw Error(a(300));return e}function gl(){var e=0!==hl;return hl=0,e}function vl(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===sl?il.memoizedState=sl=e:sl=sl.next=e,sl}function kl(){if(null===cl){var e=il.alternate;e=null!==e?e.memoizedState:null}else e=cl.next;var n=null===sl?il.memoizedState:sl.next;if(null!==n)sl=n,cl=e;else{if(null===e)throw Error(a(310));e={memoizedState:(cl=e).memoizedState,baseState:cl.baseState,baseQueue:cl.baseQueue,queue:cl.queue,next:null},null===sl?il.memoizedState=sl=e:sl=sl.next=e}return sl}function yl(e,n){return"function"==typeof n?n(e):n}function wl(e){var n=kl(),o=n.queue;if(null===o)throw Error(a(311));o.lastRenderedReducer=e;var r=cl,t=r.baseQueue,l=o.pending;if(null!==l){if(null!==t){var i=t.next;t.next=l.next,l.next=i}r.baseQueue=t=l,o.pending=null}if(null!==t){l=t.next,r=r.baseState;var c=i=null,s=null,d=l;do{var u=d.lane;if((ll&u)===u)null!==s&&(s=s.next={lane:0,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null}),r=d.hasEagerState?d.eagerState:e(r,d.action);else{var h={lane:u,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null};null===s?(c=s=h,i=r):s=s.next=h,il.lanes|=u,jc|=u}d=d.next}while(null!==d&&d!==l);null===s?i=r:s.next=c,cr(r,n.memoizedState)||(ki=!0),n.memoizedState=r,n.baseState=i,n.baseQueue=s,o.lastRenderedState=r}if(null!==(e=o.interleaved)){t=e;do{l=t.lane,il.lanes|=l,jc|=l,t=t.next}while(t!==e)}else null===t&&(o.lanes=0);return[n.memoizedState,o.dispatch]}function _l(e){var n=kl(),o=n.queue;if(null===o)throw Error(a(311));o.lastRenderedReducer=e;var r=o.dispatch,t=o.pending,l=n.memoizedState;if(null!==t){o.pending=null;var i=t=t.next;do{l=e(l,i.action),i=i.next}while(i!==t);cr(l,n.memoizedState)||(ki=!0),n.memoizedState=l,null===n.baseQueue&&(n.baseState=l),o.lastRenderedState=l}return[l,r]}function El(){}function xl(e,n){var o=il,r=kl(),t=n(),l=!cr(r.memoizedState,t);if(l&&(r.memoizedState=t,ki=!0),r=r.queue,jl(Tl.bind(null,o,r,e),[e]),r.getSnapshot!==n||l||null!==sl&&1&sl.memoizedState.tag){if(o.flags|=2048,Nl(9,Sl.bind(null,o,r,t,n),void 0,null),null===Cc)throw Error(a(349));30&ll||zl(o,n,t)}return t}function zl(e,n,o){e.flags|=16384,e={getSnapshot:n,value:o},null===(n=il.updateQueue)?(n={lastEffect:null,stores:null},il.updateQueue=n,n.stores=[e]):null===(o=n.stores)?n.stores=[e]:o.push(e)}function Sl(e,n,o,r){n.value=o,n.getSnapshot=r,Ol(n)&&Cl(e)}function Tl(e,n,o){return o((function(){Ol(n)&&Cl(e)}))}function Ol(e){var n=e.getSnapshot;e=e.value;try{var o=n();return!cr(e,o)}catch(e){return!0}}function Cl(e){var n=Pa(e,1);null!==n&&os(n,e,1,-1)}function Ll(e){var n=vl();return"function"==typeof e&&(e=e()),n.memoizedState=n.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:yl,lastRenderedState:e},n.queue=e,e=e.dispatch=Zl.bind(null,il,e),[n.memoizedState,e]}function Nl(e,n,o,r){return e={tag:e,create:n,destroy:o,deps:r,next:null},null===(n=il.updateQueue)?(n={lastEffect:null,stores:null},il.updateQueue=n,n.lastEffect=e.next=e):null===(o=n.lastEffect)?n.lastEffect=e.next=e:(r=o.next,o.next=e,e.next=r,n.lastEffect=e),e}function $l(){return kl().memoizedState}function Al(e,n,o,r){var t=vl();il.flags|=e,t.memoizedState=Nl(1|n,o,void 0,void 0===r?null:r)}function Il(e,n,o,r){var t=kl();r=void 0===r?null:r;var a=void 0;if(null!==cl){var l=cl.memoizedState;if(a=l.destroy,null!==r&&pl(r,l.deps))return void(t.memoizedState=Nl(n,o,a,r))}il.flags|=e,t.memoizedState=Nl(1|n,o,a,r)}function Pl(e,n){return Al(8390656,8,e,n)}function jl(e,n){return Il(2048,8,e,n)}function Fl(e,n){return Il(4,2,e,n)}function Rl(e,n){return Il(4,4,e,n)}function Dl(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 Kl(e,n,o){return o=null!=o?o.concat([e]):null,Il(4,4,Dl.bind(null,n,e),o)}function Ml(){}function Bl(e,n){var o=kl();n=void 0===n?null:n;var r=o.memoizedState;return null!==r&&null!==n&&pl(n,r[1])?r[0]:(o.memoizedState=[e,n],e)}function Ul(e,n){var o=kl();n=void 0===n?null:n;var r=o.memoizedState;return null!==r&&null!==n&&pl(n,r[1])?r[0]:(e=e(),o.memoizedState=[e,n],e)}function Hl(e,n,o){return 21&ll?(cr(o,n)||(o=fn(),il.lanes|=o,jc|=o,e.baseState=!0),n):(e.baseState&&(e.baseState=!1,ki=!0),e.memoizedState=o)}function Vl(e,n){var o=yn;yn=0!==o&&4>o?o:4,e(!0);var r=al.transition;al.transition={};try{e(!1),n()}finally{yn=o,al.transition=r}}function ql(){return kl().memoizedState}function Wl(e,n,o){var r=ns(e);o={lane:r,action:o,hasEagerState:!1,eagerState:null,next:null},Gl(e)?Yl(n,o):null!==(o=Ia(e,n,o,r))&&(os(o,e,r,es()),Ql(o,n,r))}function Zl(e,n,o){var r=ns(e),t={lane:r,action:o,hasEagerState:!1,eagerState:null,next:null};if(Gl(e))Yl(n,t);else{var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&null!==(a=n.lastRenderedReducer))try{var l=n.lastRenderedState,i=a(l,o);if(t.hasEagerState=!0,t.eagerState=i,cr(i,l)){var c=n.interleaved;return null===c?(t.next=t,Aa(n)):(t.next=c.next,c.next=t),void(n.interleaved=t)}}catch(e){}null!==(o=Ia(e,n,t,r))&&(os(o,e,r,t=es()),Ql(o,n,r))}}function Gl(e){var n=e.alternate;return e===il||null!==n&&n===il}function Yl(e,n){ul=dl=!0;var o=e.pending;null===o?n.next=n:(n.next=o.next,o.next=n),e.pending=n}function Ql(e,n,o){if(4194240&o){var r=n.lanes;o|=r&=e.pendingLanes,n.lanes=o,kn(e,o)}}var Xl={readContext:Na,useCallback:bl,useContext:bl,useEffect:bl,useImperativeHandle:bl,useInsertionEffect:bl,useLayoutEffect:bl,useMemo:bl,useReducer:bl,useRef:bl,useState:bl,useDebugValue:bl,useDeferredValue:bl,useTransition:bl,useMutableSource:bl,useSyncExternalStore:bl,useId:bl,unstable_isNewReconciler:!1},Jl={readContext:Na,useCallback:function(e,n){return vl().memoizedState=[e,void 0===n?null:n],e},useContext:Na,useEffect:Pl,useImperativeHandle:function(e,n,o){return o=null!=o?o.concat([e]):null,Al(4194308,4,Dl.bind(null,n,e),o)},useLayoutEffect:function(e,n){return Al(4194308,4,e,n)},useInsertionEffect:function(e,n){return Al(4,2,e,n)},useMemo:function(e,n){var o=vl();return n=void 0===n?null:n,e=e(),o.memoizedState=[e,n],e},useReducer:function(e,n,o){var r=vl();return n=void 0!==o?o(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=Wl.bind(null,il,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},vl().memoizedState=e},useState:Ll,useDebugValue:Ml,useDeferredValue:function(e){return vl().memoizedState=e},useTransition:function(){var e=Ll(!1),n=e[0];return e=Vl.bind(null,e[1]),vl().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,o){var r=il,t=vl();if(aa){if(void 0===o)throw Error(a(407));o=o()}else{if(o=n(),null===Cc)throw Error(a(349));30&ll||zl(r,n,o)}t.memoizedState=o;var l={value:o,getSnapshot:n};return t.queue=l,Pl(Tl.bind(null,r,l,e),[e]),r.flags|=2048,Nl(9,Sl.bind(null,r,l,o,n),void 0,null),o},useId:function(){var e=vl(),n=Cc.identifierPrefix;if(aa){var o=Xt;n=":"+n+"R"+(o=(Qt&~(1<<32-ln(Qt)-1)).toString(32)+o),0<(o=hl++)&&(n+="H"+o.toString(32)),n+=":"}else n=":"+n+"r"+(o=ml++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},ei={readContext:Na,useCallback:Bl,useContext:Na,useEffect:jl,useImperativeHandle:Kl,useInsertionEffect:Fl,useLayoutEffect:Rl,useMemo:Ul,useReducer:wl,useRef:$l,useState:function(){return wl(yl)},useDebugValue:Ml,useDeferredValue:function(e){return Hl(kl(),cl.memoizedState,e)},useTransition:function(){return[wl(yl)[0],kl().memoizedState]},useMutableSource:El,useSyncExternalStore:xl,useId:ql,unstable_isNewReconciler:!1},ni={readContext:Na,useCallback:Bl,useContext:Na,useEffect:jl,useImperativeHandle:Kl,useInsertionEffect:Fl,useLayoutEffect:Rl,useMemo:Ul,useReducer:_l,useRef:$l,useState:function(){return _l(yl)},useDebugValue:Ml,useDeferredValue:function(e){var n=kl();return null===cl?n.memoizedState=e:Hl(n,cl.memoizedState,e)},useTransition:function(){return[_l(yl)[0],kl().memoizedState]},useMutableSource:El,useSyncExternalStore:xl,useId:ql,unstable_isNewReconciler:!1};function oi(e,n){if(e&&e.defaultProps){for(var o in n=F({},n),e=e.defaultProps)void 0===n[o]&&(n[o]=e[o]);return n}return n}function ri(e,n,o,r){o=null==(o=o(r,n=e.memoizedState))?n:F({},n,o),e.memoizedState=o,0===e.lanes&&(e.updateQueue.baseState=o)}var ti={isMounted:function(e){return!!(e=e._reactInternals)&&Be(e)===e},enqueueSetState:function(e,n,o){e=e._reactInternals;var r=es(),t=ns(e),a=Da(r,t);a.payload=n,null!=o&&(a.callback=o),null!==(n=Ka(e,a,t))&&(os(n,e,t,r),Ma(n,e,t))},enqueueReplaceState:function(e,n,o){e=e._reactInternals;var r=es(),t=ns(e),a=Da(r,t);a.tag=1,a.payload=n,null!=o&&(a.callback=o),null!==(n=Ka(e,a,t))&&(os(n,e,t,r),Ma(n,e,t))},enqueueForceUpdate:function(e,n){e=e._reactInternals;var o=es(),r=ns(e),t=Da(o,r);t.tag=2,null!=n&&(t.callback=n),null!==(n=Ka(e,t,r))&&(os(n,e,r,o),Ma(n,e,r))}};function ai(e,n,o,r,t,a,l){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,l):!(n.prototype&&n.prototype.isPureReactComponent&&sr(o,r)&&sr(t,a))}function li(e,n,o){var r=!1,t=Ot,a=n.contextType;return"object"==typeof a&&null!==a?a=Na(a):(t=At(n)?Nt:Ct.current,a=(r=null!=(r=n.contextTypes))?$t(e,t):Ot),n=new n(o,a),e.memoizedState=null!==n.state&&void 0!==n.state?n.state:null,n.updater=ti,e.stateNode=n,n._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),n}function ii(e,n,o,r){e=n.state,"function"==typeof n.componentWillReceiveProps&&n.componentWillReceiveProps(o,r),"function"==typeof n.UNSAFE_componentWillReceiveProps&&n.UNSAFE_componentWillReceiveProps(o,r),n.state!==e&&ti.enqueueReplaceState(n,n.state,null)}function ci(e,n,o,r){var t=e.stateNode;t.props=o,t.state=e.memoizedState,t.refs={},Fa(e);var a=n.contextType;"object"==typeof a&&null!==a?t.context=Na(a):(a=At(n)?Nt:Ct.current,t.context=$t(e,a)),t.state=e.memoizedState,"function"==typeof(a=n.getDerivedStateFromProps)&&(ri(e,n,a,o),t.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof t.getSnapshotBeforeUpdate||"function"!=typeof t.UNSAFE_componentWillMount&&"function"!=typeof t.componentWillMount||(n=t.state,"function"==typeof t.componentWillMount&&t.componentWillMount(),"function"==typeof t.UNSAFE_componentWillMount&&t.UNSAFE_componentWillMount(),n!==t.state&&ti.enqueueReplaceState(t,t.state,null),Ua(e,o,t,r),t.state=e.memoizedState),"function"==typeof t.componentDidMount&&(e.flags|=4194308)}function si(e,n){try{var o="",r=n;do{o+=M(r),r=r.return}while(r);var t=o}catch(e){t="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:n,stack:t,digest:null}}function di(e,n,o){return{value:e,source:null,stack:null!=o?o:null,digest:null!=n?n:null}}function ui(e,n){try{console.error(n.value)}catch(e){setTimeout((function(){throw e}))}}var hi="function"==typeof WeakMap?WeakMap:Map;function mi(e,n,o){(o=Da(-1,o)).tag=3,o.payload={element:null};var r=n.value;return o.callback=function(){Hc||(Hc=!0,Vc=r),ui(0,n)},o}function bi(e,n,o){(o=Da(-1,o)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var t=n.value;o.payload=function(){return r(t)},o.callback=function(){ui(0,n)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(o.callback=function(){ui(0,n),"function"!=typeof r&&(null===qc?qc=new Set([this]):qc.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),o}function pi(e,n,o){var r=e.pingCache;if(null===r){r=e.pingCache=new hi;var t=new Set;r.set(n,t)}else void 0===(t=r.get(n))&&(t=new Set,r.set(n,t));t.has(o)||(t.add(o),e=zs.bind(null,e,n,o),n.then(e,e))}function fi(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 gi(e,n,o,r,t){return 1&e.mode?(e.flags|=65536,e.lanes=t,e):(e===n?e.flags|=65536:(e.flags|=128,o.flags|=131072,o.flags&=-52805,1===o.tag&&(null===o.alternate?o.tag=17:((n=Da(-1,1)).tag=2,Ka(o,n,1))),o.lanes|=1),e)}var vi=y.ReactCurrentOwner,ki=!1;function yi(e,n,o,r){n.child=null===e?_a(n,null,o,r):wa(n,e.child,o,r)}function wi(e,n,o,r,t){o=o.render;var a=n.ref;return La(n,t),r=fl(e,n,o,r,a,t),o=gl(),null===e||ki?(aa&&o&&na(n),n.flags|=1,yi(e,n,r,t),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~t,Hi(e,n,t))}function _i(e,n,o,r,t){if(null===e){var a=o.type;return"function"!=typeof a||$s(a)||void 0!==a.defaultProps||null!==o.compare||void 0!==o.defaultProps?((e=Is(o.type,null,r,n,n.mode,t)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,Ei(e,n,a,r,t))}if(a=e.child,!(e.lanes&t)){var l=a.memoizedProps;if((o=null!==(o=o.compare)?o:sr)(l,r)&&e.ref===n.ref)return Hi(e,n,t)}return n.flags|=1,(e=As(a,r)).ref=n.ref,e.return=n,n.child=e}function Ei(e,n,o,r,t){if(null!==e){var a=e.memoizedProps;if(sr(a,r)&&e.ref===n.ref){if(ki=!1,n.pendingProps=r=a,!(e.lanes&t))return n.lanes=e.lanes,Hi(e,n,t);131072&e.flags&&(ki=!0)}}return Si(e,n,o,r,t)}function xi(e,n,o){var r=n.pendingProps,t=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(1&n.mode){if(!(1073741824&o))return e=null!==a?a.baseLanes|o:o,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Tt(Ac,$c),$c|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:o,Tt(Ac,$c),$c|=r}else n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Tt(Ac,$c),$c|=o;else null!==a?(r=a.baseLanes|o,n.memoizedState=null):r=o,Tt(Ac,$c),$c|=r;return yi(e,n,t,o),n.child}function zi(e,n){var o=n.ref;(null===e&&null!==o||null!==e&&e.ref!==o)&&(n.flags|=512,n.flags|=2097152)}function Si(e,n,o,r,t){var a=At(o)?Nt:Ct.current;return a=$t(n,a),La(n,t),o=fl(e,n,o,r,a,t),r=gl(),null===e||ki?(aa&&r&&na(n),n.flags|=1,yi(e,n,o,t),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~t,Hi(e,n,t))}function Ti(e,n,o,r,t){if(At(o)){var a=!0;Ft(n)}else a=!1;if(La(n,t),null===n.stateNode)Ui(e,n),li(n,o,r),ci(n,o,r,t),r=!0;else if(null===e){var l=n.stateNode,i=n.memoizedProps;l.props=i;var c=l.context,s=o.contextType;s="object"==typeof s&&null!==s?Na(s):$t(n,s=At(o)?Nt:Ct.current);var d=o.getDerivedStateFromProps,u="function"==typeof d||"function"==typeof l.getSnapshotBeforeUpdate;u||"function"!=typeof l.UNSAFE_componentWillReceiveProps&&"function"!=typeof l.componentWillReceiveProps||(i!==r||c!==s)&&ii(n,l,r,s),ja=!1;var h=n.memoizedState;l.state=h,Ua(n,r,l,t),c=n.memoizedState,i!==r||h!==c||Lt.current||ja?("function"==typeof d&&(ri(n,o,d,r),c=n.memoizedState),(i=ja||ai(n,o,i,r,h,c,s))?(u||"function"!=typeof l.UNSAFE_componentWillMount&&"function"!=typeof l.componentWillMount||("function"==typeof l.componentWillMount&&l.componentWillMount(),"function"==typeof l.UNSAFE_componentWillMount&&l.UNSAFE_componentWillMount()),"function"==typeof l.componentDidMount&&(n.flags|=4194308)):("function"==typeof l.componentDidMount&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=c),l.props=r,l.state=c,l.context=s,r=i):("function"==typeof l.componentDidMount&&(n.flags|=4194308),r=!1)}else{l=n.stateNode,Ra(e,n),i=n.memoizedProps,s=n.type===n.elementType?i:oi(n.type,i),l.props=s,u=n.pendingProps,h=l.context,c="object"==typeof(c=o.contextType)&&null!==c?Na(c):$t(n,c=At(o)?Nt:Ct.current);var m=o.getDerivedStateFromProps;(d="function"==typeof m||"function"==typeof l.getSnapshotBeforeUpdate)||"function"!=typeof l.UNSAFE_componentWillReceiveProps&&"function"!=typeof l.componentWillReceiveProps||(i!==u||h!==c)&&ii(n,l,r,c),ja=!1,h=n.memoizedState,l.state=h,Ua(n,r,l,t);var b=n.memoizedState;i!==u||h!==b||Lt.current||ja?("function"==typeof m&&(ri(n,o,m,r),b=n.memoizedState),(s=ja||ai(n,o,s,r,h,b,c)||!1)?(d||"function"!=typeof l.UNSAFE_componentWillUpdate&&"function"!=typeof l.componentWillUpdate||("function"==typeof l.componentWillUpdate&&l.componentWillUpdate(r,b,c),"function"==typeof l.UNSAFE_componentWillUpdate&&l.UNSAFE_componentWillUpdate(r,b,c)),"function"==typeof l.componentDidUpdate&&(n.flags|=4),"function"==typeof l.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof l.componentDidUpdate||i===e.memoizedProps&&h===e.memoizedState||(n.flags|=4),"function"!=typeof l.getSnapshotBeforeUpdate||i===e.memoizedProps&&h===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=b),l.props=r,l.state=b,l.context=c,r=s):("function"!=typeof l.componentDidUpdate||i===e.memoizedProps&&h===e.memoizedState||(n.flags|=4),"function"!=typeof l.getSnapshotBeforeUpdate||i===e.memoizedProps&&h===e.memoizedState||(n.flags|=1024),r=!1)}return Oi(e,n,o,r,a,t)}function Oi(e,n,o,r,t,a){zi(e,n);var l=!!(128&n.flags);if(!r&&!l)return t&&Rt(n,o,!1),Hi(e,n,a);r=n.stateNode,vi.current=n;var i=l&&"function"!=typeof o.getDerivedStateFromError?null:r.render();return n.flags|=1,null!==e&&l?(n.child=wa(n,e.child,null,a),n.child=wa(n,null,i,a)):yi(e,n,i,a),n.memoizedState=r.state,t&&Rt(n,o,!0),n.child}function Ci(e){var n=e.stateNode;n.pendingContext?Pt(0,n.pendingContext,n.pendingContext!==n.context):n.context&&Pt(0,n.context,!1),Ya(e,n.containerInfo)}function Li(e,n,o,r,t){return ba(),pa(t),n.flags|=256,yi(e,n,o,r),n.child}var Ni,$i,Ai,Ii,Pi={dehydrated:null,treeContext:null,retryLane:0};function ji(e){return{baseLanes:e,cachePool:null,transitions:null}}function Fi(e,n,o){var r,t=n.pendingProps,l=el.current,i=!1,c=!!(128&n.flags);if((r=c)||(r=(null===e||null!==e.memoizedState)&&!!(2&l)),r?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(l|=1),Tt(el,1&l),null===e)return da(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=t.children,e=t.fallback,i?(t=n.mode,i=n.child,c={mode:"hidden",children:c},1&t||null===i?i=js(c,t,0,null):(i.childLanes=0,i.pendingProps=c),e=Ps(e,t,o,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=ji(o),n.memoizedState=Pi,e):Ri(n,c));if(null!==(l=e.memoizedState)&&null!==(r=l.dehydrated))return function(e,n,o,r,t,l,i){if(o)return 256&n.flags?(n.flags&=-257,Di(e,n,i,r=di(Error(a(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(l=r.fallback,t=n.mode,r=js({mode:"visible",children:r.children},t,0,null),(l=Ps(l,t,i,null)).flags|=2,r.return=n,l.return=n,r.sibling=l,n.child=r,1&n.mode&&wa(n,e.child,null,i),n.child.memoizedState=ji(i),n.memoizedState=Pi,l);if(!(1&n.mode))return Di(e,n,i,null);if("$!"===t.data){if(r=t.nextSibling&&t.nextSibling.dataset)var c=r.dgst;return r=c,Di(e,n,i,r=di(l=Error(a(419)),r,void 0))}if(c=!!(i&e.childLanes),ki||c){if(null!==(r=Cc)){switch(i&-i){case 4:t=2;break;case 16:t=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:t=32;break;case 536870912:t=268435456;break;default:t=0}0!==(t=t&(r.suspendedLanes|i)?0:t)&&t!==l.retryLane&&(l.retryLane=t,Pa(e,t),os(r,e,t,-1))}return ps(),Di(e,n,i,r=di(Error(a(421))))}return"$?"===t.data?(n.flags|=128,n.child=e.child,n=Ts.bind(null,e),t._reactRetry=n,null):(e=l.treeContext,ta=dt(t.nextSibling),ra=n,aa=!0,la=null,null!==e&&(Zt[Gt++]=Qt,Zt[Gt++]=Xt,Zt[Gt++]=Yt,Qt=e.id,Xt=e.overflow,Yt=n),(n=Ri(n,r.children)).flags|=4096,n)}(e,n,c,t,r,l,o);if(i){i=t.fallback,c=n.mode,r=(l=e.child).sibling;var s={mode:"hidden",children:t.children};return 1&c||n.child===l?(t=As(l,s)).subtreeFlags=14680064&l.subtreeFlags:((t=n.child).childLanes=0,t.pendingProps=s,n.deletions=null),null!==r?i=As(r,i):(i=Ps(i,c,o,null)).flags|=2,i.return=n,t.return=n,t.sibling=i,n.child=t,t=i,i=n.child,c=null===(c=e.child.memoizedState)?ji(o):{baseLanes:c.baseLanes|o,cachePool:null,transitions:c.transitions},i.memoizedState=c,i.childLanes=e.childLanes&~o,n.memoizedState=Pi,t}return e=(i=e.child).sibling,t=As(i,{mode:"visible",children:t.children}),!(1&n.mode)&&(t.lanes=o),t.return=n,t.sibling=null,null!==e&&(null===(o=n.deletions)?(n.deletions=[e],n.flags|=16):o.push(e)),n.child=t,n.memoizedState=null,t}function Ri(e,n){return(n=js({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function Di(e,n,o,r){return null!==r&&pa(r),wa(n,e.child,null,o),(e=Ri(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Ki(e,n,o){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),Ca(e.return,n,o)}function Mi(e,n,o,r,t){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:o,tailMode:t}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=o,a.tailMode=t)}function Bi(e,n,o){var r=n.pendingProps,t=r.revealOrder,a=r.tail;if(yi(e,n,r.children,o),2&(r=el.current))r=1&r|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&&Ki(e,o,n);else if(19===e.tag)Ki(e,o,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}r&=1}if(Tt(el,r),1&n.mode)switch(t){case"forwards":for(o=n.child,t=null;null!==o;)null!==(e=o.alternate)&&null===nl(e)&&(t=o),o=o.sibling;null===(o=t)?(t=n.child,n.child=null):(t=o.sibling,o.sibling=null),Mi(n,!1,t,o,a);break;case"backwards":for(o=null,t=n.child,n.child=null;null!==t;){if(null!==(e=t.alternate)&&null===nl(e)){n.child=t;break}e=t.sibling,t.sibling=o,o=t,t=e}Mi(n,!0,o,null,a);break;case"together":Mi(n,!1,null,null,void 0);break;default:n.memoizedState=null}else n.memoizedState=null;return n.child}function Ui(e,n){!(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function Hi(e,n,o){if(null!==e&&(n.dependencies=e.dependencies),jc|=n.lanes,!(o&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(a(153));if(null!==n.child){for(o=As(e=n.child,e.pendingProps),n.child=o,o.return=n;null!==e.sibling;)e=e.sibling,(o=o.sibling=As(e,e.pendingProps)).return=n;o.sibling=null}return n.child}function Vi(e,n){if(!aa)switch(e.tailMode){case"hidden":n=e.tail;for(var o=null;null!==n;)null!==n.alternate&&(o=n),n=n.sibling;null===o?e.tail=null:o.sibling=null;break;case"collapsed":o=e.tail;for(var r=null;null!==o;)null!==o.alternate&&(r=o),o=o.sibling;null===r?n||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function qi(e){var n=null!==e.alternate&&e.alternate.child===e.child,o=0,r=0;if(n)for(var t=e.child;null!==t;)o|=t.lanes|t.childLanes,r|=14680064&t.subtreeFlags,r|=14680064&t.flags,t.return=e,t=t.sibling;else for(t=e.child;null!==t;)o|=t.lanes|t.childLanes,r|=t.subtreeFlags,r|=t.flags,t.return=e,t=t.sibling;return e.subtreeFlags|=r,e.childLanes=o,n}function Wi(e,n,o){var r=n.pendingProps;switch(oa(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return qi(n),null;case 1:case 17:return At(n.type)&&It(),qi(n),null;case 3:return r=n.stateNode,Qa(),St(Lt),St(Ct),rl(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(ha(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&n.flags)||(n.flags|=1024,null!==la&&(ls(la),la=null))),$i(e,n),qi(n),null;case 5:Ja(n);var t=Ga(Za.current);if(o=n.type,null!==e&&null!=n.stateNode)Ai(e,n,o,r,t),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!r){if(null===n.stateNode)throw Error(a(166));return qi(n),null}if(e=Ga(qa.current),ha(n)){r=n.stateNode,o=n.type;var l=n.memoizedProps;switch(r[mt]=n,r[bt]=l,e=!!(1&n.mode),o){case"dialog":Kr("cancel",r),Kr("close",r);break;case"iframe":case"object":case"embed":Kr("load",r);break;case"video":case"audio":for(t=0;t<jr.length;t++)Kr(jr[t],r);break;case"source":Kr("error",r);break;case"img":case"image":case"link":Kr("error",r),Kr("load",r);break;case"details":Kr("toggle",r);break;case"input":Y(r,l),Kr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!l.multiple},Kr("invalid",r);break;case"textarea":te(r,l),Kr("invalid",r)}for(var c in ve(o,l),t=null,l)if(l.hasOwnProperty(c)){var s=l[c];"children"===c?"string"==typeof s?r.textContent!==s&&(!0!==l.suppressHydrationWarning&&Jr(r.textContent,s,e),t=["children",s]):"number"==typeof s&&r.textContent!==""+s&&(!0!==l.suppressHydrationWarning&&Jr(r.textContent,s,e),t=["children",""+s]):i.hasOwnProperty(c)&&null!=s&&"onScroll"===c&&Kr("scroll",r)}switch(o){case"input":q(r),J(r,l,!0);break;case"textarea":q(r),le(r);break;case"select":case"option":break;default:"function"==typeof l.onClick&&(r.onclick=et)}r=t,n.updateQueue=r,null!==r&&(n.flags|=4)}else{c=9===t.nodeType?t:t.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=ie(o)),"http://www.w3.org/1999/xhtml"===e?"script"===o?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=c.createElement(o,{is:r.is}):(e=c.createElement(o),"select"===o&&(c=e,r.multiple?c.multiple=!0:r.size&&(c.size=r.size))):e=c.createElementNS(e,o),e[mt]=n,e[bt]=r,Ni(e,n,!1,!1),n.stateNode=e;e:{switch(c=ke(o,r),o){case"dialog":Kr("cancel",e),Kr("close",e),t=r;break;case"iframe":case"object":case"embed":Kr("load",e),t=r;break;case"video":case"audio":for(t=0;t<jr.length;t++)Kr(jr[t],e);t=r;break;case"source":Kr("error",e),t=r;break;case"img":case"image":case"link":Kr("error",e),Kr("load",e),t=r;break;case"details":Kr("toggle",e),t=r;break;case"input":Y(e,r),t=G(e,r),Kr("invalid",e);break;case"option":default:t=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},t=F({},r,{value:void 0}),Kr("invalid",e);break;case"textarea":te(e,r),t=re(e,r),Kr("invalid",e)}for(l in ve(o,t),s=t)if(s.hasOwnProperty(l)){var d=s[l];"style"===l?fe(e,d):"dangerouslySetInnerHTML"===l?null!=(d=d?d.__html:void 0)&&ue(e,d):"children"===l?"string"==typeof d?("textarea"!==o||""!==d)&&he(e,d):"number"==typeof d&&he(e,""+d):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(i.hasOwnProperty(l)?null!=d&&"onScroll"===l&&Kr("scroll",e):null!=d&&k(e,l,d,c))}switch(o){case"input":q(e),J(e,r,!1);break;case"textarea":q(e),le(e);break;case"option":null!=r.value&&e.setAttribute("value",""+H(r.value));break;case"select":e.multiple=!!r.multiple,null!=(l=r.value)?oe(e,!!r.multiple,l,!1):null!=r.defaultValue&&oe(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof t.onClick&&(e.onclick=et)}switch(o){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(n.flags|=4)}null!==n.ref&&(n.flags|=512,n.flags|=2097152)}return qi(n),null;case 6:if(e&&null!=n.stateNode)Ii(e,n,e.memoizedProps,r);else{if("string"!=typeof r&&null===n.stateNode)throw Error(a(166));if(o=Ga(Za.current),Ga(qa.current),ha(n)){if(r=n.stateNode,o=n.memoizedProps,r[mt]=n,(l=r.nodeValue!==o)&&null!==(e=ra))switch(e.tag){case 3:Jr(r.nodeValue,o,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Jr(r.nodeValue,o,!!(1&e.mode))}l&&(n.flags|=4)}else(r=(9===o.nodeType?o:o.ownerDocument).createTextNode(r))[mt]=n,n.stateNode=r}return qi(n),null;case 13:if(St(el),r=n.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(aa&&null!==ta&&1&n.mode&&!(128&n.flags))ma(),ba(),n.flags|=98560,l=!1;else if(l=ha(n),null!==r&&null!==r.dehydrated){if(null===e){if(!l)throw Error(a(318));if(!(l=null!==(l=n.memoizedState)?l.dehydrated:null))throw Error(a(317));l[mt]=n}else ba(),!(128&n.flags)&&(n.memoizedState=null),n.flags|=4;qi(n),l=!1}else null!==la&&(ls(la),la=null),l=!0;if(!l)return 65536&n.flags?n:null}return 128&n.flags?(n.lanes=o,n):((r=null!==r)!=(null!==e&&null!==e.memoizedState)&&r&&(n.child.flags|=8192,1&n.mode&&(null===e||1&el.current?0===Ic&&(Ic=3):ps())),null!==n.updateQueue&&(n.flags|=4),qi(n),null);case 4:return Qa(),$i(e,n),null===e&&Ur(n.stateNode.containerInfo),qi(n),null;case 10:return Oa(n.type._context),qi(n),null;case 19:if(St(el),null===(l=n.memoizedState))return qi(n),null;if(r=!!(128&n.flags),null===(c=l.rendering))if(r)Vi(l,!1);else{if(0!==Ic||null!==e&&128&e.flags)for(e=n.child;null!==e;){if(null!==(c=nl(e))){for(n.flags|=128,Vi(l,!1),null!==(r=c.updateQueue)&&(n.updateQueue=r,n.flags|=4),n.subtreeFlags=0,r=o,o=n.child;null!==o;)e=r,(l=o).flags&=14680066,null===(c=l.alternate)?(l.childLanes=0,l.lanes=e,l.child=null,l.subtreeFlags=0,l.memoizedProps=null,l.memoizedState=null,l.updateQueue=null,l.dependencies=null,l.stateNode=null):(l.childLanes=c.childLanes,l.lanes=c.lanes,l.child=c.child,l.subtreeFlags=0,l.deletions=null,l.memoizedProps=c.memoizedProps,l.memoizedState=c.memoizedState,l.updateQueue=c.updateQueue,l.type=c.type,e=c.dependencies,l.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),o=o.sibling;return Tt(el,1&el.current|2),n.child}e=e.sibling}null!==l.tail&&Qe()>Bc&&(n.flags|=128,r=!0,Vi(l,!1),n.lanes=4194304)}else{if(!r)if(null!==(e=nl(c))){if(n.flags|=128,r=!0,null!==(o=e.updateQueue)&&(n.updateQueue=o,n.flags|=4),Vi(l,!0),null===l.tail&&"hidden"===l.tailMode&&!c.alternate&&!aa)return qi(n),null}else 2*Qe()-l.renderingStartTime>Bc&&1073741824!==o&&(n.flags|=128,r=!0,Vi(l,!1),n.lanes=4194304);l.isBackwards?(c.sibling=n.child,n.child=c):(null!==(o=l.last)?o.sibling=c:n.child=c,l.last=c)}return null!==l.tail?(n=l.tail,l.rendering=n,l.tail=n.sibling,l.renderingStartTime=Qe(),n.sibling=null,o=el.current,Tt(el,r?1&o|2:1&o),n):(qi(n),null);case 22:case 23:return us(),r=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==r&&(n.flags|=8192),r&&1&n.mode?!!(1073741824&$c)&&(qi(n),6&n.subtreeFlags&&(n.flags|=8192)):qi(n),null;case 24:case 25:return null}throw Error(a(156,n.tag))}function Zi(e,n){switch(oa(n),n.tag){case 1:return At(n.type)&&It(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return Qa(),St(Lt),St(Ct),rl(),65536&(e=n.flags)&&!(128&e)?(n.flags=-65537&e|128,n):null;case 5:return Ja(n),null;case 13:if(St(el),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(a(340));ba()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return St(el),null;case 4:return Qa(),null;case 10:return Oa(n.type._context),null;case 22:case 23:return us(),null;default:return null}}Ni=function(e,n){for(var o=n.child;null!==o;){if(5===o.tag||6===o.tag)e.appendChild(o.stateNode);else if(4!==o.tag&&null!==o.child){o.child.return=o,o=o.child;continue}if(o===n)break;for(;null===o.sibling;){if(null===o.return||o.return===n)return;o=o.return}o.sibling.return=o.return,o=o.sibling}},$i=function(){},Ai=function(e,n,o,r){var t=e.memoizedProps;if(t!==r){e=n.stateNode,Ga(qa.current);var a,l=null;switch(o){case"input":t=G(e,t),r=G(e,r),l=[];break;case"select":t=F({},t,{value:void 0}),r=F({},r,{value:void 0}),l=[];break;case"textarea":t=re(e,t),r=re(e,r),l=[];break;default:"function"!=typeof t.onClick&&"function"==typeof r.onClick&&(e.onclick=et)}for(d in ve(o,r),o=null,t)if(!r.hasOwnProperty(d)&&t.hasOwnProperty(d)&&null!=t[d])if("style"===d){var c=t[d];for(a in c)c.hasOwnProperty(a)&&(o||(o={}),o[a]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(i.hasOwnProperty(d)?l||(l=[]):(l=l||[]).push(d,null));for(d in r){var s=r[d];if(c=null!=t?t[d]:void 0,r.hasOwnProperty(d)&&s!==c&&(null!=s||null!=c))if("style"===d)if(c){for(a in c)!c.hasOwnProperty(a)||s&&s.hasOwnProperty(a)||(o||(o={}),o[a]="");for(a in s)s.hasOwnProperty(a)&&c[a]!==s[a]&&(o||(o={}),o[a]=s[a])}else o||(l||(l=[]),l.push(d,o)),o=s;else"dangerouslySetInnerHTML"===d?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(l=l||[]).push(d,s)):"children"===d?"string"!=typeof s&&"number"!=typeof s||(l=l||[]).push(d,""+s):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(i.hasOwnProperty(d)?(null!=s&&"onScroll"===d&&Kr("scroll",e),l||c===s||(l=[])):(l=l||[]).push(d,s))}o&&(l=l||[]).push("style",o);var d=l;(n.updateQueue=d)&&(n.flags|=4)}},Ii=function(e,n,o,r){o!==r&&(n.flags|=4)};var Gi=!1,Yi=!1,Qi="function"==typeof WeakSet?WeakSet:Set,Xi=null;function Ji(e,n){var o=e.ref;if(null!==o)if("function"==typeof o)try{o(null)}catch(o){xs(e,n,o)}else o.current=null}function ec(e,n,o){try{o()}catch(o){xs(e,n,o)}}var nc=!1;function oc(e,n,o){var r=n.updateQueue;if(null!==(r=null!==r?r.lastEffect:null)){var t=r=r.next;do{if((t.tag&e)===e){var a=t.destroy;t.destroy=void 0,void 0!==a&&ec(n,o,a)}t=t.next}while(t!==r)}}function rc(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var o=n=n.next;do{if((o.tag&e)===e){var r=o.create;o.destroy=r()}o=o.next}while(o!==n)}}function tc(e){var n=e.ref;if(null!==n){var o=e.stateNode;e.tag,e=o,"function"==typeof n?n(e):n.current=e}}function ac(e){var n=e.alternate;null!==n&&(e.alternate=null,ac(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&null!==(n=e.stateNode)&&(delete n[mt],delete n[bt],delete n[ft],delete n[gt],delete n[vt]),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 lc(e){return 5===e.tag||3===e.tag||4===e.tag}function ic(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||lc(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,o){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?8===o.nodeType?o.parentNode.insertBefore(e,n):o.insertBefore(e,n):(8===o.nodeType?(n=o.parentNode).insertBefore(e,o):(n=o).appendChild(e),null!=(o=o._reactRootContainer)||null!==n.onclick||(n.onclick=et));else if(4!==r&&null!==(e=e.child))for(cc(e,n,o),e=e.sibling;null!==e;)cc(e,n,o),e=e.sibling}function sc(e,n,o){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?o.insertBefore(e,n):o.appendChild(e);else if(4!==r&&null!==(e=e.child))for(sc(e,n,o),e=e.sibling;null!==e;)sc(e,n,o),e=e.sibling}var dc=null,uc=!1;function hc(e,n,o){for(o=o.child;null!==o;)mc(e,n,o),o=o.sibling}function mc(e,n,o){if(an&&"function"==typeof an.onCommitFiberUnmount)try{an.onCommitFiberUnmount(tn,o)}catch(e){}switch(o.tag){case 5:Yi||Ji(o,n);case 6:var r=dc,t=uc;dc=null,hc(e,n,o),uc=t,null!==(dc=r)&&(uc?(e=dc,o=o.stateNode,8===e.nodeType?e.parentNode.removeChild(o):e.removeChild(o)):dc.removeChild(o.stateNode));break;case 18:null!==dc&&(uc?(e=dc,o=o.stateNode,8===e.nodeType?st(e.parentNode,o):1===e.nodeType&&st(e,o),Un(e)):st(dc,o.stateNode));break;case 4:r=dc,t=uc,dc=o.stateNode.containerInfo,uc=!0,hc(e,n,o),dc=r,uc=t;break;case 0:case 11:case 14:case 15:if(!Yi&&null!==(r=o.updateQueue)&&null!==(r=r.lastEffect)){t=r=r.next;do{var a=t,l=a.destroy;a=a.tag,void 0!==l&&(2&a||4&a)&&ec(o,n,l),t=t.next}while(t!==r)}hc(e,n,o);break;case 1:if(!Yi&&(Ji(o,n),"function"==typeof(r=o.stateNode).componentWillUnmount))try{r.props=o.memoizedProps,r.state=o.memoizedState,r.componentWillUnmount()}catch(e){xs(o,n,e)}hc(e,n,o);break;case 21:hc(e,n,o);break;case 22:1&o.mode?(Yi=(r=Yi)||null!==o.memoizedState,hc(e,n,o),Yi=r):hc(e,n,o);break;default:hc(e,n,o)}}function bc(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var o=e.stateNode;null===o&&(o=e.stateNode=new Qi),n.forEach((function(n){var r=Os.bind(null,e,n);o.has(n)||(o.add(n),n.then(r,r))}))}}function pc(e,n){var o=n.deletions;if(null!==o)for(var r=0;r<o.length;r++){var t=o[r];try{var l=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(a(160));mc(l,i,t),dc=null,uc=!1;var s=t.alternate;null!==s&&(s.return=null),t.return=null}catch(e){xs(t,n,e)}}if(12854&n.subtreeFlags)for(n=n.child;null!==n;)fc(n,e),n=n.sibling}function fc(e,n){var o=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(pc(n,e),gc(e),4&r){try{oc(3,e,e.return),rc(3,e)}catch(n){xs(e,e.return,n)}try{oc(5,e,e.return)}catch(n){xs(e,e.return,n)}}break;case 1:pc(n,e),gc(e),512&r&&null!==o&&Ji(o,o.return);break;case 5:if(pc(n,e),gc(e),512&r&&null!==o&&Ji(o,o.return),32&e.flags){var t=e.stateNode;try{he(t,"")}catch(n){xs(e,e.return,n)}}if(4&r&&null!=(t=e.stateNode)){var l=e.memoizedProps,i=null!==o?o.memoizedProps:l,c=e.type,s=e.updateQueue;if(e.updateQueue=null,null!==s)try{"input"===c&&"radio"===l.type&&null!=l.name&&Q(t,l),ke(c,i);var d=ke(c,l);for(i=0;i<s.length;i+=2){var u=s[i],h=s[i+1];"style"===u?fe(t,h):"dangerouslySetInnerHTML"===u?ue(t,h):"children"===u?he(t,h):k(t,u,h,d)}switch(c){case"input":X(t,l);break;case"textarea":ae(t,l);break;case"select":var m=t._wrapperState.wasMultiple;t._wrapperState.wasMultiple=!!l.multiple;var b=l.value;null!=b?oe(t,!!l.multiple,b,!1):m!==!!l.multiple&&(null!=l.defaultValue?oe(t,!!l.multiple,l.defaultValue,!0):oe(t,!!l.multiple,l.multiple?[]:"",!1))}t[bt]=l}catch(n){xs(e,e.return,n)}}break;case 6:if(pc(n,e),gc(e),4&r){if(null===e.stateNode)throw Error(a(162));t=e.stateNode,l=e.memoizedProps;try{t.nodeValue=l}catch(n){xs(e,e.return,n)}}break;case 3:if(pc(n,e),gc(e),4&r&&null!==o&&o.memoizedState.isDehydrated)try{Un(n.containerInfo)}catch(n){xs(e,e.return,n)}break;case 4:default:pc(n,e),gc(e);break;case 13:pc(n,e),gc(e),8192&(t=e.child).flags&&(l=null!==t.memoizedState,t.stateNode.isHidden=l,!l||null!==t.alternate&&null!==t.alternate.memoizedState||(Mc=Qe())),4&r&&bc(e);break;case 22:if(u=null!==o&&null!==o.memoizedState,1&e.mode?(Yi=(d=Yi)||u,pc(n,e),Yi=d):pc(n,e),gc(e),8192&r){if(d=null!==e.memoizedState,(e.stateNode.isHidden=d)&&!u&&1&e.mode)for(Xi=e,u=e.child;null!==u;){for(h=Xi=u;null!==Xi;){switch(b=(m=Xi).child,m.tag){case 0:case 11:case 14:case 15:oc(4,m,m.return);break;case 1:Ji(m,m.return);var p=m.stateNode;if("function"==typeof p.componentWillUnmount){r=m,o=m.return;try{n=r,p.props=n.memoizedProps,p.state=n.memoizedState,p.componentWillUnmount()}catch(e){xs(r,o,e)}}break;case 5:Ji(m,m.return);break;case 22:if(null!==m.memoizedState){wc(h);continue}}null!==b?(b.return=m,Xi=b):wc(h)}u=u.sibling}e:for(u=null,h=e;;){if(5===h.tag){if(null===u){u=h;try{t=h.stateNode,d?"function"==typeof(l=t.style).setProperty?l.setProperty("display","none","important"):l.display="none":(c=h.stateNode,i=null!=(s=h.memoizedProps.style)&&s.hasOwnProperty("display")?s.display:null,c.style.display=pe("display",i))}catch(n){xs(e,e.return,n)}}}else if(6===h.tag){if(null===u)try{h.stateNode.nodeValue=d?"":h.memoizedProps}catch(n){xs(e,e.return,n)}}else if((22!==h.tag&&23!==h.tag||null===h.memoizedState||h===e)&&null!==h.child){h.child.return=h,h=h.child;continue}if(h===e)break e;for(;null===h.sibling;){if(null===h.return||h.return===e)break e;u===h&&(u=null),h=h.return}u===h&&(u=null),h.sibling.return=h.return,h=h.sibling}}break;case 19:pc(n,e),gc(e),4&r&&bc(e);case 21:}}function gc(e){var n=e.flags;if(2&n){try{e:{for(var o=e.return;null!==o;){if(lc(o)){var r=o;break e}o=o.return}throw Error(a(160))}switch(r.tag){case 5:var t=r.stateNode;32&r.flags&&(he(t,""),r.flags&=-33),sc(e,ic(e),t);break;case 3:case 4:var l=r.stateNode.containerInfo;cc(e,ic(e),l);break;default:throw Error(a(161))}}catch(n){xs(e,e.return,n)}e.flags&=-3}4096&n&&(e.flags&=-4097)}function vc(e,n,o){Xi=e,kc(e,n,o)}function kc(e,n,o){for(var r=!!(1&e.mode);null!==Xi;){var t=Xi,a=t.child;if(22===t.tag&&r){var l=null!==t.memoizedState||Gi;if(!l){var i=t.alternate,c=null!==i&&null!==i.memoizedState||Yi;i=Gi;var s=Yi;if(Gi=l,(Yi=c)&&!s)for(Xi=t;null!==Xi;)c=(l=Xi).child,22===l.tag&&null!==l.memoizedState?_c(t):null!==c?(c.return=l,Xi=c):_c(t);for(;null!==a;)Xi=a,kc(a,n,o),a=a.sibling;Xi=t,Gi=i,Yi=s}yc(e)}else 8772&t.subtreeFlags&&null!==a?(a.return=t,Xi=a):yc(e)}}function yc(e){for(;null!==Xi;){var n=Xi;if(8772&n.flags){var o=n.alternate;try{if(8772&n.flags)switch(n.tag){case 0:case 11:case 15:Yi||rc(5,n);break;case 1:var r=n.stateNode;if(4&n.flags&&!Yi)if(null===o)r.componentDidMount();else{var t=n.elementType===n.type?o.memoizedProps:oi(n.type,o.memoizedProps);r.componentDidUpdate(t,o.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var l=n.updateQueue;null!==l&&Ha(n,l,r);break;case 3:var i=n.updateQueue;if(null!==i){if(o=null,null!==n.child)switch(n.child.tag){case 5:case 1:o=n.child.stateNode}Ha(n,i,o)}break;case 5:var c=n.stateNode;if(null===o&&4&n.flags){o=c;var s=n.memoizedProps;switch(n.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&o.focus();break;case"img":s.src&&(o.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 h=u.dehydrated;null!==h&&Un(h)}}}break;default:throw Error(a(163))}Yi||512&n.flags&&tc(n)}catch(e){xs(n,n.return,e)}}if(n===e){Xi=null;break}if(null!==(o=n.sibling)){o.return=n.return,Xi=o;break}Xi=n.return}}function wc(e){for(;null!==Xi;){var n=Xi;if(n===e){Xi=null;break}var o=n.sibling;if(null!==o){o.return=n.return,Xi=o;break}Xi=n.return}}function _c(e){for(;null!==Xi;){var n=Xi;try{switch(n.tag){case 0:case 11:case 15:var o=n.return;try{rc(4,n)}catch(e){xs(n,o,e)}break;case 1:var r=n.stateNode;if("function"==typeof r.componentDidMount){var t=n.return;try{r.componentDidMount()}catch(e){xs(n,t,e)}}var a=n.return;try{tc(n)}catch(e){xs(n,a,e)}break;case 5:var l=n.return;try{tc(n)}catch(e){xs(n,l,e)}}}catch(e){xs(n,n.return,e)}if(n===e){Xi=null;break}var i=n.sibling;if(null!==i){i.return=n.return,Xi=i;break}Xi=n.return}}var Ec,xc=Math.ceil,zc=y.ReactCurrentDispatcher,Sc=y.ReactCurrentOwner,Tc=y.ReactCurrentBatchConfig,Oc=0,Cc=null,Lc=null,Nc=0,$c=0,Ac=zt(0),Ic=0,Pc=null,jc=0,Fc=0,Rc=0,Dc=null,Kc=null,Mc=0,Bc=1/0,Uc=null,Hc=!1,Vc=null,qc=null,Wc=!1,Zc=null,Gc=0,Yc=0,Qc=null,Xc=-1,Jc=0;function es(){return 6&Oc?Qe():-1!==Xc?Xc:Xc=Qe()}function ns(e){return 1&e.mode?2&Oc&&0!==Nc?Nc&-Nc:null!==fa.transition?(0===Jc&&(Jc=fn()),Jc):0!==(e=yn)?e:e=void 0===(e=window.event)?16:Qn(e.type):1}function os(e,n,o,r){if(50<Yc)throw Yc=0,Qc=null,Error(a(185));vn(e,o,r),2&Oc&&e===Cc||(e===Cc&&(!(2&Oc)&&(Fc|=o),4===Ic&&is(e,Nc)),rs(e,r),1===o&&0===Oc&&!(1&n.mode)&&(Bc=Qe()+500,Kt&&Ut()))}function rs(e,n){var o=e.callbackNode;!function(e,n){for(var o=e.suspendedLanes,r=e.pingedLanes,t=e.expirationTimes,a=e.pendingLanes;0<a;){var l=31-ln(a),i=1<<l,c=t[l];-1===c?i&o&&!(i&r)||(t[l]=bn(i,n)):c<=n&&(e.expiredLanes|=i),a&=~i}}(e,n);var r=mn(e,e===Cc?Nc:0);if(0===r)null!==o&&Ze(o),e.callbackNode=null,e.callbackPriority=0;else if(n=r&-r,e.callbackPriority!==n){if(null!=o&&Ze(o),1===n)0===e.tag?function(e){Kt=!0,Bt(e)}(cs.bind(null,e)):Bt(cs.bind(null,e)),it((function(){!(6&Oc)&&Ut()})),o=null;else{switch(wn(r)){case 1:o=Je;break;case 4:o=en;break;case 16:default:o=nn;break;case 536870912:o=rn}o=Cs(o,ts.bind(null,e))}e.callbackPriority=n,e.callbackNode=o}}function ts(e,n){if(Xc=-1,Jc=0,6&Oc)throw Error(a(327));var o=e.callbackNode;if(_s()&&e.callbackNode!==o)return null;var r=mn(e,e===Cc?Nc:0);if(0===r)return null;if(30&r||r&e.expiredLanes||n)n=fs(e,r);else{n=r;var t=Oc;Oc|=2;var l=bs();for(Cc===e&&Nc===n||(Uc=null,Bc=Qe()+500,hs(e,n));;)try{vs();break}catch(n){ms(e,n)}Ta(),zc.current=l,Oc=t,null!==Lc?n=0:(Cc=null,Nc=0,n=Ic)}if(0!==n){if(2===n&&0!==(t=pn(e))&&(r=t,n=as(e,t)),1===n)throw o=Pc,hs(e,0),is(e,r),rs(e,Qe()),o;if(6===n)is(e,r);else{if(t=e.current.alternate,!(30&r||function(e){for(var n=e;;){if(16384&n.flags){var o=n.updateQueue;if(null!==o&&null!==(o=o.stores))for(var r=0;r<o.length;r++){var t=o[r],a=t.getSnapshot;t=t.value;try{if(!cr(a(),t))return!1}catch(e){return!1}}}if(o=n.child,16384&n.subtreeFlags&&null!==o)o.return=n,n=o;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}(t)||(n=fs(e,r),2===n&&(l=pn(e),0!==l&&(r=l,n=as(e,l))),1!==n)))throw o=Pc,hs(e,0),is(e,r),rs(e,Qe()),o;switch(e.finishedWork=t,e.finishedLanes=r,n){case 0:case 1:throw Error(a(345));case 2:case 5:ws(e,Kc,Uc);break;case 3:if(is(e,r),(130023424&r)===r&&10<(n=Mc+500-Qe())){if(0!==mn(e,0))break;if(((t=e.suspendedLanes)&r)!==r){es(),e.pingedLanes|=e.suspendedLanes&t;break}e.timeoutHandle=tt(ws.bind(null,e,Kc,Uc),n);break}ws(e,Kc,Uc);break;case 4:if(is(e,r),(4194240&r)===r)break;for(n=e.eventTimes,t=-1;0<r;){var i=31-ln(r);l=1<<i,(i=n[i])>t&&(t=i),r&=~l}if(r=t,10<(r=(120>(r=Qe()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*xc(r/1960))-r)){e.timeoutHandle=tt(ws.bind(null,e,Kc,Uc),r);break}ws(e,Kc,Uc);break;default:throw Error(a(329))}}}return rs(e,Qe()),e.callbackNode===o?ts.bind(null,e):null}function as(e,n){var o=Dc;return e.current.memoizedState.isDehydrated&&(hs(e,n).flags|=256),2!==(e=fs(e,n))&&(n=Kc,Kc=o,null!==n&&ls(n)),e}function ls(e){null===Kc?Kc=e:Kc.push.apply(Kc,e)}function is(e,n){for(n&=~Rc,n&=~Fc,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0<n;){var o=31-ln(n),r=1<<o;e[o]=-1,n&=~r}}function cs(e){if(6&Oc)throw Error(a(327));_s();var n=mn(e,0);if(!(1&n))return rs(e,Qe()),null;var o=fs(e,n);if(0!==e.tag&&2===o){var r=pn(e);0!==r&&(n=r,o=as(e,r))}if(1===o)throw o=Pc,hs(e,0),is(e,n),rs(e,Qe()),o;if(6===o)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=n,ws(e,Kc,Uc),rs(e,Qe()),null}function ss(e,n){var o=Oc;Oc|=1;try{return e(n)}finally{0===(Oc=o)&&(Bc=Qe()+500,Kt&&Ut())}}function ds(e){null!==Zc&&0===Zc.tag&&!(6&Oc)&&_s();var n=Oc;Oc|=1;var o=Tc.transition,r=yn;try{if(Tc.transition=null,yn=1,e)return e()}finally{yn=r,Tc.transition=o,!(6&(Oc=n))&&Ut()}}function us(){$c=Ac.current,St(Ac)}function hs(e,n){e.finishedWork=null,e.finishedLanes=0;var o=e.timeoutHandle;if(-1!==o&&(e.timeoutHandle=-1,at(o)),null!==Lc)for(o=Lc.return;null!==o;){var r=o;switch(oa(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&It();break;case 3:Qa(),St(Lt),St(Ct),rl();break;case 5:Ja(r);break;case 4:Qa();break;case 13:case 19:St(el);break;case 10:Oa(r.type._context);break;case 22:case 23:us()}o=o.return}if(Cc=e,Lc=e=As(e.current,null),Nc=$c=n,Ic=0,Pc=null,Rc=Fc=jc=0,Kc=Dc=null,null!==$a){for(n=0;n<$a.length;n++)if(null!==(r=(o=$a[n]).interleaved)){o.interleaved=null;var t=r.next,a=o.pending;if(null!==a){var l=a.next;a.next=t,r.next=l}o.pending=r}$a=null}return e}function ms(e,n){for(;;){var o=Lc;try{if(Ta(),tl.current=Xl,dl){for(var r=il.memoizedState;null!==r;){var t=r.queue;null!==t&&(t.pending=null),r=r.next}dl=!1}if(ll=0,sl=cl=il=null,ul=!1,hl=0,Sc.current=null,null===o||null===o.return){Ic=1,Pc=n,Lc=null;break}e:{var l=e,i=o.return,c=o,s=n;if(n=Nc,c.flags|=32768,null!==s&&"object"==typeof s&&"function"==typeof s.then){var d=s,u=c,h=u.tag;if(!(1&u.mode||0!==h&&11!==h&&15!==h)){var m=u.alternate;m?(u.updateQueue=m.updateQueue,u.memoizedState=m.memoizedState,u.lanes=m.lanes):(u.updateQueue=null,u.memoizedState=null)}var b=fi(i);if(null!==b){b.flags&=-257,gi(b,i,c,0,n),1&b.mode&&pi(l,d,n),s=d;var p=(n=b).updateQueue;if(null===p){var f=new Set;f.add(s),n.updateQueue=f}else p.add(s);break e}if(!(1&n)){pi(l,d,n),ps();break e}s=Error(a(426))}else if(aa&&1&c.mode){var g=fi(i);if(null!==g){!(65536&g.flags)&&(g.flags|=256),gi(g,i,c,0,n),pa(si(s,c));break e}}l=s=si(s,c),4!==Ic&&(Ic=2),null===Dc?Dc=[l]:Dc.push(l),l=i;do{switch(l.tag){case 3:l.flags|=65536,n&=-n,l.lanes|=n,Ba(l,mi(0,s,n));break e;case 1:c=s;var v=l.type,k=l.stateNode;if(!(128&l.flags||"function"!=typeof v.getDerivedStateFromError&&(null===k||"function"!=typeof k.componentDidCatch||null!==qc&&qc.has(k)))){l.flags|=65536,n&=-n,l.lanes|=n,Ba(l,bi(l,c,n));break e}}l=l.return}while(null!==l)}ys(o)}catch(e){n=e,Lc===o&&null!==o&&(Lc=o=o.return);continue}break}}function bs(){var e=zc.current;return zc.current=Xl,null===e?Xl:e}function ps(){0!==Ic&&3!==Ic&&2!==Ic||(Ic=4),null===Cc||!(268435455&jc)&&!(268435455&Fc)||is(Cc,Nc)}function fs(e,n){var o=Oc;Oc|=2;var r=bs();for(Cc===e&&Nc===n||(Uc=null,hs(e,n));;)try{gs();break}catch(n){ms(e,n)}if(Ta(),Oc=o,zc.current=r,null!==Lc)throw Error(a(261));return Cc=null,Nc=0,Ic}function gs(){for(;null!==Lc;)ks(Lc)}function vs(){for(;null!==Lc&&!Ge();)ks(Lc)}function ks(e){var n=Ec(e.alternate,e,$c);e.memoizedProps=e.pendingProps,null===n?ys(e):Lc=n,Sc.current=null}function ys(e){var n=e;do{var o=n.alternate;if(e=n.return,32768&n.flags){if(null!==(o=Zi(o,n)))return o.flags&=32767,void(Lc=o);if(null===e)return Ic=6,void(Lc=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(o=Wi(o,n,$c)))return void(Lc=o);if(null!==(n=n.sibling))return void(Lc=n);Lc=n=e}while(null!==n);0===Ic&&(Ic=5)}function ws(e,n,o){var r=yn,t=Tc.transition;try{Tc.transition=null,yn=1,function(e,n,o,r){do{_s()}while(null!==Zc);if(6&Oc)throw Error(a(327));o=e.finishedWork;var t=e.finishedLanes;if(null===o)return null;if(e.finishedWork=null,e.finishedLanes=0,o===e.current)throw Error(a(177));e.callbackNode=null,e.callbackPriority=0;var l=o.lanes|o.childLanes;if(function(e,n){var o=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 r=e.eventTimes;for(e=e.expirationTimes;0<o;){var t=31-ln(o),a=1<<t;n[t]=0,r[t]=-1,e[t]=-1,o&=~a}}(e,l),e===Cc&&(Lc=Cc=null,Nc=0),!(2064&o.subtreeFlags)&&!(2064&o.flags)||Wc||(Wc=!0,Cs(nn,(function(){return _s(),null}))),l=!!(15990&o.flags),15990&o.subtreeFlags||l){l=Tc.transition,Tc.transition=null;var i=yn;yn=1;var c=Oc;Oc|=4,Sc.current=null,function(e,n){if(nt=Vn,br(e=mr())){if("selectionStart"in e)var o={start:e.selectionStart,end:e.selectionEnd};else e:{var r=(o=(o=e.ownerDocument)&&o.defaultView||window).getSelection&&o.getSelection();if(r&&0!==r.rangeCount){o=r.anchorNode;var t=r.anchorOffset,l=r.focusNode;r=r.focusOffset;try{o.nodeType,l.nodeType}catch(e){o=null;break e}var i=0,c=-1,s=-1,d=0,u=0,h=e,m=null;n:for(;;){for(var b;h!==o||0!==t&&3!==h.nodeType||(c=i+t),h!==l||0!==r&&3!==h.nodeType||(s=i+r),3===h.nodeType&&(i+=h.nodeValue.length),null!==(b=h.firstChild);)m=h,h=b;for(;;){if(h===e)break n;if(m===o&&++d===t&&(c=i),m===l&&++u===r&&(s=i),null!==(b=h.nextSibling))break;m=(h=m).parentNode}h=b}o=-1===c||-1===s?null:{start:c,end:s}}else o=null}o=o||{start:0,end:0}}else o=null;for(ot={focusedElem:e,selectionRange:o},Vn=!1,Xi=n;null!==Xi;)if(e=(n=Xi).child,1028&n.subtreeFlags&&null!==e)e.return=n,Xi=e;else for(;null!==Xi;){n=Xi;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 f=p.memoizedProps,g=p.memoizedState,v=n.stateNode,k=v.getSnapshotBeforeUpdate(n.elementType===n.type?f:oi(n.type,f),g);v.__reactInternalSnapshotBeforeUpdate=k}break;case 3:var y=n.stateNode.containerInfo;1===y.nodeType?y.textContent="":9===y.nodeType&&y.documentElement&&y.removeChild(y.documentElement);break;default:throw Error(a(163))}}catch(e){xs(n,n.return,e)}if(null!==(e=n.sibling)){e.return=n.return,Xi=e;break}Xi=n.return}p=nc,nc=!1}(e,o),fc(o,e),pr(ot),Vn=!!nt,ot=nt=null,e.current=o,vc(o,e,t),Ye(),Oc=c,yn=i,Tc.transition=l}else e.current=o;if(Wc&&(Wc=!1,Zc=e,Gc=t),0===(l=e.pendingLanes)&&(qc=null),function(e){if(an&&"function"==typeof an.onCommitFiberRoot)try{an.onCommitFiberRoot(tn,e,void 0,!(128&~e.current.flags))}catch(e){}}(o.stateNode),rs(e,Qe()),null!==n)for(r=e.onRecoverableError,o=0;o<n.length;o++)r((t=n[o]).value,{componentStack:t.stack,digest:t.digest});if(Hc)throw Hc=!1,e=Vc,Vc=null,e;!!(1&Gc)&&0!==e.tag&&_s(),1&(l=e.pendingLanes)?e===Qc?Yc++:(Yc=0,Qc=e):Yc=0,Ut()}(e,n,o,r)}finally{Tc.transition=t,yn=r}return null}function _s(){if(null!==Zc){var e=wn(Gc),n=Tc.transition,o=yn;try{if(Tc.transition=null,yn=16>e?16:e,null===Zc)var r=!1;else{if(e=Zc,Zc=null,Gc=0,6&Oc)throw Error(a(331));var t=Oc;for(Oc|=4,Xi=e.current;null!==Xi;){var l=Xi,i=l.child;if(16&Xi.flags){var c=l.deletions;if(null!==c){for(var s=0;s<c.length;s++){var d=c[s];for(Xi=d;null!==Xi;){var u=Xi;switch(u.tag){case 0:case 11:case 15:oc(8,u,l)}var h=u.child;if(null!==h)h.return=u,Xi=h;else for(;null!==Xi;){var m=(u=Xi).sibling,b=u.return;if(ac(u),u===d){Xi=null;break}if(null!==m){m.return=b,Xi=m;break}Xi=b}}}var p=l.alternate;if(null!==p){var f=p.child;if(null!==f){p.child=null;do{var g=f.sibling;f.sibling=null,f=g}while(null!==f)}}Xi=l}}if(2064&l.subtreeFlags&&null!==i)i.return=l,Xi=i;else e:for(;null!==Xi;){if(2048&(l=Xi).flags)switch(l.tag){case 0:case 11:case 15:oc(9,l,l.return)}var v=l.sibling;if(null!==v){v.return=l.return,Xi=v;break e}Xi=l.return}}var k=e.current;for(Xi=k;null!==Xi;){var y=(i=Xi).child;if(2064&i.subtreeFlags&&null!==y)y.return=i,Xi=y;else e:for(i=k;null!==Xi;){if(2048&(c=Xi).flags)try{switch(c.tag){case 0:case 11:case 15:rc(9,c)}}catch(e){xs(c,c.return,e)}if(c===i){Xi=null;break e}var w=c.sibling;if(null!==w){w.return=c.return,Xi=w;break e}Xi=c.return}}if(Oc=t,Ut(),an&&"function"==typeof an.onPostCommitFiberRoot)try{an.onPostCommitFiberRoot(tn,e)}catch(e){}r=!0}return r}finally{yn=o,Tc.transition=n}}return!1}function Es(e,n,o){e=Ka(e,n=mi(0,n=si(o,n),1),1),n=es(),null!==e&&(vn(e,1,n),rs(e,n))}function xs(e,n,o){if(3===e.tag)Es(e,e,o);else for(;null!==n;){if(3===n.tag){Es(n,e,o);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===qc||!qc.has(r))){n=Ka(n,e=bi(n,e=si(o,e),1),1),e=es(),null!==n&&(vn(n,1,e),rs(n,e));break}}n=n.return}}function zs(e,n,o){var r=e.pingCache;null!==r&&r.delete(n),n=es(),e.pingedLanes|=e.suspendedLanes&o,Cc===e&&(Nc&o)===o&&(4===Ic||3===Ic&&(130023424&Nc)===Nc&&500>Qe()-Mc?hs(e,0):Rc|=o),rs(e,n)}function Ss(e,n){0===n&&(1&e.mode?(n=un,!(130023424&(un<<=1))&&(un=4194304)):n=1);var o=es();null!==(e=Pa(e,n))&&(vn(e,n,o),rs(e,o))}function Ts(e){var n=e.memoizedState,o=0;null!==n&&(o=n.retryLane),Ss(e,o)}function Os(e,n){var o=0;switch(e.tag){case 13:var r=e.stateNode,t=e.memoizedState;null!==t&&(o=t.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(a(314))}null!==r&&r.delete(n),Ss(e,o)}function Cs(e,n){return We(e,n)}function Ls(e,n,o,r){this.tag=e,this.key=o,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=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ns(e,n,o,r){return new Ls(e,n,o,r)}function $s(e){return!(!(e=e.prototype)||!e.isReactComponent)}function As(e,n){var o=e.alternate;return null===o?((o=Ns(e.tag,n,e.key,e.mode)).elementType=e.elementType,o.type=e.type,o.stateNode=e.stateNode,o.alternate=e,e.alternate=o):(o.pendingProps=n,o.type=e.type,o.flags=0,o.subtreeFlags=0,o.deletions=null),o.flags=14680064&e.flags,o.childLanes=e.childLanes,o.lanes=e.lanes,o.child=e.child,o.memoizedProps=e.memoizedProps,o.memoizedState=e.memoizedState,o.updateQueue=e.updateQueue,n=e.dependencies,o.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},o.sibling=e.sibling,o.index=e.index,o.ref=e.ref,o}function Is(e,n,o,r,t,l){var i=2;if(r=e,"function"==typeof e)$s(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case E:return Ps(o.children,t,l,n);case x:i=8,t|=8;break;case z:return(e=Ns(12,o,n,2|t)).elementType=z,e.lanes=l,e;case C:return(e=Ns(13,o,n,t)).elementType=C,e.lanes=l,e;case L:return(e=Ns(19,o,n,t)).elementType=L,e.lanes=l,e;case A:return js(o,t,l,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case S:i=10;break e;case T:i=9;break e;case O:i=11;break e;case N:i=14;break e;case $:i=16,r=null;break e}throw Error(a(130,null==e?e:typeof e,""))}return(n=Ns(i,o,n,t)).elementType=e,n.type=r,n.lanes=l,n}function Ps(e,n,o,r){return(e=Ns(7,e,r,n)).lanes=o,e}function js(e,n,o,r){return(e=Ns(22,e,r,n)).elementType=A,e.lanes=o,e.stateNode={isHidden:!1},e}function Fs(e,n,o){return(e=Ns(6,e,null,n)).lanes=o,e}function Rs(e,n,o){return(n=Ns(4,null!==e.children?e.children:[],e.key,n)).lanes=o,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function Ds(e,n,o,r,t){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=gn(0),this.expirationTimes=gn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=gn(0),this.identifierPrefix=r,this.onRecoverableError=t,this.mutableSourceEagerHydrationData=null}function Ks(e,n,o,r,t,a,l,i,c){return e=new Ds(e,n,o,i,c),1===n?(n=1,!0===a&&(n|=8)):n=0,a=Ns(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:o,cache:null,transitions:null,pendingSuspenseBoundaries:null},Fa(a),e}function Ms(e){if(!e)return Ot;e:{if(Be(e=e._reactInternals)!==e||1!==e.tag)throw Error(a(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(At(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(a(171))}if(1===e.tag){var o=e.type;if(At(o))return jt(e,o,n)}return n}function Bs(e,n,o,r,t,a,l,i,c){return(e=Ks(o,r,!0,e,0,a,0,i,c)).context=Ms(null),o=e.current,(a=Da(r=es(),t=ns(o))).callback=null!=n?n:null,Ka(o,a,t),e.current.lanes=t,vn(e,t,r),rs(e,r),e}function Us(e,n,o,r){var t=n.current,a=es(),l=ns(t);return o=Ms(o),null===n.context?n.context=o:n.pendingContext=o,(n=Da(a,l)).payload={element:e},null!==(r=void 0===r?null:r)&&(n.callback=r),null!==(e=Ka(t,n,l))&&(os(e,t,l,a),Ma(e,t,l)),l}function Hs(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 o=e.retryLane;e.retryLane=0!==o&&o<n?o:n}}function qs(e,n){Vs(e,n),(e=e.alternate)&&Vs(e,n)}Ec=function(e,n,o){if(null!==e)if(e.memoizedProps!==n.pendingProps||Lt.current)ki=!0;else{if(!(e.lanes&o||128&n.flags))return ki=!1,function(e,n,o){switch(n.tag){case 3:Ci(n),ba();break;case 5:Xa(n);break;case 1:At(n.type)&&Ft(n);break;case 4:Ya(n,n.stateNode.containerInfo);break;case 10:var r=n.type._context,t=n.memoizedProps.value;Tt(Ea,r._currentValue),r._currentValue=t;break;case 13:if(null!==(r=n.memoizedState))return null!==r.dehydrated?(Tt(el,1&el.current),n.flags|=128,null):o&n.child.childLanes?Fi(e,n,o):(Tt(el,1&el.current),null!==(e=Hi(e,n,o))?e.sibling:null);Tt(el,1&el.current);break;case 19:if(r=!!(o&n.childLanes),128&e.flags){if(r)return Bi(e,n,o);n.flags|=128}if(null!==(t=n.memoizedState)&&(t.rendering=null,t.tail=null,t.lastEffect=null),Tt(el,el.current),r)break;return null;case 22:case 23:return n.lanes=0,xi(e,n,o)}return Hi(e,n,o)}(e,n,o);ki=!!(131072&e.flags)}else ki=!1,aa&&1048576&n.flags&&ea(n,Wt,n.index);switch(n.lanes=0,n.tag){case 2:var r=n.type;Ui(e,n),e=n.pendingProps;var t=$t(n,Ct.current);La(n,o),t=fl(null,n,r,e,t,o);var l=gl();return n.flags|=1,"object"==typeof t&&null!==t&&"function"==typeof t.render&&void 0===t.$$typeof?(n.tag=1,n.memoizedState=null,n.updateQueue=null,At(r)?(l=!0,Ft(n)):l=!1,n.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,Fa(n),t.updater=ti,n.stateNode=t,t._reactInternals=n,ci(n,r,e,o),n=Oi(null,n,r,!0,l,o)):(n.tag=0,aa&&l&&na(n),yi(null,n,t,o),n=n.child),n;case 16:r=n.elementType;e:{switch(Ui(e,n),e=n.pendingProps,r=(t=r._init)(r._payload),n.type=r,t=n.tag=function(e){if("function"==typeof e)return $s(e)?1:0;if(null!=e){if((e=e.$$typeof)===O)return 11;if(e===N)return 14}return 2}(r),e=oi(r,e),t){case 0:n=Si(null,n,r,e,o);break e;case 1:n=Ti(null,n,r,e,o);break e;case 11:n=wi(null,n,r,e,o);break e;case 14:n=_i(null,n,r,oi(r.type,e),o);break e}throw Error(a(306,r,""))}return n;case 0:return r=n.type,t=n.pendingProps,Si(e,n,r,t=n.elementType===r?t:oi(r,t),o);case 1:return r=n.type,t=n.pendingProps,Ti(e,n,r,t=n.elementType===r?t:oi(r,t),o);case 3:e:{if(Ci(n),null===e)throw Error(a(387));r=n.pendingProps,t=(l=n.memoizedState).element,Ra(e,n),Ua(n,r,null,o);var i=n.memoizedState;if(r=i.element,l.isDehydrated){if(l={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},n.updateQueue.baseState=l,n.memoizedState=l,256&n.flags){n=Li(e,n,r,o,t=si(Error(a(423)),n));break e}if(r!==t){n=Li(e,n,r,o,t=si(Error(a(424)),n));break e}for(ta=dt(n.stateNode.containerInfo.firstChild),ra=n,aa=!0,la=null,o=_a(n,null,r,o),n.child=o;o;)o.flags=-3&o.flags|4096,o=o.sibling}else{if(ba(),r===t){n=Hi(e,n,o);break e}yi(e,n,r,o)}n=n.child}return n;case 5:return Xa(n),null===e&&da(n),r=n.type,t=n.pendingProps,l=null!==e?e.memoizedProps:null,i=t.children,rt(r,t)?i=null:null!==l&&rt(r,l)&&(n.flags|=32),zi(e,n),yi(e,n,i,o),n.child;case 6:return null===e&&da(n),null;case 13:return Fi(e,n,o);case 4:return Ya(n,n.stateNode.containerInfo),r=n.pendingProps,null===e?n.child=wa(n,null,r,o):yi(e,n,r,o),n.child;case 11:return r=n.type,t=n.pendingProps,wi(e,n,r,t=n.elementType===r?t:oi(r,t),o);case 7:return yi(e,n,n.pendingProps,o),n.child;case 8:case 12:return yi(e,n,n.pendingProps.children,o),n.child;case 10:e:{if(r=n.type._context,t=n.pendingProps,l=n.memoizedProps,i=t.value,Tt(Ea,r._currentValue),r._currentValue=i,null!==l)if(cr(l.value,i)){if(l.children===t.children&&!Lt.current){n=Hi(e,n,o);break e}}else for(null!==(l=n.child)&&(l.return=n);null!==l;){var c=l.dependencies;if(null!==c){i=l.child;for(var s=c.firstContext;null!==s;){if(s.context===r){if(1===l.tag){(s=Da(-1,o&-o)).tag=2;var d=l.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}}l.lanes|=o,null!==(s=l.alternate)&&(s.lanes|=o),Ca(l.return,o,n),c.lanes|=o;break}s=s.next}}else if(10===l.tag)i=l.type===n.type?null:l.child;else if(18===l.tag){if(null===(i=l.return))throw Error(a(341));i.lanes|=o,null!==(c=i.alternate)&&(c.lanes|=o),Ca(i,o,n),i=l.sibling}else i=l.child;if(null!==i)i.return=l;else for(i=l;null!==i;){if(i===n){i=null;break}if(null!==(l=i.sibling)){l.return=i.return,i=l;break}i=i.return}l=i}yi(e,n,t.children,o),n=n.child}return n;case 9:return t=n.type,r=n.pendingProps.children,La(n,o),r=r(t=Na(t)),n.flags|=1,yi(e,n,r,o),n.child;case 14:return t=oi(r=n.type,n.pendingProps),_i(e,n,r,t=oi(r.type,t),o);case 15:return Ei(e,n,n.type,n.pendingProps,o);case 17:return r=n.type,t=n.pendingProps,t=n.elementType===r?t:oi(r,t),Ui(e,n),n.tag=1,At(r)?(e=!0,Ft(n)):e=!1,La(n,o),li(n,r,t),ci(n,r,t,o),Oi(null,n,r,!0,e,o);case 19:return Bi(e,n,o);case 22:return xi(e,n,o)}throw Error(a(156,n.tag))};var Ws="function"==typeof reportError?reportError:function(e){console.error(e)};function Zs(e){this._internalRoot=e}function Gs(e){this._internalRoot=e}function Ys(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Qs(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Xs(){}function Js(e,n,o,r,t){var a=o._reactRootContainer;if(a){var l=a;if("function"==typeof t){var i=t;t=function(){var e=Hs(l);i.call(e)}}Us(n,l,e,t)}else l=function(e,n,o,r,t){if(t){if("function"==typeof r){var a=r;r=function(){var e=Hs(l);a.call(e)}}var l=Bs(n,r,e,0,null,!1,0,"",Xs);return e._reactRootContainer=l,e[pt]=l.current,Ur(8===e.nodeType?e.parentNode:e),ds(),l}for(;t=e.lastChild;)e.removeChild(t);if("function"==typeof r){var i=r;r=function(){var e=Hs(c);i.call(e)}}var c=Ks(e,0,!1,null,0,!1,0,"",Xs);return e._reactRootContainer=c,e[pt]=c.current,Ur(8===e.nodeType?e.parentNode:e),ds((function(){Us(n,c,o,r)})),c}(o,n,e,t,r);return Hs(l)}Gs.prototype.render=Zs.prototype.render=function(e){var n=this._internalRoot;if(null===n)throw Error(a(409));Us(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(){Us(null,e,null,null)})),n[pt]=null}},Gs.prototype.unstable_scheduleHydration=function(e){if(e){var n=zn();e={blockedOn:null,target:e,priority:n};for(var o=0;o<In.length&&0!==n&&n<In[o].priority;o++);In.splice(o,0,e),0===o&&Rn(e)}},_n=function(e){switch(e.tag){case 3:var n=e.stateNode;if(n.current.memoizedState.isDehydrated){var o=hn(n.pendingLanes);0!==o&&(kn(n,1|o),rs(n,Qe()),!(6&Oc)&&(Bc=Qe()+500,Ut()))}break;case 13:ds((function(){var n=Pa(e,1);if(null!==n){var o=es();os(n,e,1,o)}})),qs(e,1)}},En=function(e){if(13===e.tag){var n=Pa(e,134217728);null!==n&&os(n,e,134217728,es()),qs(e,134217728)}},xn=function(e){if(13===e.tag){var n=ns(e),o=Pa(e,n);null!==o&&os(o,e,n,es()),qs(e,n)}},zn=function(){return yn},Sn=function(e,n){var o=yn;try{return yn=e,n()}finally{yn=o}},_e=function(e,n,o){switch(n){case"input":if(X(e,o),n=o.name,"radio"===o.type&&null!=n){for(o=e;o.parentNode;)o=o.parentNode;for(o=o.querySelectorAll("input[name="+JSON.stringify(""+n)+'][type="radio"]'),n=0;n<o.length;n++){var r=o[n];if(r!==e&&r.form===e.form){var t=_t(r);if(!t)throw Error(a(90));W(r),X(r,t)}}}break;case"textarea":ae(e,o);break;case"select":null!=(n=o.value)&&oe(e,!!o.multiple,n,!1)}},Oe=ss,Ce=ds;var ed={usingClientEntryPoint:!1,Events:[yt,wt,_t,Se,Te,ss]},nd={findFiberByHostInstance:kt,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},od={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:y.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 rd=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!rd.isDisabled&&rd.supportsFiber)try{tn=rd.inject(od),an=rd}catch(de){}}n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ed,n.createPortal=function(e,n){var o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Ys(n))throw Error(a(200));return function(e,n,o){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:_,key:null==r?null:""+r,children:e,containerInfo:n,implementation:o}}(e,n,null,o)},n.createRoot=function(e,n){if(!Ys(e))throw Error(a(299));var o=!1,r="",t=Ws;return null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(r=n.identifierPrefix),void 0!==n.onRecoverableError&&(t=n.onRecoverableError)),n=Ks(e,1,!1,null,0,o,0,r,t),e[pt]=n.current,Ur(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(a(188));throw e=Object.keys(e).join(","),Error(a(268,e))}return null===(e=Ve(n))?null:e.stateNode},n.flushSync=function(e){return ds(e)},n.hydrate=function(e,n,o){if(!Qs(n))throw Error(a(200));return Js(null,e,n,!0,o)},n.hydrateRoot=function(e,n,o){if(!Ys(e))throw Error(a(405));var r=null!=o&&o.hydratedSources||null,t=!1,l="",i=Ws;if(null!=o&&(!0===o.unstable_strictMode&&(t=!0),void 0!==o.identifierPrefix&&(l=o.identifierPrefix),void 0!==o.onRecoverableError&&(i=o.onRecoverableError)),n=Bs(n,null,e,1,null!=o?o:null,t,0,l,i),e[pt]=n.current,Ur(e),r)for(e=0;e<r.length;e++)t=(t=(o=r[e])._getVersion)(o._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[o,t]:n.mutableSourceEagerHydrationData.push(o,t);return new Gs(n)},n.render=function(e,n,o){if(!Qs(n))throw Error(a(200));return Js(null,e,n,!1,o)},n.unmountComponentAtNode=function(e){if(!Qs(e))throw Error(a(40));return!!e._reactRootContainer&&(ds((function(){Js(null,null,e,!1,(function(){e._reactRootContainer=null,e[pt]=null}))})),!0)},n.unstable_batchedUpdates=ss,n.unstable_renderSubtreeIntoContainer=function(e,n,o,r){if(!Qs(o))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Js(e,n,o,!1,r)},n.version="18.3.1-next-f1338f8080-20240426"},8401:(e,n,o)=>{"use strict";var r=o(1960);n.H=r.createRoot,r.hydrateRoot},1960:(e,n,o)=>{"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=o(808)},1196:e=>{"use strict";var n=Array.isArray,o=Object.keys,r=Object.prototype.hasOwnProperty,t="undefined"!=typeof Element;function a(e,l){if(e===l)return!0;if(e&&l&&"object"==typeof e&&"object"==typeof l){var i,c,s,d=n(e),u=n(l);if(d&&u){if((c=e.length)!=l.length)return!1;for(i=c;0!=i--;)if(!a(e[i],l[i]))return!1;return!0}if(d!=u)return!1;var h=e instanceof Date,m=l instanceof Date;if(h!=m)return!1;if(h&&m)return e.getTime()==l.getTime();var b=e instanceof RegExp,p=l instanceof RegExp;if(b!=p)return!1;if(b&&p)return e.toString()==l.toString();var f=o(e);if((c=f.length)!==o(l).length)return!1;for(i=c;0!=i--;)if(!r.call(l,f[i]))return!1;if(t&&e instanceof Element&&l instanceof Element)return e===l;for(i=c;0!=i--;)if(!("_owner"===(s=f[i])&&e.$$typeof||a(e[s],l[s])))return!1;return!0}return e!=e&&l!=l}e.exports=function(e,n){try{return a(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}}},5636:(e,n)=>{"use strict";var o="function"==typeof Symbol&&Symbol.for,r=o?Symbol.for("react.element"):60103,t=o?Symbol.for("react.portal"):60106,a=o?Symbol.for("react.fragment"):60107,l=o?Symbol.for("react.strict_mode"):60108,i=o?Symbol.for("react.profiler"):60114,c=o?Symbol.for("react.provider"):60109,s=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.async_mode"):60111,u=o?Symbol.for("react.concurrent_mode"):60111,h=o?Symbol.for("react.forward_ref"):60112,m=o?Symbol.for("react.suspense"):60113,b=o?Symbol.for("react.suspense_list"):60120,p=o?Symbol.for("react.memo"):60115,f=o?Symbol.for("react.lazy"):60116,g=o?Symbol.for("react.block"):60121,v=o?Symbol.for("react.fundamental"):60117,k=o?Symbol.for("react.responder"):60118,y=o?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case r:switch(e=e.type){case d:case u:case a:case i:case l:case m:return e;default:switch(e=e&&e.$$typeof){case s:case h:case f:case p:case c:return e;default:return n}}case t:return n}}}function _(e){return w(e)===u}n.AsyncMode=d,n.ConcurrentMode=u,n.ContextConsumer=s,n.ContextProvider=c,n.Element=r,n.ForwardRef=h,n.Fragment=a,n.Lazy=f,n.Memo=p,n.Portal=t,n.Profiler=i,n.StrictMode=l,n.Suspense=m,n.isAsyncMode=function(e){return _(e)||w(e)===d},n.isConcurrentMode=_,n.isContextConsumer=function(e){return w(e)===s},n.isContextProvider=function(e){return w(e)===c},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},n.isForwardRef=function(e){return w(e)===h},n.isFragment=function(e){return w(e)===a},n.isLazy=function(e){return w(e)===f},n.isMemo=function(e){return w(e)===p},n.isPortal=function(e){return w(e)===t},n.isProfiler=function(e){return w(e)===i},n.isStrictMode=function(e){return w(e)===l},n.isSuspense=function(e){return w(e)===m},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===u||e===i||e===l||e===m||e===b||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===p||e.$$typeof===c||e.$$typeof===s||e.$$typeof===h||e.$$typeof===v||e.$$typeof===k||e.$$typeof===y||e.$$typeof===g)},n.typeOf=w},8952:(e,n,o)=>{"use strict";e.exports=o(5636)},4370:(e,n)=>{"use strict";var o=Symbol.for("react.element"),r=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),l=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"),h=Symbol.for("react.lazy"),m=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,f={};function g(e,n,o){this.props=e,this.context=n,this.refs=f,this.updater=o||b}function v(){}function k(e,n,o){this.props=e,this.context=n,this.refs=f,this.updater=o||b}g.prototype.isReactComponent={},g.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")},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=g.prototype;var y=k.prototype=new v;y.constructor=k,p(y,g.prototype),y.isPureReactComponent=!0;var w=Array.isArray,_=Object.prototype.hasOwnProperty,E={current:null},x={key:!0,ref:!0,__self:!0,__source:!0};function z(e,n,r){var t,a={},l=null,i=null;if(null!=n)for(t in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(l=""+n.key),n)_.call(n,t)&&!x.hasOwnProperty(t)&&(a[t]=n[t]);var c=arguments.length-2;if(1===c)a.children=r;else if(1<c){for(var s=Array(c),d=0;d<c;d++)s[d]=arguments[d+2];a.children=s}if(e&&e.defaultProps)for(t in c=e.defaultProps)void 0===a[t]&&(a[t]=c[t]);return{$$typeof:o,type:e,key:l,ref:i,props:a,_owner:E.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var T=/\/+/g;function O(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 C(e,n,t,a,l){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 o:case r:c=!0}}if(c)return l=l(c=e),e=""===a?"."+O(c,0):a,w(l)?(t="",null!=e&&(t=e.replace(T,"$&/")+"/"),C(l,n,t,"",(function(e){return e}))):null!=l&&(S(l)&&(l=function(e,n){return{$$typeof:o,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(l,t+(!l.key||c&&c.key===l.key?"":(""+l.key).replace(T,"$&/")+"/")+e)),n.push(l)),1;if(c=0,a=""===a?".":a+":",w(e))for(var s=0;s<e.length;s++){var d=a+O(i=e[s],s);c+=C(i,n,t,d,l)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=m&&e[m]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=C(i=i.value,n,t,d=a+O(i,s++),l);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,o){if(null==e)return e;var r=[],t=0;return C(e,r,"","",(function(e){return n.call(o,e,t++)})),r}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 $={current:null},A={transition:null},I={ReactCurrentDispatcher:$,ReactCurrentBatchConfig:A,ReactCurrentOwner:E};n.Children={map:L,forEach:function(e,n,o){L(e,(function(){n.apply(this,arguments)}),o)},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=g,n.Fragment=t,n.Profiler=l,n.PureComponent=k,n.StrictMode=a,n.Suspense=d,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,n.cloneElement=function(e,n,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var t=p({},e.props),a=e.key,l=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(l=n.ref,i=E.current),void 0!==n.key&&(a=""+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in n)_.call(n,s)&&!x.hasOwnProperty(s)&&(t[s]=void 0===n[s]&&void 0!==c?c[s]:n[s])}var s=arguments.length-2;if(1===s)t.children=r;else if(1<s){c=Array(s);for(var d=0;d<s;d++)c[d]=arguments[d+2];t.children=c}return{$$typeof:o,type:e.type,key:a,ref:l,props:t,_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:h,_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=A.transition;A.transition={};try{e()}finally{A.transition=n}},n.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},n.useCallback=function(e,n){return $.current.useCallback(e,n)},n.useContext=function(e){return $.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return $.current.useDeferredValue(e)},n.useEffect=function(e,n){return $.current.useEffect(e,n)},n.useId=function(){return $.current.useId()},n.useImperativeHandle=function(e,n,o){return $.current.useImperativeHandle(e,n,o)},n.useInsertionEffect=function(e,n){return $.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return $.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return $.current.useMemo(e,n)},n.useReducer=function(e,n,o){return $.current.useReducer(e,n,o)},n.useRef=function(e){return $.current.useRef(e)},n.useState=function(e){return $.current.useState(e)},n.useSyncExternalStore=function(e,n,o){return $.current.useSyncExternalStore(e,n,o)},n.useTransition=function(){return $.current.useTransition()},n.version="18.2.0"},2331:(e,n,o)=>{"use strict";e.exports=o(4370)},4262:(e,n)=>{"use strict";var o=Symbol.for("react.element"),r=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),l=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"),h=Symbol.for("react.lazy"),m=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,f={};function g(e,n,o){this.props=e,this.context=n,this.refs=f,this.updater=o||b}function v(){}function k(e,n,o){this.props=e,this.context=n,this.refs=f,this.updater=o||b}g.prototype.isReactComponent={},g.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")},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=g.prototype;var y=k.prototype=new v;y.constructor=k,p(y,g.prototype),y.isPureReactComponent=!0;var w=Array.isArray,_=Object.prototype.hasOwnProperty,E={current:null},x={key:!0,ref:!0,__self:!0,__source:!0};function z(e,n,r){var t,a={},l=null,i=null;if(null!=n)for(t in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(l=""+n.key),n)_.call(n,t)&&!x.hasOwnProperty(t)&&(a[t]=n[t]);var c=arguments.length-2;if(1===c)a.children=r;else if(1<c){for(var s=Array(c),d=0;d<c;d++)s[d]=arguments[d+2];a.children=s}if(e&&e.defaultProps)for(t in c=e.defaultProps)void 0===a[t]&&(a[t]=c[t]);return{$$typeof:o,type:e,key:l,ref:i,props:a,_owner:E.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var T=/\/+/g;function O(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 C(e,n,t,a,l){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 o:case r:c=!0}}if(c)return l=l(c=e),e=""===a?"."+O(c,0):a,w(l)?(t="",null!=e&&(t=e.replace(T,"$&/")+"/"),C(l,n,t,"",(function(e){return e}))):null!=l&&(S(l)&&(l=function(e,n){return{$$typeof:o,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(l,t+(!l.key||c&&c.key===l.key?"":(""+l.key).replace(T,"$&/")+"/")+e)),n.push(l)),1;if(c=0,a=""===a?".":a+":",w(e))for(var s=0;s<e.length;s++){var d=a+O(i=e[s],s);c+=C(i,n,t,d,l)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=m&&e[m]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=C(i=i.value,n,t,d=a+O(i,s++),l);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,o){if(null==e)return e;var r=[],t=0;return C(e,r,"","",(function(e){return n.call(o,e,t++)})),r}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 $={current:null},A={transition:null},I={ReactCurrentDispatcher:$,ReactCurrentBatchConfig:A,ReactCurrentOwner:E};function P(){throw Error("act(...) is not supported in production builds of React.")}n.Children={map:L,forEach:function(e,n,o){L(e,(function(){n.apply(this,arguments)}),o)},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=g,n.Fragment=t,n.Profiler=l,n.PureComponent=k,n.StrictMode=a,n.Suspense=d,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,n.act=P,n.cloneElement=function(e,n,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var t=p({},e.props),a=e.key,l=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(l=n.ref,i=E.current),void 0!==n.key&&(a=""+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in n)_.call(n,s)&&!x.hasOwnProperty(s)&&(t[s]=void 0===n[s]&&void 0!==c?c[s]:n[s])}var s=arguments.length-2;if(1===s)t.children=r;else if(1<s){c=Array(s);for(var d=0;d<s;d++)c[d]=arguments[d+2];t.children=c}return{$$typeof:o,type:e.type,key:a,ref:l,props:t,_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:h,_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=A.transition;A.transition={};try{e()}finally{A.transition=n}},n.unstable_act=P,n.useCallback=function(e,n){return $.current.useCallback(e,n)},n.useContext=function(e){return $.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return $.current.useDeferredValue(e)},n.useEffect=function(e,n){return $.current.useEffect(e,n)},n.useId=function(){return $.current.useId()},n.useImperativeHandle=function(e,n,o){return $.current.useImperativeHandle(e,n,o)},n.useInsertionEffect=function(e,n){return $.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return $.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return $.current.useMemo(e,n)},n.useReducer=function(e,n,o){return $.current.useReducer(e,n,o)},n.useRef=function(e){return $.current.useRef(e)},n.useState=function(e){return $.current.useState(e)},n.useSyncExternalStore=function(e,n,o){return $.current.useSyncExternalStore(e,n,o)},n.useTransition=function(){return $.current.useTransition()},n.version="18.3.1"},9863:(e,n,o)=>{"use strict";e.exports=o(4262)},3746:(e,n)=>{"use strict";function o(e,n){var o=e.length;e.push(n);e:for(;0<o;){var r=o-1>>>1,t=e[r];if(!(0<a(t,n)))break e;e[r]=n,e[o]=t,o=r}}function r(e){return 0===e.length?null:e[0]}function t(e){if(0===e.length)return null;var n=e[0],o=e.pop();if(o!==n){e[0]=o;e:for(var r=0,t=e.length,l=t>>>1;r<l;){var i=2*(r+1)-1,c=e[i],s=i+1,d=e[s];if(0>a(c,o))s<t&&0>a(d,c)?(e[r]=d,e[s]=o,r=s):(e[r]=c,e[i]=o,r=i);else{if(!(s<t&&0>a(d,o)))break e;e[r]=d,e[s]=o,r=s}}}return n}function a(e,n){var o=e.sortIndex-n.sortIndex;return 0!==o?o:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var l=performance;n.unstable_now=function(){return l.now()}}else{var i=Date,c=i.now();n.unstable_now=function(){return i.now()-c}}var s=[],d=[],u=1,h=null,m=3,b=!1,p=!1,f=!1,g="function"==typeof setTimeout?setTimeout:null,v="function"==typeof clearTimeout?clearTimeout:null,k="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var n=r(d);null!==n;){if(null===n.callback)t(d);else{if(!(n.startTime<=e))break;t(d),n.sortIndex=n.expirationTime,o(s,n)}n=r(d)}}function w(e){if(f=!1,y(e),!p)if(null!==r(s))p=!0,A(_);else{var n=r(d);null!==n&&I(w,n.startTime-e)}}function _(e,o){p=!1,f&&(f=!1,v(S),S=-1),b=!0;var a=m;try{for(y(o),h=r(s);null!==h&&(!(h.expirationTime>o)||e&&!C());){var l=h.callback;if("function"==typeof l){h.callback=null,m=h.priorityLevel;var i=l(h.expirationTime<=o);o=n.unstable_now(),"function"==typeof i?h.callback=i:h===r(s)&&t(s),y(o)}else t(s);h=r(s)}if(null!==h)var c=!0;else{var u=r(d);null!==u&&I(w,u.startTime-o),c=!1}return c}finally{h=null,m=a,b=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var E,x=!1,z=null,S=-1,T=5,O=-1;function C(){return!(n.unstable_now()-O<T)}function L(){if(null!==z){var e=n.unstable_now();O=e;var o=!0;try{o=z(!0,e)}finally{o?E():(x=!1,z=null)}}else x=!1}if("function"==typeof k)E=function(){k(L)};else if("undefined"!=typeof MessageChannel){var N=new MessageChannel,$=N.port2;N.port1.onmessage=L,E=function(){$.postMessage(null)}}else E=function(){g(L,0)};function A(e){z=e,x||(x=!0,E())}function I(e,o){S=g((function(){e(n.unstable_now())}),o)}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,A(_))},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 m},n.unstable_getFirstCallbackNode=function(){return r(s)},n.unstable_next=function(e){switch(m){case 1:case 2:case 3:var n=3;break;default:n=m}var o=m;m=n;try{return e()}finally{m=o}},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 o=m;m=e;try{return n()}finally{m=o}},n.unstable_scheduleCallback=function(e,t,a){var l=n.unstable_now();switch(a="object"==typeof a&&null!==a&&"number"==typeof(a=a.delay)&&0<a?l+a:l,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:t,priorityLevel:e,startTime:a,expirationTime:i=a+i,sortIndex:-1},a>l?(e.sortIndex=a,o(d,e),null===r(s)&&e===r(d)&&(f?(v(S),S=-1):f=!0,I(w,a-l))):(e.sortIndex=i,o(s,e),p||b||(p=!0,A(_))),e},n.unstable_shouldYield=C,n.unstable_wrapCallback=function(e){var n=m;return function(){var o=m;m=n;try{return e.apply(this,arguments)}finally{m=o}}}},5589:(e,n,o)=>{"use strict";e.exports=o(3746)},2654:e=>{"use strict";const n=/[A-Z\xc0-\xd6\xd8-\xde]?[a-z\xdf-\xf6\xf8-\xff]+(?:['’](?:d|ll|m|re|s|t|ve))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde]|$)|(?:[A-Z\xc0-\xd6\xd8-\xde]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:D|LL|M|RE|S|T|VE))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde](?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])|$)|[A-Z\xc0-\xd6\xd8-\xde]?(?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:d|ll|m|re|s|t|ve))?|[A-Z\xc0-\xd6\xd8-\xde]+(?:['’](?:D|LL|M|RE|S|T|VE))?|\d*(?:1ST|2ND|3RD|(?![123])\dTH)(?=\b|[a-z_])|\d*(?:1st|2nd|3rd|(?![123])\dth)(?=\b|[A-Z_])|\d+|(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?)*/g,o=e=>e.match(n)||[],r=e=>e[0].toUpperCase()+e.slice(1),t=(e,n)=>o(e).join(n).toLowerCase(),a=e=>o(e).reduce(((e,n)=>`${e}${e?n[0].toUpperCase()+n.slice(1).toLowerCase():n.toLowerCase()}`),"");e.exports={words:o,upperFirst:r,camelCase:a,pascalCase:e=>r(a(e)),snakeCase:e=>t(e,"_"),kebabCase:e=>t(e,"-"),sentenceCase:e=>r(t(e," ")),titleCase:e=>o(e).map(r).join(" ")}},3418:e=>{"use strict";function n(e,n){var o=e.length,r=new Array(o),t={},a=o,l=function(e){for(var n=new Map,o=0,r=e.length;o<r;o++){var t=e[o];n.has(t[0])||n.set(t[0],new Set),n.has(t[1])||n.set(t[1],new Set),n.get(t[0]).add(t[1])}return n}(n),i=function(e){for(var n=new Map,o=0,r=e.length;o<r;o++)n.set(e[o],o);return n}(e);for(n.forEach((function(e){if(!i.has(e[0])||!i.has(e[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")}));a--;)t[a]||c(e[a],a,new Set);return r;function c(e,n,a){if(a.has(e)){var s;try{s=", node was:"+JSON.stringify(e)}catch(e){s=""}throw new Error("Cyclic dependency"+s)}if(!i.has(e))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(e));if(!t[n]){t[n]=!0;var d=l.get(e)||new Set;if(n=(d=Array.from(d)).length){a.add(e);do{var u=d[--n];c(u,i.get(u),a)}while(n);a.delete(e)}r[--o]=e}}}e.exports=function(e){return n(function(e){for(var n=new Set,o=0,r=e.length;o<r;o++){var t=e[o];n.add(t[0]),n.add(t[1])}return Array.from(n)}(e),e)},e.exports.array=n},8037:(e,n,o)=>{"use strict";let r;o.d(n,{o:()=>l,s:()=>a});const t=[],a=e=>{r=e,t.forEach((n=>{n(e)}))},l=(e,n=!0)=>(n&&"string"==typeof r&&e(r),t.push(e),()=>{const n=t.indexOf(e);n>=0&&t.splice(n,1)})},7883:(e,n,o)=>{"use strict";o.d(n,{K:()=>ie,a:()=>p,b:()=>l,c:()=>c,d:()=>_,e:()=>K,f:()=>h,g:()=>M,h:()=>z,i:()=>P,j:()=>y,k:()=>b,l:()=>G,m:()=>q,n:()=>ne,o:()=>re,p:()=>V,q:()=>he,r:()=>de,s:()=>be,t:()=>s,u:()=>ce,v:()=>ue,w:()=>se});let r="kol-abbr",t="kol-accordion",a="kol-alert",l="kol-alert-wc",i="kol-avatar",c="kol-avatar-wc",s="kol-badge",d="kol-breadcrumb",u="kol-button-group",h="kol-button-group-wc",m="kol-button-link",b="kol-button",p="kol-button-wc",f="kol-card",g="kol-combobox",v="kol-details",k="kol-drawer",y="kol-form",w="kol-heading",_="kol-icon",E="kol-image",x="kol-indented-text",z="kol-indented-text-wc",S="kol-input-checkbox",T="kol-input-color",O="kol-input-date",C="kol-input-email",L="kol-input-file",N="kol-input-number",$="kol-input-password",A="kol-input-radio",I="kol-input-range",P="kol-input",j="kol-input-text",F="kol-kolibri",R="kol-link-button",D="kol-link-group",K="kol-link",M="kol-link-wc",B="kol-logo",U="kol-modal",H="kol-nav",V="kol-pagination",q="kol-popover-wc",W="kol-progress",Z="kol-quote",G="kol-select",Y="kol-single-select",Q="kol-skip-nav",X="kol-spin",J="kol-split-button",ee="kol-symbol",ne="kol-table-stateful",oe="kol-table-stateless",re="kol-table-stateless-wc",te="kol-table",ae="kol-tabs",le="kol-textarea",ie="kol-toast-container",ce="kol-tooltip-wc",se="kol-tree-item",de="kol-tree-item-wc",ue="kol-tree",he="kol-tree-wc",me="kol-version";const be=e=>{r=e(r),t=e(t),a=e(a),l=e(l),i=e(i),c=e(c),s=e(s),d=e(d),u=e(u),h=e(h),m=e(m),b=e(b),p=e(p),f=e(f),g=e(g),v=e(v),k=e(k),y=e(y),w=e(w),_=e(_),E=e(E),x=e(x),z=e(z),S=e(S),T=e(T),O=e(O),C=e(C),L=e(L),N=e(N),$=e($),A=e(A),I=e(I),P=e(P),j=e(j),F=e(F),R=e(R),D=e(D),K=e(K),M=e(M),B=e(B),U=e(U),H=e(H),V=e(V),q=e(q),W=e(W),Z=e(Z),G=e(G),Y=e(Y),Q=e(Q),X=e(X),J=e(J),ee=e(ee),ne=e(ne),oe=e(oe),re=e(re),te=e(te),ae=e(ae),le=e(le),ie=e(ie),e(ce),ce=e(ce),se=e(se),de=e(de),ue=e(ue),he=e(he),me=e(me)}},6448:(e,n,o)=>{"use strict";o.d(n,{L:()=>k,a:()=>d,b:()=>u,c:()=>m,d:()=>r,e:()=>c,f:()=>h,g:()=>t,s:()=>s});const r=()=>"undefined"==typeof window?null:window,t=()=>void 0===r().document?null:r().document;let a=!1,l=!1,i=!1;const c=()=>!0===a,s=e=>{a=!0===e},d=()=>!0===l,u=e=>{l=!0===e},h=()=>!0===i,m=e=>{i=!0===e},b=e=>Array.isArray(e)?e:[e],p=e=>`%c${e}`,f=(e,n)=>"string"==typeof n&&n.length>0?`${p(e)} | ${n}`:p(e),g=(e,n)=>[f(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)||""}`],v=(e,n)=>e()||!0===n,k=new class{constructor(e,n){this.label=e,this.devMode=n}debug(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.debug(...g(this.label,n),...b(e))}info(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.info(...g(this.label,n),...b(e))}trace(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.trace(...g(this.label,n),...b(e))}warn(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.warn(...g(this.label,n),...b(e))}error(e,n){console.error(...g(this.label,n),...b(e))}throw(e,n){if(v(this.devMode,null==n?void 0:n.forceLog))throw new Error(...g(this.label,n),...b(e))}}("KoliBri",c)},8457:(e,n,o)=>{"use strict";o.d(n,{g:()=>s,i:()=>d});const r={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",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"},t={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",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"},a=e=>Object.keys(e).reduce(((n,o)=>(n[`kol-${o}`]=e[o],n)),{}),l=new Set([e=>e("en",a(t)),e=>e("de",a(r))]);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 o=this.resourceMap.get(e);return o||(o=new Map,this.resourceMap.set(e,o)),Object.entries(n).forEach((([e,n])=>{n&&o.set(e,n)})),e}))))}setLanguage(e){this.language=e}translate(e,n){var o;let r=null===(o=this.resourceMap.get(this.language))||void 0===o?void 0:o.get(e);return r?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach((([e,n])=>{var o,t;o=`{{${e}}}`,t=n,r=r.split(o).join(t)})):r=e,r}}let c;const s=()=>c,d=(e,n=l)=>(c=new i(e),c.addTranslations(n),c)},1114:(e,n,o)=>{"use strict";o.d(n,{E:()=>s,F:()=>Me,H:()=>B,a:()=>Z,b:()=>Ke,g:()=>G,h:()=>K,r:()=>m});var r=Object.defineProperty,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,i=(e,n,o)=>n in e?r(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,c=(e,n,o)=>new Promise(((r,t)=>{var a=e=>{try{i(o.next(e))}catch(e){t(e)}},l=e=>{try{i(o.throw(e))}catch(e){t(e)}},i=e=>e.done?r(e.value):Promise.resolve(e.value).then(a,l);i((o=o.apply(e,n)).next())}));const s={kolibriVersion:"4.0.0-alpha.0"};var d=Object.defineProperty,u=new WeakMap,h=e=>u.get(e),m=(e,n)=>u.set(n.$lazyInstance$=e,n),b=(e,n)=>n in e,p=(e,n)=>(0,console.error)(e,n),f=new Map,g=new Map,v=[],k="s-id",y="c-id",w="slot-fb{display:contents}slot-fb[hidden]{display:none}",_="http://www.w3.org/1999/xlink",E="undefined"!=typeof window?window:{},x=E.document||{head:{}},z={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,o,r)=>e.addEventListener(n,o,r),rel:(e,n,o,r)=>e.removeEventListener(n,o,r),ce:(e,n)=>new CustomEvent(e,n)},S=(()=>{let e=!1;try{x.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})(),O=e=>Promise.resolve(undefined).then(e),C={},L=e=>"object"==(e=typeof e)||"function"===e;function N(e){var n,o,r;return null!=(r=null==(o=null==(n=e.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:o.getAttribute("content"))?r:void 0}((e,n)=>{for(var o in n)d(e,o,{get:n[o],enumerable:!0})})({},{err:()=>A,map:()=>I,ok:()=>$,unwrap:()=>R,unwrapErr:()=>D});var $=e=>({isOk:!0,isErr:!1,value:e}),A=e=>({isOk:!1,isErr:!0,value:e});function I(e,n){if(e.isOk){const o=n(e.value);return o instanceof Promise?o.then((e=>$(e))):$(o)}if(e.isErr){const n=e.value;return A(n)}throw"should never get here"}var P,j,F,R=e=>{if(e.isOk)return e.value;throw e.value},D=e=>{if(e.isErr)return e.value;throw e.value},K=(e,n,...o)=>{let r=null,t=null,a=null,l=!1,i=!1;const c=[],s=n=>{for(let o=0;o<n.length;o++)r=n[o],Array.isArray(r)?s(r):null!=r&&"boolean"!=typeof r&&((l="function"!=typeof e&&!L(r))&&(r=String(r)),l&&i?c[c.length-1].$text$+=r:c.push(l?M(null,r):r),i=l)};if(s(o),n){n.key&&(t=n.key),n.name&&(a=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,U);const d=M(e,null);return d.$attrs$=n,c.length>0&&(d.$children$=c),d.$key$=t,d.$name$=a,d},M=(e,n)=>({$flags$:0,$tag$:e,$text$:n,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null}),B={},U={forEach:(e,n)=>e.map(H).forEach(n),map:(e,n)=>e.map(H).map(n).map(V)},H=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 o in n||(n={}))a.call(n,o)&&i(e,o,n[o]);if(t)for(var o of t(n))l.call(n,o)&&i(e,o,n[o]);return e})({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),K(e.vtag,n,...e.vchildren||[])}const n=M(e.vtag,e.vtext);return n.$attrs$=e.vattrs,n.$children$=e.vchildren,n.$key$=e.vkey,n.$name$=e.vname,n},q=(e,n,o,r,t,a,l)=>{let i,c,s,d;if(1===a.nodeType){if(i=a.getAttribute(y),i&&(c=i.split("."),c[0]!==l&&"0"!==c[0]||(s={$flags$:0,$hostId$:c[0],$nodeId$:c[1],$depth$:c[2],$index$:c[3],$tag$:a.tagName.toLowerCase(),$elm$:a,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},n.push(s),a.removeAttribute(y),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,e=s,r&&"0"===s.$depth$&&(r[s.$index$]=s.$elm$))),a.shadowRoot)for(d=a.shadowRoot.childNodes.length-1;d>=0;d--)q(e,n,o,r,t,a.shadowRoot.childNodes[d],l);for(d=a.childNodes.length-1;d>=0;d--)q(e,n,o,r,t,a.childNodes[d],l)}else if(8===a.nodeType)c=a.nodeValue.split("."),c[1]!==l&&"0"!==c[1]||(i=c[0],s={$flags$:0,$hostId$:c[1],$nodeId$:c[2],$depth$:c[3],$index$:c[4],$elm$:a,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===i?(s.$elm$=a.nextSibling,s.$elm$&&3===s.$elm$.nodeType&&(s.$text$=s.$elm$.textContent,n.push(s),a.remove(),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,r&&"0"===s.$depth$&&(r[s.$index$]=s.$elm$))):s.$hostId$===l&&("s"===i?(s.$tag$="slot",c[5]?a["s-sn"]=s.$name$=c[5]:a["s-sn"]="",a["s-sr"]=!0,r&&(s.$elm$=x.createElement(s.$tag$),s.$name$&&s.$elm$.setAttribute("name",s.$name$),a.parentNode.insertBefore(s.$elm$,a),a.remove(),"0"===s.$depth$&&(r[s.$index$]=s.$elm$)),o.push(s),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s):"r"===i&&(r?a.remove():(t["s-cr"]=a,a["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const n=M(null,a.textContent);n.$elm$=a,n.$index$="0",e.$children$=[n]}},W=(e,n)=>{if(1===e.nodeType){let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)W(e.shadowRoot.childNodes[o],n);for(o=0;o<e.childNodes.length;o++)W(e.childNodes[o],n)}else if(8===e.nodeType){const o=e.nodeValue.split(".");"o"===o[0]&&(n.set(o[1]+"."+o[2],e),e.nodeValue="",e["s-en"]=o[3])}},Z=e=>v.push(e),G=e=>h(e).$hostElement$,Y=new WeakMap,Q=(e,n,o)=>{var r;const t=X(n,o),a=g.get(t);if(e=11===e.nodeType?e:x,a)if("string"==typeof a){e=e.head||e;let o,l=Y.get(e);if(l||Y.set(e,l=new Set),!l.has(t)){if(e.host&&(o=e.querySelector(`[sty-id="${t}"]`)))o.innerHTML=a;else{o=x.createElement("style"),o.innerHTML=a;const t=null!=(r=z.$nonce$)?r:N(x);null!=t&&o.setAttribute("nonce",t),(!(1&n.$flags$)||1&n.$flags$&&"HEAD"!==e.nodeName)&&e.insertBefore(o,e.querySelector("link"))}4&n.$flags$&&(o.innerHTML+=w),l&&l.add(t)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return t},X=(e,n)=>"sc-"+(n&&32&e.$flags$?e.$tagName$+"-"+n:e.$tagName$),J=(e,n,o,r,t,a)=>{if(o!==r){let l=b(e,n),i=n.toLowerCase();if("class"===n){const n=e.classList,t=ne(o),a=ne(r);n.remove(...t.filter((e=>e&&!a.includes(e)))),n.add(...a.filter((e=>e&&!t.includes(e))))}else if("style"===n){for(const n in o)r&&null!=r[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in r)o&&r[n]===o[n]||(n.includes("-")?e.style.setProperty(n,r[n]):e.style[n]=r[n])}else if("key"===n);else if("ref"===n)r&&r(e);else if(l||"o"!==n[0]||"n"!==n[1]){const c=L(r);if((l||c&&null!==r)&&!t)try{if(e.tagName.includes("-"))e[n]=r;else{const t=null==r?"":r;"list"===n?l=!1:null!=o&&e[n]==t||(e[n]=t)}}catch(e){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(n=i,s=!0),null==r||!1===r?!1===r&&""!==e.getAttribute(n)||(s?e.removeAttributeNS(_,n):e.removeAttribute(n)):(!l||4&a||t)&&!c&&(r=!0===r?"":r,s?e.setAttributeNS(_,n,r):e.setAttribute(n,r))}else if(n="-"===n[2]?n.slice(3):b(E,i)?i.slice(2):i[2]+n.slice(3),o||r){const t=n.endsWith(oe);n=n.replace(re,""),o&&z.rel(e,n,o,t),r&&z.ael(e,n,r,t)}}},ee=/\s/,ne=e=>e?e.split(ee):[],oe="Capture",re=new RegExp(oe+"$"),te=(e,n,o)=>{const r=11===n.$elm$.nodeType&&n.$elm$.host?n.$elm$.host:n.$elm$,t=e&&e.$attrs$||C,a=n.$attrs$||C;for(const e of ae(Object.keys(t)))e in a||J(r,e,t[e],void 0,o,n.$flags$);for(const e of ae(Object.keys(a)))J(r,e,t[e],a[e],o,n.$flags$)};function ae(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var le=!1,ie=!1,ce=!1,se=!1,de=(e,n,o,r)=>{var t;const a=n.$children$[o];let l,i,c,s=0;if(le||(ce=!0,"slot"===a.$tag$&&(P&&r.classList.add(P+"-s"),a.$flags$|=a.$children$?2:1)),null!==a.$text$)l=a.$elm$=x.createTextNode(a.$text$);else if(1&a.$flags$)l=a.$elm$=x.createTextNode("");else{if(se||(se="svg"===a.$tag$),l=a.$elm$=x.createElementNS(se?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!le&&2&a.$flags$?"slot-fb":a.$tag$),se&&"foreignObject"===a.$tag$&&(se=!1),te(null,a,se),l.getRootNode().querySelector("body"),a.$children$)for(s=0;s<a.$children$.length;++s)i=de(e,a,s,l),i&&l.appendChild(i);"svg"===a.$tag$?se=!1:"foreignObject"===l.tagName&&(se=!0)}return l["s-hn"]=F,3&a.$flags$&&(l["s-sr"]=!0,l["s-cr"]=j,l["s-sn"]=a.$name$||"",l["s-rf"]=null==(t=a.$attrs$)?void 0:t.ref,c=e&&e.$children$&&e.$children$[o],c&&c.$tag$===a.$tag$&&e.$elm$&&ue(e.$elm$,!1)),l},ue=(e,n)=>{z.$flags$|=1;const o=Array.from(e.childNodes);e["s-sr"];for(let e=o.length-1;e>=0;e--){const r=o[e];r["s-hn"]!==F&&r["s-ol"]&&(Ee(fe(r),r,pe(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,ce=!0),n&&ue(r,n)}z.$flags$&=-2},he=(e,n,o,r,t,a)=>{let l,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===F&&(i=i.shadowRoot);t<=a;++t)r[t]&&(l=de(null,o,t,e),l&&(r[t].$elm$=l,Ee(i,l,pe(n))))},me=(e,n,o)=>{for(let r=n;r<=o;++r){const n=e[r];if(n){const e=n.$elm$;_e(n),e&&(ie=!0,e["s-ol"]?e["s-ol"].remove():ue(e,!0),e.remove())}}},be=(e,n,o=!1)=>!(e.$tag$!==n.$tag$||("slot"===e.$tag$?"$nodeId$"in e&&o&&8!==e.$elm$.nodeType||e.$name$!==n.$name$:!o&&e.$key$!==n.$key$)),pe=e=>e&&e["s-ol"]||e,fe=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,ge=(e,n,o=!1)=>{const r=n.$elm$=e.$elm$,t=e.$children$,a=n.$children$,l=n.$tag$,i=n.$text$;let c;null===i?(se="svg"===l||"foreignObject"!==l&&se,("slot"!==l||le)&&te(e,n,se),null!==t&&null!==a?((e,n,o,r,t=!1)=>{let a,l,i=0,c=0,s=0,d=0,u=n.length-1,h=n[0],m=n[u],b=r.length-1,p=r[0],f=r[b];for(;i<=u&&c<=b;)if(null==h)h=n[++i];else if(null==m)m=n[--u];else if(null==p)p=r[++c];else if(null==f)f=r[--b];else if(be(h,p,t))ge(h,p,t),h=n[++i],p=r[++c];else if(be(m,f,t))ge(m,f,t),m=n[--u],f=r[--b];else if(be(h,f,t))"slot"!==h.$tag$&&"slot"!==f.$tag$||ue(h.$elm$.parentNode,!1),ge(h,f,t),Ee(e,h.$elm$,m.$elm$.nextSibling),h=n[++i],f=r[--b];else if(be(m,p,t))"slot"!==h.$tag$&&"slot"!==f.$tag$||ue(m.$elm$.parentNode,!1),ge(m,p,t),Ee(e,m.$elm$,h.$elm$),m=n[--u],p=r[++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?(l=n[s],l.$tag$!==p.$tag$?a=de(n&&n[c],o,s,e):(ge(l,p,t),n[s]=void 0,a=l.$elm$),p=r[++c]):(a=de(n&&n[c],o,c,e),p=r[++c]),a&&Ee(fe(h.$elm$),a,pe(h.$elm$))}i>u?he(e,null==r[b+1]?null:r[b+1].$elm$,o,r,c,b):c>b&&me(n,i,u)})(r,t,n,a,o):null!==a?(null!==e.$text$&&(r.textContent=""),he(r,null,n,a,0,a.length-1)):!o&&null!==t&&me(t,0,t.length-1),se&&"svg"===l&&(se=!1)):(c=r["s-cr"])?c.parentNode.textContent=i:e.$text$!==i&&(r.data=i)},ve=e=>{const n=e.childNodes;for(const e of n)if(1===e.nodeType){if(e["s-sr"]){const o=e["s-sn"];e.hidden=!1;for(const r of n)if(r!==e)if(r["s-hn"]!==e["s-hn"]||""!==o){if(1===r.nodeType&&(o===r.getAttribute("slot")||o===r["s-sn"])||3===r.nodeType&&o===r["s-sn"]){e.hidden=!0;break}}else if(1===r.nodeType||3===r.nodeType&&""!==r.textContent.trim()){e.hidden=!0;break}}ve(e)}},ke=[],ye=e=>{let n,o,r;for(const t of e.childNodes){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){o=n.parentNode.childNodes;const e=t["s-sn"];for(r=o.length-1;r>=0;r--)if(n=o[r],!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==t["s-hn"])if(we(n,e)){let o=ke.find((e=>e.$nodeToRelocate$===n));ie=!0,n["s-sn"]=n["s-sn"]||e,o?(o.$nodeToRelocate$["s-sh"]=t["s-hn"],o.$slotRefNode$=t):(n["s-sh"]=t["s-hn"],ke.push({$slotRefNode$:t,$nodeToRelocate$:n})),n["s-sr"]&&ke.map((e=>{we(e.$nodeToRelocate$,n["s-sn"])&&(o=ke.find((e=>e.$nodeToRelocate$===n)),o&&!e.$slotRefNode$&&(e.$slotRefNode$=o.$slotRefNode$))}))}else ke.some((e=>e.$nodeToRelocate$===n))||ke.push({$nodeToRelocate$:n})}1===t.nodeType&&ye(t)}},we=(e,n)=>1===e.nodeType?null===e.getAttribute("slot")&&""===n||e.getAttribute("slot")===n:e["s-sn"]===n||""===n,_e=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(_e)},Ee=(e,n,o)=>null==e?void 0:e.insertBefore(n,o),xe=(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 xe(e,e.$ancestorComponent$),Se(e,n);e.$flags$|=512},Se=(e,n)=>{const o=e.$hostElement$,r=(e.$cmpMeta$.$tagName$,()=>{}),t=e.$lazyInstance$;if(!t)throw new Error(`Can't render component <${o.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 a;return n&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map((([e,n])=>Ae(t,e,n))),e.$queuedListeners$=void 0),a=Ae(t,"componentWillLoad")),a=Te(a,(()=>Ae(t,"componentWillRender"))),r(),Te(a,(()=>Ce(e,t,n)))},Te=(e,n)=>Oe(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),Oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Ce=(e,n,o)=>c(void 0,null,(function*(){var r;const t=e.$hostElement$,a=(e.$cmpMeta$.$tagName$,()=>{}),l=t["s-rc"];o&&(e=>{const n=e.$cmpMeta$,o=e.$hostElement$,r=n.$flags$,t=(n.$tagName$,()=>{}),a=Q(o.shadowRoot?o.shadowRoot:o.getRootNode(),n,e.$modeName$);10&r&&2&r&&(o["s-sc"]=a,o.classList.add(a+"-h")),t()})(e);const i=(e.$cmpMeta$.$tagName$,()=>{});Le(e,n,t,o),l&&(l.map((e=>e())),t["s-rc"]=void 0),i(),a();{const n=null!=(r=t["s-p"])?r:[],o=()=>Ne(e);0===n.length?o():(Promise.all(n).then(o),e.$flags$|=4,n.length=0)}})),Le=(e,n,o,r)=>{try{n=n.render&&n.render(),e.$flags$|=2,((e,n,o=!1)=>{var r,t,a,l;const i=e.$hostElement$,c=e.$cmpMeta$,s=e.$vnode$||M(null,null),d=(u=n)&&u.$tag$===B?n:K(null,null,n);var u;if(F=i.tagName,c.$attrsToReflect$&&(d.$attrs$=d.$attrs$||{},c.$attrsToReflect$.map((([e,n])=>d.$attrs$[n]=i[e]))),o&&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,P=i["s-sc"],le=!!(1&c.$flags$),j=i["s-cr"],ie=!1,ge(s,d,o),z.$flags$|=1,ce){ye(d.$elm$);for(const e of ke){const n=e.$nodeToRelocate$;if(!n["s-ol"]){const e=x.createTextNode("");e["s-nr"]=n,Ee(n.parentNode,n["s-ol"]=e,n)}}for(const e of ke){const n=e.$nodeToRelocate$,i=e.$slotRefNode$;if(i){const e=i.parentNode;let o=i.nextSibling;{let a=null==(r=n["s-ol"])?void 0:r.previousSibling;for(;a;){let r=null!=(t=a["s-nr"])?t:null;if(r&&r["s-sn"]===n["s-sn"]&&e===r.parentNode){for(r=r.nextSibling;r===n||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}a=a.previousSibling}}(!o&&e!==n.parentNode||n.nextSibling!==o)&&n!==o&&(!n["s-hn"]&&n["s-ol"]&&(n["s-hn"]=n["s-ol"].parentNode.nodeName),Ee(e,n,o),1===n.nodeType&&(n.hidden=null!=(a=n["s-ih"])&&a)),n&&"function"==typeof i["s-rf"]&&i["s-rf"](n)}else 1===n.nodeType&&(o&&(n["s-ih"]=null!=(l=n.hidden)&&l),n.hidden=!0)}}ie&&ve(d.$elm$),z.$flags$&=-2,ke.length=0,j=void 0})(e,n,r)}catch(n){p(n,e.$hostElement$)}return null},Ne=e=>{e.$cmpMeta$.$tagName$;const n=e.$hostElement$,o=e.$lazyInstance$,r=e.$ancestorComponent$;Ae(o,"componentDidRender"),64&e.$flags$||(e.$flags$|=64,Ie(n),Ae(o,"componentDidLoad"),e.$onReadyResolve$(n),r||$e()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&O((()=>ze(e,!1))),e.$flags$&=-517},$e=e=>{Ie(x.documentElement),O((()=>(e=>{const n=z.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(n),n})(E)))},Ae=(e,n,o)=>{if(e&&e[n])try{return e[n](o)}catch(e){p(e)}},Ie=e=>e.classList.add("hydrated"),Pe=(e,n,o)=>{var r,t;const a=e.prototype;if(n.$members$||n.$watchers$||e.watchers){e.watchers&&!n.$watchers$&&(n.$watchers$=e.watchers);const l=Object.entries(null!=(r=n.$members$)?r:{});if(l.map((([e,[r]])=>{31&r||2&o&&32&r?Object.defineProperty(a,e,{get(){return n=e,h(this).$instanceValues$.get(n);var n},set(o){((e,n,o,r)=>{const t=h(e);if(!t)throw new Error(`Couldn't find host element for "${r.$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 a=t.$hostElement$,l=t.$instanceValues$.get(n),i=t.$flags$,c=t.$lazyInstance$;var s,d;s=o,d=r.$members$[n][0],o=null==s||L(s)?s:4&d?"false"!==s&&(""===s||!!s):2&d?parseFloat(s):1&d?String(s):s;const u=Number.isNaN(l)&&Number.isNaN(o);if((!(8&i)||void 0===l)&&o!==l&&!u&&(t.$instanceValues$.set(n,o),c)){if(r.$watchers$&&128&i){const e=r.$watchers$[n];e&&e.map((e=>{try{c[e](o,l,n)}catch(e){p(e,a)}}))}2==(18&i)&&ze(t,!1)}})(this,e,o,n)},configurable:!0,enumerable:!0}):1&o&&64&r&&Object.defineProperty(a,e,{value(...n){var o;const r=h(this);return null==(o=null==r?void 0:r.$onInstancePromise$)?void 0:o.then((()=>{var o;return null==(o=r.$lazyInstance$)?void 0:o[e](...n)}))}})})),1&o){const o=new Map;a.attributeChangedCallback=function(e,r,t){z.jmp((()=>{var l;const i=o.get(e);if(this.hasOwnProperty(i))t=this[i],delete this[i];else{if(a.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==t)return;if(null==i){const o=h(this),a=null==o?void 0:o.$flags$;if(a&&!(8&a)&&128&a&&t!==r){const a=o.$lazyInstance$,i=null==(l=n.$watchers$)?void 0:l[e];null==i||i.forEach((n=>{null!=a[n]&&a[n].call(a,t,r,e)}))}return}}this[i]=(null!==t||"boolean"!=typeof this[i])&&t}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(t=n.$watchers$)?t:{}),...l.filter((([e,n])=>15&n[0])).map((([e,r])=>{var t;const a=r[1]||e;return o.set(a,e),512&r[0]&&(null==(t=n.$attrsToReflect$)||t.push([e,a])),a}))]))}}return e},je=e=>{Ae(e,"connectedCallback")},Fe=e=>{if(!(1&z.$flags$)){const n=h(e),r=n.$cmpMeta$,t=(r.$tagName$,()=>{});if(1&n.$flags$)Be(e,n,r.$listeners$),(null==n?void 0:n.$lazyInstance$)?je(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>je(n.$lazyInstance$)));else{let t;if(n.$flags$|=1,t=e.getAttribute(k),t){if(1&r.$flags$){const n=Q(e.shadowRoot,r,e.getAttribute("s-mode"));e.classList.remove(n+"-h",n+"-s")}((e,n,o,r)=>{const t=e.shadowRoot,a=[],l=t?[]:null,i=r.$vnode$=M(n,null);z.$orgLocNodes$||W(x.body,z.$orgLocNodes$=new Map),e[k]=o,e.removeAttribute(k),q(i,a,[],l,e,e,o),a.map((e=>{const o=e.$hostId$+"."+e.$nodeId$,r=z.$orgLocNodes$.get(o),a=e.$elm$;r&&""===r["s-en"]&&r.parentNode.insertBefore(a,r.nextSibling),t||(a["s-hn"]=n,r&&(a["s-ol"]=r,a["s-ol"]["s-nr"]=a)),z.$orgLocNodes$.delete(o)})),t&&l.map((e=>{e&&t.appendChild(e)}))})(e,r.$tagName$,t,n)}t||12&r.$flags$&&Re(e);{let o=e;for(;o=o.parentNode||o.host;)if(1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){xe(n,n.$ancestorComponent$=o);break}}r.$members$&&Object.entries(r.$members$).map((([n,[o]])=>{if(31&o&&e.hasOwnProperty(n)){const o=e[n];delete e[n],e[n]=o}})),((e,n,r)=>{c(void 0,null,(function*(){let t;if(!(32&n.$flags$)){if(n.$flags$|=32,r.$lazyBundleId$){const e=(e=>{const n=e.$tagName$.replace(/-/g,"_"),r=e.$lazyBundleId$;if(!r)return;const t=f.get(r);if(t)return t[n];{const e=e=>(f.set(r,e),e[n]);switch(r){case"kol-abbr":return Promise.all([o.e(4058),o.e(4943)]).then(o.bind(o,4943)).then(e,p);case"kol-accordion":return Promise.all([o.e(4058),o.e(5356)]).then(o.bind(o,5356)).then(e,p);case"kol-alert":return o.e(8092).then(o.bind(o,8092)).then(e,p);case"kol-avatar":return o.e(3077).then(o.bind(o,3077)).then(e,p);case"kol-badge":return Promise.all([o.e(4058),o.e(1596),o.e(8977)]).then(o.bind(o,8977)).then(e,p);case"kol-breadcrumb":return Promise.all([o.e(4058),o.e(9389)]).then(o.bind(o,9389)).then(e,p);case"kol-button":return o.e(356).then(o.bind(o,356)).then(e,p);case"kol-button-group":return o.e(5034).then(o.bind(o,5034)).then(e,p);case"kol-button-link":return o.e(4933).then(o.bind(o,4933)).then(e,p);case"kol-card":return Promise.all([o.e(4058),o.e(8786)]).then(o.bind(o,8786)).then(e,p);case"kol-details":return Promise.all([o.e(4058),o.e(5840)]).then(o.bind(o,5840)).then(e,p);case"kol-drawer":return Promise.all([o.e(4058),o.e(4025)]).then(o.bind(o,4025)).then(e,p);case"kol-form":return Promise.all([o.e(4058),o.e(3994)]).then(o.bind(o,3994)).then(e,p);case"kol-heading":return Promise.all([o.e(4058),o.e(5296)]).then(o.bind(o,5296)).then(e,p);case"kol-icon":return Promise.all([o.e(4058),o.e(9561)]).then(o.bind(o,9561)).then(e,p);case"kol-image":return Promise.all([o.e(4058),o.e(35)]).then(o.bind(o,35)).then(e,p);case"kol-indented-text":return o.e(2719).then(o.bind(o,2719)).then(e,p);case"kol-input-checkbox":return Promise.all([o.e(4058),o.e(380),o.e(6082)]).then(o.bind(o,6082)).then(e,p);case"kol-input-color":return Promise.all([o.e(4058),o.e(380),o.e(8672)]).then(o.bind(o,8672)).then(e,p);case"kol-input-date":return Promise.all([o.e(4058),o.e(380),o.e(3735)]).then(o.bind(o,3735)).then(e,p);case"kol-input-email":return Promise.all([o.e(4058),o.e(380),o.e(8111)]).then(o.bind(o,8111)).then(e,p);case"kol-input-file":return Promise.all([o.e(4058),o.e(380),o.e(6181)]).then(o.bind(o,6181)).then(e,p);case"kol-input-number":return Promise.all([o.e(4058),o.e(380),o.e(4818)]).then(o.bind(o,4818)).then(e,p);case"kol-input-password":return Promise.all([o.e(4058),o.e(380),o.e(4402)]).then(o.bind(o,4402)).then(e,p);case"kol-input-radio":return Promise.all([o.e(4058),o.e(380),o.e(1636)]).then(o.bind(o,1636)).then(e,p);case"kol-input-text":return Promise.all([o.e(4058),o.e(380),o.e(9612)]).then(o.bind(o,9612)).then(e,p);case"kol-kolibri":return Promise.all([o.e(4058),o.e(8146)]).then(o.bind(o,8146)).then(e,p);case"kol-link":return o.e(4332).then(o.bind(o,4332)).then(e,p);case"kol-link-button":return o.e(2017).then(o.bind(o,2017)).then(e,p);case"kol-link-group":return Promise.all([o.e(4058),o.e(3714)]).then(o.bind(o,3714)).then(e,p);case"kol-logo":return Promise.all([o.e(4058),o.e(7795)]).then(o.bind(o,7795)).then(e,p);case"kol-modal":return Promise.all([o.e(4058),o.e(8495)]).then(o.bind(o,8495)).then(e,p);case"kol-nav":return Promise.all([o.e(4058),o.e(8427)]).then(o.bind(o,8427)).then(e,p);case"kol-pagination":return Promise.all([o.e(4058),o.e(4188)]).then(o.bind(o,4188)).then(e,p);case"kol-progress":return Promise.all([o.e(4058),o.e(2567)]).then(o.bind(o,2567)).then(e,p);case"kol-quote":return Promise.all([o.e(4058),o.e(7274)]).then(o.bind(o,7274)).then(e,p);case"kol-select":return Promise.all([o.e(4058),o.e(380),o.e(3064)]).then(o.bind(o,3064)).then(e,p);case"kol-skip-nav":return Promise.all([o.e(4058),o.e(6099)]).then(o.bind(o,6099)).then(e,p);case"kol-spin":return Promise.all([o.e(4058),o.e(4892)]).then(o.bind(o,4892)).then(e,p);case"kol-split-button":return o.e(5835).then(o.bind(o,5835)).then(e,p);case"kol-symbol":return Promise.all([o.e(4058),o.e(7860)]).then(o.bind(o,7860)).then(e,p);case"kol-table":return o.e(9890).then(o.bind(o,9890)).then(e,p);case"kol-table-stateless":return o.e(5551).then(o.bind(o,5551)).then(e,p);case"kol-table-stateful":return Promise.all([o.e(4058),o.e(1487)]).then(o.bind(o,1487)).then(e,p);case"kol-tabs":return Promise.all([o.e(4058),o.e(5912)]).then(o.bind(o,5912)).then(e,p);case"kol-toolbar":return Promise.all([o.e(4058),o.e(3521)]).then(o.bind(o,3521)).then(e,p);case"kol-textarea":return Promise.all([o.e(4058),o.e(380),o.e(3238)]).then(o.bind(o,3238)).then(e,p);case"kol-toast-container":return o.e(619).then(o.bind(o,619)).then(e,p);case"kol-tree":return o.e(1792).then(o.bind(o,1792)).then(e,p);case"kol-tree-item":return o.e(2538).then(o.bind(o,2538)).then(e,p);case"kol-version":return Promise.all([o.e(4058),o.e(7802)]).then(o.bind(o,7802)).then(e,p);case"kol-alert-wc":return Promise.all([o.e(4058),o.e(263)]).then(o.bind(o,263)).then(e,p);case"kol-avatar-wc":return Promise.all([o.e(4058),o.e(5056)]).then(o.bind(o,5056)).then(e,p);case"kol-button-group-wc":return o.e(5889).then(o.bind(o,5889)).then(e,p);case"kol-button-wc":return Promise.all([o.e(4058),o.e(1596),o.e(9599)]).then(o.bind(o,9599)).then(e,p);case"kol-combobox":return Promise.all([o.e(4058),o.e(380),o.e(6671)]).then(o.bind(o,6671)).then(e,p);case"kol-indented-text-wc":return o.e(3766).then(o.bind(o,3766)).then(e,p);case"kol-input":return o.e(4182).then(o.bind(o,4182)).then(e,p);case"kol-input-range":return Promise.all([o.e(4058),o.e(380),o.e(2322)]).then(o.bind(o,2322)).then(e,p);case"kol-link-wc":return Promise.all([o.e(4058),o.e(1596),o.e(6775)]).then(o.bind(o,6775)).then(e,p);case"kol-popover-wc":return Promise.all([o.e(4058),o.e(5157),o.e(1552)]).then(o.bind(o,5138)).then(e,p);case"kol-single-select":return Promise.all([o.e(4058),o.e(380),o.e(9333)]).then(o.bind(o,9333)).then(e,p);case"kol-table-stateless-wc":return Promise.all([o.e(4058),o.e(4118)]).then(o.bind(o,4118)).then(e,p);case"kol-tooltip-wc":return Promise.all([o.e(4058),o.e(1596),o.e(5157),o.e(8796)]).then(o.bind(o,8796)).then(e,p);case"kol-tree-item-wc":return Promise.all([o.e(4058),o.e(8737)]).then(o.bind(o,8737)).then(e,p);case"kol-tree-wc":return Promise.all([o.e(4058),o.e(3395)]).then(o.bind(o,3395)).then(e,p);case"test-component":return o.e(2207).then(o.bind(o,2207)).then(e,p)}}return o(980)(`./${r}.entry.js`).then((e=>(f.set(r,e),e[n])),p)})(r);if(e&&"then"in e){const n=()=>{};t=yield e,n()}else t=e;if(!t)throw new Error(`Constructor for "${r.$tagName$}#${n.$modeName$}" was not found`);t.isProxied||(r.$watchers$=t.watchers,Pe(t,r,2),t.isProxied=!0);const a=(r.$tagName$,()=>{});n.$flags$|=8;try{new t(n)}catch(e){p(e)}n.$flags$&=-9,n.$flags$|=128,a(),je(n.$lazyInstance$)}else{t=e.constructor;const o=e.localName;customElements.whenDefined(o).then((()=>n.$flags$|=128))}if(t&&t.style){let o;"string"==typeof t.style?o=t.style:"string"!=typeof t.style&&(n.$modeName$=(e=>v.map((n=>n(e))).find((e=>!!e)))(e),n.$modeName$&&(o=t.style[n.$modeName$]));const a=X(r,n.$modeName$);if(!g.has(a)){const e=(r.$tagName$,()=>{});((e,n,o)=>{let r=g.get(e);T&&o?(r=r||new CSSStyleSheet,"string"==typeof r?r=n:r.replaceSync(n)):r=n,g.set(e,r)})(a,o,!!(1&r.$flags$)),e()}}}const a=n.$ancestorComponent$,l=()=>ze(n,!0);a&&a["s-rc"]?a["s-rc"].push(l):l()}))})(e,n,r)}t()}},Re=e=>{const n=e["s-cr"]=x.createComment("");n["s-cn"]=!0,Ee(e,n,e.firstChild)},De=e=>{Ae(e,"disconnectedCallback")},Ke=(e,n={})=>{var o;const r=[],t=n.exclude||[],a=E.customElements,l=x.head,i=l.querySelector("meta[charset]"),s=x.createElement("style"),d=[];let m,b=!0;Object.assign(z,n),z.$resourcesUrl$=new URL(n.resourcesUrl||"./",x.baseURI).href,z.$flags$|=2;let p=!1;if(e.map((e=>{e[1].map((o=>{var l;const i={$flags$:o[0],$tagName$:o[1],$members$:o[2],$listeners$:o[3]};4&i.$flags$&&(p=!0),i.$members$=o[2],i.$listeners$=o[3],i.$attrsToReflect$=[],i.$watchers$=null!=(l=o[4])?l:{};const s=n.transformTagName?n.transformTagName(i.$tagName$):i.$tagName$,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={$flags$:0,$hostElement$:e,$cmpMeta$:n,$instanceValues$:new Map};o.$onInstancePromise$=new Promise((e=>o.$onInstanceResolve$=e)),o.$onReadyPromise$=new Promise((e=>o.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],u.set(e,o)})(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=h(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Be(this,e,i.$listeners$)),m&&(clearTimeout(m),m=null),b?d.push(this):z.jmp((()=>Fe(this)))}disconnectedCallback(){z.jmp((()=>{return e=this,c(void 0,null,(function*(){if(!(1&z.$flags$)){const n=h(e);n.$rmListeners$&&(n.$rmListeners$.map((e=>e())),n.$rmListeners$=void 0),(null==n?void 0:n.$lazyInstance$)?De(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>De(n.$lazyInstance$)))}}));var e}))}componentOnReady(){return h(this).$onReadyPromise$}};i.$lazyBundleId$=e[0],t.includes(s)||a.get(s)||(r.push(s),a.define(s,Pe(f,i,1)))}))})),r.length>0&&(p&&(s.textContent+=w),s.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const e=null!=(o=z.$nonce$)?o:N(x);null!=e&&s.setAttribute("nonce",e),l.insertBefore(s,i?i.nextSibling:l.firstChild)}b=!1,d.length?d.map((e=>e.connectedCallback())):z.jmp((()=>m=setTimeout($e,30)))},Me=(e,n)=>n,Be=(e,n,o,r)=>{o&&o.map((([o,r,t])=>{const a=He(e,o),l=Ue(n,t),i=Ve(o);z.ael(a,r,l,i),(n.$rmListeners$=n.$rmListeners$||[]).push((()=>z.rel(a,r,l,i)))}))},Ue=(e,n)=>o=>{var r;try{256&e.$flags$?null==(r=e.$lazyInstance$)||r[n](o):(e.$queuedListeners$=e.$queuedListeners$||[]).push([n,o])}catch(e){p(e)}},He=(e,n)=>8&n?E:e,Ve=e=>S?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e)},6020:(e,n,o)=>{"use strict";o.d(n,{$:()=>g,B:()=>S,U:()=>x,a:()=>D,k:()=>k,l:()=>L,n:()=>K});var r=Object.defineProperty,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,i=(e,n,o)=>n in e?r(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,c=(e,n)=>{for(var o in n||(n={}))a.call(n,o)&&i(e,o,n[o]);if(t)for(var o of t(n))l.call(n,o)&&i(e,o,n[o]);return e},s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==o.g?o.g:"undefined"!=typeof self?self:{},d={exports:{}};!function(e){var n,o;n=s,o=function(){var e=function(){},n="undefined",o=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),r=["trace","debug","info","warn","error"],t={},a=null;function l(e,n){var o=e[n];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(n){return function(){return Function.prototype.apply.apply(o,[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 o=this.getLevel(),t=0;t<r.length;t++){var a=r[t];this[a]=t<o?e:this.methodFactory(a,o,this.name)}if(this.log=this.debug,typeof console===n&&o<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(r,t,a){return function(r){return"debug"===r&&(r="log"),typeof console!==n&&("trace"===r&&o?i:void 0!==console[r]?l(console,r):void 0!==console.log?l(console,"log"):e)}(r)||s.apply(this,arguments)}function u(e,o){var l,i,s,u=this,h="loglevel";function m(){var e;if(typeof window!==n&&h){try{e=window.localStorage[h]}catch(e){}if(typeof e===n)try{var o=window.document.cookie,r=encodeURIComponent(h),t=o.indexOf(r+"=");-1!==t&&(e=/^([^;]+)/.exec(o.slice(t+r.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?h+=":"+e:"symbol"==typeof e&&(h=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=o||d,u.getLevel=function(){return null!=s?s:null!=i?i:l},u.setLevel=function(e,o){return s=b(e),!1!==o&&function(e){var o=(r[e]||"silent").toUpperCase();if(typeof window!==n&&h){try{return void(window.localStorage[h]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(h)+"="+o+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),m()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&h){try{window.localStorage.removeItem(h)}catch(e){}try{window.document.cookie=encodeURIComponent(h)+"=; 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(a!==u&&(l=b(a.getLevel())),c.call(u),a===u)for(var e in t)t[e].rebuild()},l=b(a?a.getLevel():"WARN");var p=m();null!=p&&(s=b(p)),c.call(u)}(a=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=t[e];return n||(n=t[e]=new u(e,a.methodFactory)),n};var h=typeof window!==n?window.log:void 0;return a.noConflict=function(){return typeof window!==n&&window.log===a&&(window.log=h),a},a.getLoggers=function(){return t},a.default=a,a},e.exports?e.exports=o():n.log=o()}(d);const u=d.exports,h={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}};let m=!0,b=!1;const p=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,f=e=>{if(!1===(e=>"string"==typeof e&&p.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]+)?$/`)},g=(e,n,o,r)=>v(e,n,o,r),v=(e,n,o,r)=>{var t;(r=null!=r?r:{}).append=null!=(t=r.append)&&t,f(e),!0===m&&!1===b&&(b=!0,u.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n\timport { register } from 'adopted-style-sheets';\n\timport { defineCustomElements } from '...';\n\timport { THEME } from '...';\n\n\tregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\t// run your app or website\n\t})\n\t.catch(console.warn);`)),("object"!=typeof h.A11yUi.Themes[e]||null===h.A11yUi.Themes[e])&&(h.A11yUi.Themes[e]={}),r.append&&"string"==typeof h.A11yUi.Themes[e][n]?h.A11yUi.Themes[e][n]+=o:h.A11yUi.Themes[e][n]=o},k=(e,n,o,r)=>y(e,n,o,r),y=(e,n,o,r)=>(f(e),"object"==typeof n&&null!==n&&Object.getOwnPropertyNames(n).forEach((t=>{const a=n[t],l=t.toLowerCase(),i="function"!=typeof(null==r?void 0:r.transformTagName)||["GLOBAL","PROPERTIES"].includes(t)?t:r.transformTagName(l);"string"==typeof a&&a.length>0&&v(e,i.toUpperCase(),a,o)})),e),w=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 w(n)}}return null},_=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},E=()=>"object"==typeof h.A11yUi&&null!==h.A11yUi&&"object"==typeof h.A11yUi.Theme&&null!==h.A11yUi.Theme&&"boolean"==typeof h.A11yUi.Theme.cache&&"object"==typeof h.A11yUi.Theme.encroachCss&&null!==h.A11yUi.Theme.encroachCss&&"string"==typeof h.A11yUi.Theme.encroachCss.mode&&"string"==typeof h.A11yUi.Theme.name,x=e=>{if(E())return h.A11yUi.Theme;{const n={cache:!0,encroachCss:_(),loglevel:"silent",mode:"csr",name:null},o=w(e);return o instanceof HTMLElement&&(n.cache="false"!==o.dataset.themeCache,n.encroachCss=_(o.dataset),n.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",n.mode="ssr"===o.dataset.themeMode?o.dataset.themeMode:"csr",n.name=o.dataset.theme||null),n}};let z=!1;const S=(e,n,o={})=>{!1===z&&(z=!0,m=!1),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{var n,r,t,a,l;"function"==typeof e&&1===e.length?((e,n)=>{!1===E()&&("object"!=typeof h.A11yUi||null===h.A11yUi||"object"!=typeof h.A11yUi.Theme||null===h.A11yUi.Theme||"default"!==h.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&&(h.A11yUi.Theme=n,u.info(`[Theming] Theme "${e}" was set as default theme.`))):u.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode."))})(e(((e,n,r)=>y(e,n,r,o))),{cache:null==(n=o.theme)?void 0:n.cache,detect:null==(r=o.theme)?void 0:r.detect,encroachCss:null==(t=o.theme)?void 0:t.encroachCss,mode:null==(a=o.theme)?void 0:a.mode,name:null==(l=o.theme)?void 0:l.name}):u.error("[Theming] Es wurde versucht eine nicht kompatibles Theme zu laden.")})),m=!0,"function"==typeof n?n=new Set([n]):Array.isArray(n)&&(n=new Set(n));const r=[];return n.forEach((e=>{const n=e();n instanceof Promise&&r.push(n)})),Promise.all(r)},T=new Set,O=/--[^;]+/g,C=/:/,L=(e,n)=>"object"==typeof h.A11yUi&&null!==h.A11yUi&&"object"==typeof h.A11yUi.Themes&&null!==h.A11yUi.Themes&&"object"==typeof h.A11yUi.Themes[e]&&null!==h.A11yUi.Themes[e]&&"string"==typeof h.A11yUi.Themes[e][n]?h.A11yUi.Themes[e][n].replace(/\r?\n/g,""):"",N=(e,n)=>{var o,r,t;const a=n.name||"default";let l;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");l=e.shadowRoot}catch(n){l=e}if(null==(o=h.A11yUi.CSS_STYLE_CACHE.get(a))?void 0:o.has(e.tagName))$(l,null==(r=h.A11yUi.CSS_STYLE_CACHE.get(a))?void 0:r.get(e.tagName));else{const o=L(a,"PROPERTIES"),r=L(a,"GLOBAL"),i=L(a,e.tagName);!1===T.has(a)&&((e,n)=>{var o;let r=n.match(O);if(Array.isArray(r)){r=r.filter((e=>C.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${r.join(";")}}`,null==(o=document.querySelector("head"))||o.appendChild(n)}T.add(e)})(a,r);const c=[o,r,i];((e,n,o)=>{if(!1!==o){const r=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let t;try{t=[...Array.from(e.adoptedStyleSheets)]}catch(e){t=[]}"before"===(null==o?void 0:o.mode)?(r.reverse().forEach((e=>n.unshift(e.innerHTML))),t.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===(null==o?void 0:o.mode)&&(r.forEach((e=>n.push(e.innerHTML))),t.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(l,c,n.encroachCss),"debug"===n.loglevel&&console.log(e.tagName,c),!0===n.cache&&(!1===h.A11yUi.CSS_STYLE_CACHE.has(a)&&h.A11yUi.CSS_STYLE_CACHE.set(a,new Map),null==(t=h.A11yUi.CSS_STYLE_CACHE.get(a))||t.set(e.tagName,c)),$(l,c)}},$=(e,n)=>{(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)}})(e),((e,n)=>{var o;try{if("ssr"===(null==(o=h.A11yUi.Theme)?void 0:o.mode))throw new Error("SSR");const r=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),r.push(n)})),e.adoptedStyleSheets=r}catch(o){[...n].reverse().forEach(((n,o)=>{if("string"!=typeof n||0===n.length)return;const r=document.createElement("style");switch(r.dataset.themingFallback="",o){case 4:r.dataset.themingBaseA11y="";break;case 3:r.dataset.themingBaseGlobal="";break;case 2:r.dataset.themingBaseComponent="";break;case 1:r.dataset.themingCustomGlobal="";break;case 0:r.dataset.themingCustomComponent="";break;default:r.dataset.themingUnknown=""}r.innerHTML=n,e.insertBefore(r,e.firstChild)}))}})(e,n)},A=e=>{"debug"===e.loglevel&&h.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:h.A11yUi.STYLING_TASK_QUEUE.size})},I=(e,n)=>{(e=>{h.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),A(n)},P=e=>{const n=setTimeout((()=>{if(clearTimeout(n),h.A11yUi.STYLING_TASK_QUEUE.has(e)&&e.classList.contains("hydrated")){const{themeDetails:n}=h.A11yUi.STYLING_TASK_QUEUE.get(e);N(e,n),I(e,n)}else P(e)}),25)},j=e=>{for(const n of e)if(h.A11yUi.STYLING_TASK_QUEUE.has(n.target)&&n.target.classList.contains("hydrated")){const{themeDetails:e}=h.A11yUi.STYLING_TASK_QUEUE.get(n.target);N(n.target,e),I(n.target,e)}},F={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1};let R;try{R=new MutationObserver(j)}catch(e){R=null}const D=(e,n)=>{((e,n)=>{((e,n)=>{h.A11yUi.STYLING_TASK_QUEUE.set(e,{themeDetails:n})})(e,n),A(n)})(e,n=c(c({},h.A11yUi.Theme),n)),R?R.observe(e,F):P(e)};class K{constructor(e,n,o){this.createTheme=(e,n)=>((e,n)=>o=>o(e,n,{append:!1}))(e,n),this.createTranslation=(e,n)=>((e,n)=>o=>o(e,n))(e,n),this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(o)}}},980:(e,n,o)=>{var r={"./kol-abbr.entry.js":[4943,4058,4943],"./kol-accordion.entry.js":[5356,4058,5356],"./kol-alert-wc.entry.js":[263,4058,263],"./kol-alert.entry.js":[8092,8092],"./kol-avatar-wc.entry.js":[5056,4058,5056],"./kol-avatar.entry.js":[3077,3077],"./kol-badge.entry.js":[8977,4058,1596,8977],"./kol-breadcrumb.entry.js":[9389,4058,9389],"./kol-button-group-wc.entry.js":[5889,5889],"./kol-button-group.entry.js":[5034,5034],"./kol-button-link.entry.js":[4933,4933],"./kol-button-wc.entry.js":[9599,4058,1596,9599],"./kol-button.entry.js":[356,356],"./kol-card.entry.js":[8786,4058,8786],"./kol-combobox.entry.js":[6671,4058,380,6671],"./kol-details.entry.js":[5840,4058,5840],"./kol-drawer.entry.js":[4025,4058,4025],"./kol-form.entry.js":[3994,4058,3994],"./kol-heading.entry.js":[5296,4058,5296],"./kol-icon.entry.js":[9561,4058,9561],"./kol-image.entry.js":[35,4058,35],"./kol-indented-text-wc.entry.js":[3766,3766],"./kol-indented-text.entry.js":[2719,2719],"./kol-input-checkbox.entry.js":[6082,4058,380,6082],"./kol-input-color.entry.js":[8672,4058,380,8672],"./kol-input-date.entry.js":[3735,4058,380,3735],"./kol-input-email.entry.js":[8111,4058,380,8111],"./kol-input-file.entry.js":[6181,4058,380,6181],"./kol-input-number.entry.js":[4818,4058,380,4818],"./kol-input-password.entry.js":[4402,4058,380,4402],"./kol-input-radio.entry.js":[1636,4058,380,1636],"./kol-input-range.entry.js":[2322,4058,380,2322],"./kol-input-text.entry.js":[9612,4058,380,9612],"./kol-input.entry.js":[4182,4182],"./kol-kolibri.entry.js":[8146,4058,8146],"./kol-link-button.entry.js":[2017,2017],"./kol-link-group.entry.js":[3714,4058,3714],"./kol-link-wc.entry.js":[6775,4058,1596,6775],"./kol-link.entry.js":[4332,4332],"./kol-logo.entry.js":[7795,4058,7795],"./kol-modal.entry.js":[8495,4058,8495],"./kol-nav.entry.js":[8427,4058,8427],"./kol-pagination.entry.js":[4188,4058,4188],"./kol-popover-wc.entry.js":[5138,4058,5157,1552],"./kol-progress.entry.js":[2567,4058,2567],"./kol-quote.entry.js":[7274,4058,7274],"./kol-select.entry.js":[3064,4058,380,3064],"./kol-single-select.entry.js":[9333,4058,380,9333],"./kol-skip-nav.entry.js":[6099,4058,6099],"./kol-spin.entry.js":[4892,4058,4892],"./kol-split-button.entry.js":[5835,5835],"./kol-symbol.entry.js":[7860,4058,7860],"./kol-table-stateful.entry.js":[1487,4058,1487],"./kol-table-stateless-wc.entry.js":[4118,4058,4118],"./kol-table-stateless.entry.js":[5551,5551],"./kol-table.entry.js":[9890,9890],"./kol-tabs.entry.js":[5912,4058,5912],"./kol-textarea.entry.js":[3238,4058,380,3238],"./kol-toast-container.entry.js":[619,619],"./kol-toolbar.entry.js":[3521,4058,3521],"./kol-tooltip-wc.entry.js":[8796,4058,1596,5157,8796],"./kol-tree-item-wc.entry.js":[8737,4058,8737],"./kol-tree-item.entry.js":[2538,2538],"./kol-tree-wc.entry.js":[3395,4058,3395],"./kol-tree.entry.js":[1792,1792],"./kol-version.entry.js":[7802,4058,7802],"./test-component.entry.js":[2207,2207]};function t(e){if(!o.o(r,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=r[e],t=n[0];return Promise.all(n.slice(1).map(o.e)).then((()=>o(t)))}t.keys=()=>Object.keys(r),t.id=980,e.exports=t}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var o=a[e]={exports:{}};return t[e](o,o.exports,l),o.exports}l.m=t,l.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return l.d(n,{a:n}),n},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(o,r){if(1&r&&(o=this(o)),8&r)return o;if("object"==typeof o&&o){if(4&r&&o.__esModule)return o;if(16&r&&"function"==typeof o.then)return o}var t=Object.create(null);l.r(t);var a={};e=e||[null,n({}),n([]),n(n)];for(var i=2&r&&o;"object"==typeof i&&!~e.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach((e=>a[e]=()=>o[e]));return a.default=()=>o,l.d(t,a),t},l.d=(e,n)=>{for(var o in n)l.o(n,o)&&!l.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((n,o)=>(l.f[o](e,n),n)),[])),l.u=e=>e+".js",l.miniCssF=e=>{},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o={},r="@public-ui/sample-react:",l.l=(e,n,t,a)=>{if(o[e])o[e].push(n);else{var i,c;if(void 0!==t)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")==r+t){i=u;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,l.nc&&i.setAttribute("nonce",l.nc),i.setAttribute("data-webpack",r+t),i.src=e),o[e]=[n];var h=(n,r)=>{i.onerror=i.onload=null,clearTimeout(m);var t=o[e];if(delete o[e],i.parentNode&&i.parentNode.removeChild(i),t&&t.forEach((e=>e(r))),n)return n(r)},m=setTimeout(h.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=h.bind(null,i.onerror),i.onload=h.bind(null,i.onload),c&&document.head.appendChild(i)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;l.g.importScripts&&(e=l.g.location+"");var n=l.g.document;if(!e&&n&&(n.currentScript&&"SCRIPT"===n.currentScript.tagName.toUpperCase()&&(e=n.currentScript.src),!e)){var o=n.getElementsByTagName("script");if(o.length)for(var r=o.length-1;r>-1&&(!e||!/^http(s?):/.test(e));)e=o[r--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),l.p=e})(),(()=>{var e={8792:0};l.f.j=(n,o)=>{var r=l.o(e,n)?e[n]:void 0;if(0!==r)if(r)o.push(r[2]);else{var t=new Promise(((o,t)=>r=e[n]=[o,t]));o.push(r[2]=t);var a=l.p+l.u(n),i=new Error;l.l(a,(o=>{if(l.o(e,n)&&(0!==(r=e[n])&&(e[n]=void 0),r)){var t=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;i.message="Loading chunk "+n+" failed.\n("+t+": "+a+")",i.name="ChunkLoadError",i.type=t,i.request=a,r[1](i)}}),"chunk-"+n,n)}};var n=(n,o)=>{var r,t,[a,i,c]=o,s=0;if(a.some((n=>0!==e[n]))){for(r in i)l.o(i,r)&&(l.m[r]=i[r]);c&&c(l)}for(n&&n(o);s<a.length;s++)t=a[s],l.o(e,t)&&e[t]&&e[t][0](),e[t]=0},o=self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[];o.forEach(n.bind(null,0)),o.push=n.bind(null,o.push.bind(o))})(),(()=>{"use strict";var e,n,o=l(9863),r=l.t(o,2),t=l(8401),a=l(1960),i=l.t(a,2);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}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 h(e,n){return{usr:e.state,key:e.key,idx:n}}function m(e,n,o,r){return void 0===o&&(o=null),c({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof n?p(n):n,{state:o,key:n&&n.key||r||Math.random().toString(36).substr(2,8)})}function b(e){let{pathname:n="/",search:o="",hash:r=""}=e;return o&&"?"!==o&&(n+="?"===o.charAt(0)?o:"?"+o),r&&"#"!==r&&(n+="#"===r.charAt(0)?r:"#"+r),n}function p(e){let n={};if(e){let o=e.indexOf("#");o>=0&&(n.hash=e.substr(o),e=e.substr(0,o));let r=e.indexOf("?");r>=0&&(n.search=e.substr(r),e=e.substr(0,r)),e&&(n.pathname=e)}return n}var f,g;function v(e,n,o){return void 0===o&&(o="/"),function(e,n,o,r){let t=$(("string"==typeof n?p(n):n).pathname||"/",o);if(null==t)return null;let a=k(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,o)=>e===n[o]))?e[e.length-1]-n[n.length-1]:0}(e.routesMeta.map((e=>e.childrenIndex)),n.routesMeta.map((e=>e.childrenIndex)))))}(a);let l=null;for(let e=0;null==l&&e<a.length;++e){let n=N(t);l=C(a[e],n,r)}return l}(e,n,o,!1)}function k(e,n,o,r){void 0===n&&(n=[]),void 0===o&&(o=[]),void 0===r&&(r="");let t=(e,t,a)=>{let l={relativePath:void 0===a?e.path||"":a,caseSensitive:!0===e.caseSensitive,childrenIndex:t,route:e};l.relativePath.startsWith("/")&&(d(l.relativePath.startsWith(r),'Absolute route path "'+l.relativePath+'" nested under path "'+r+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),l.relativePath=l.relativePath.slice(r.length));let i=j([r,l.relativePath]),c=o.concat(l);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+'".'),k(e.children,n,c,i)),(null!=e.path||e.index)&&n.push({path:i,score:O(i,e.index),routesMeta:c})};return e.forEach(((e,n)=>{var o;if(""!==e.path&&null!=(o=e.path)&&o.includes("?"))for(let o of y(e.path))t(e,n,o);else t(e,n)})),n}function y(e){let n=e.split("/");if(0===n.length)return[];let[o,...r]=n,t=o.endsWith("?"),a=o.replace(/\?$/,"");if(0===r.length)return t?[a,""]:[a];let l=y(r.join("/")),i=[];return i.push(...l.map((e=>""===e?a:[a,e].join("/")))),t&&i.push(...l),i.map((n=>e.startsWith("/")&&""===n?"/":n))}(g=f||(f={})).data="data",g.deferred="deferred",g.redirect="redirect",g.error="error";const w=/^:[\w-]+$/,_=3,E=2,x=1,z=10,S=-2,T=e=>"*"===e;function O(e,n){let o=e.split("/"),r=o.length;return o.some(T)&&(r+=S),n&&(r+=E),o.filter((e=>!T(e))).reduce(((e,n)=>e+(w.test(n)?_:""===n?x:z)),r)}function C(e,n,o){void 0===o&&(o=!1);let{routesMeta:r}=e,t={},a="/",l=[];for(let e=0;e<r.length;++e){let i=r[e],c=e===r.length-1,s="/"===a?n:n.slice(a.length)||"/",d=L({path:i.relativePath,caseSensitive:i.caseSensitive,end:c},s),u=i.route;if(!d&&c&&o&&!r[r.length-1].route.index&&(d=L({path:i.relativePath,caseSensitive:i.caseSensitive,end:!1},s)),!d)return null;Object.assign(t,d.params),l.push({params:t,pathname:j([a,d.pathname]),pathnameBase:F(j([a,d.pathnameBase])),route:u}),"/"!==d.pathnameBase&&(a=j([a,d.pathnameBase]))}return l}function L(e,n){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[o,r]=function(e,n,o){void 0===n&&(n=!1),void 0===o&&(o=!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 r=[],t="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,((e,n,o)=>(r.push({paramName:n,isOptional:null!=o}),o?"/?([^\\/]+)?":"/([^\\/]+)")));return e.endsWith("*")?(r.push({paramName:"*"}),t+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):o?t+="\\/*$":""!==e&&"/"!==e&&(t+="(?:(?=\\/|$))"),[new RegExp(t,n?void 0:"i"),r]}(e.path,e.caseSensitive,e.end),t=n.match(o);if(!t)return null;let a=t[0],l=a.replace(/(.)\/+$/,"$1"),i=t.slice(1);return{params:r.reduce(((e,n,o)=>{let{paramName:r,isOptional:t}=n;if("*"===r){let e=i[o]||"";l=a.slice(0,a.length-e.length).replace(/(.)\/+$/,"$1")}const c=i[o];return e[r]=t&&!c?void 0:(c||"").replace(/%2F/g,"/"),e}),{}),pathname:a,pathnameBase:l,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 $(e,n){if("/"===n)return e;if(!e.toLowerCase().startsWith(n.toLowerCase()))return null;let o=n.endsWith("/")?n.length-1:n.length,r=e.charAt(o);return r&&"/"!==r?null:e.slice(o)||"/"}function A(e,n,o,r){return"Cannot include a '"+e+"' character in a manually specified `to."+n+"` field ["+JSON.stringify(r)+"].  Please separate it out to the `to."+o+'` 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 o=function(e){return e.filter(((e,n)=>0===n||e.route.path&&e.route.path.length>0))}(e);return n?o.map(((e,n)=>n===o.length-1?e.pathname:e.pathnameBase)):o.map((e=>e.pathnameBase))}function P(e,n,o,r){let t;void 0===r&&(r=!1),"string"==typeof e?t=p(e):(t=c({},e),d(!t.pathname||!t.pathname.includes("?"),A("?","pathname","search",t)),d(!t.pathname||!t.pathname.includes("#"),A("#","pathname","hash",t)),d(!t.search||!t.search.includes("#"),A("#","search","hash",t)));let a,l=""===e||""===t.pathname,i=l?"/":t.pathname;if(null==i)a=o;else{let e=n.length-1;if(!r&&i.startsWith("..")){let n=i.split("/");for(;".."===n[0];)n.shift(),e-=1;t.pathname=n.join("/")}a=e>=0?n[e]:"/"}let s=function(e,n){void 0===n&&(n="/");let{pathname:o,search:r="",hash:t=""}="string"==typeof e?p(e):e,a=o?o.startsWith("/")?o:function(e,n){let o=n.replace(/\/+$/,"").split("/");return e.split("/").forEach((e=>{".."===e?o.length>1&&o.pop():"."!==e&&o.push(e)})),o.length>1?o.join("/"):"/"}(o,n):n;return{pathname:a,search:R(r),hash:D(t)}}(t,a),u=i&&"/"!==i&&i.endsWith("/"),h=(l||"."===i)&&o.endsWith("/");return s.pathname.endsWith("/")||!u&&!h||(s.pathname+="/"),s}const j=e=>e.join("/").replace(/\/\/+/g,"/"),F=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),R=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",D=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";Error;const K=["post","put","patch","delete"],M=(new Set(K),["get",...K]);function B(){return B=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},B.apply(this,arguments)}new Set(M),Symbol("deferred");const U=o.createContext(null),H=o.createContext(null),V=o.createContext(null),q=o.createContext(null),W=o.createContext({outlet:null,matches:[],isDataRoute:!1}),Z=o.createContext(null);function G(){return null!=o.useContext(q)}function Y(){return G()||d(!1),o.useContext(q).location}function Q(e){o.useContext(V).static||o.useLayoutEffect(e)}function X(){let{isDataRoute:e}=o.useContext(W);return e?function(){let{router:e}=function(){let e=o.useContext(U);return e||d(!1),e}(ae.UseNavigateStable),n=ie(le.UseNavigateStable),r=o.useRef(!1);Q((()=>{r.current=!0}));let t=o.useCallback((function(o,t){void 0===t&&(t={}),r.current&&("number"==typeof o?e.navigate(o):e.navigate(o,B({fromRouteId:n},t)))}),[e,n]);return t}():function(){G()||d(!1);let e=o.useContext(U),{basename:n,future:r,navigator:t}=o.useContext(V),{matches:a}=o.useContext(W),{pathname:l}=Y(),i=JSON.stringify(I(a,r.v7_relativeSplatPath)),c=o.useRef(!1);Q((()=>{c.current=!0}));let s=o.useCallback((function(o,r){if(void 0===r&&(r={}),!c.current)return;if("number"==typeof o)return void t.go(o);let a=P(o,JSON.parse(i),l,"path"===r.relative);null==e&&"/"!==n&&(a.pathname="/"===a.pathname?n:j([n,a.pathname])),(r.replace?t.replace:t.push)(a,r.state,r)}),[n,t,i,l,e]);return s}()}function J(e,n){let{relative:r}=void 0===n?{}:n,{future:t}=o.useContext(V),{matches:a}=o.useContext(W),{pathname:l}=Y(),i=JSON.stringify(I(a,t.v7_relativeSplatPath));return o.useMemo((()=>P(e,JSON.parse(i),l,"path"===r)),[e,i,l,r])}function ee(n,r,t,a){G()||d(!1);let{navigator:l}=o.useContext(V),{matches:i}=o.useContext(W),c=i[i.length-1],s=c?c.params:{},u=(c&&c.pathname,c?c.pathnameBase:"/");c&&c.route;let h,m=Y();if(r){var b;let e="string"==typeof r?p(r):r;"/"===u||(null==(b=e.pathname)?void 0:b.startsWith(u))||d(!1),h=e}else h=m;let f=h.pathname||"/",g=f;if("/"!==u){let e=u.replace(/^\//,"").split("/");g="/"+f.replace(/^\//,"").split("/").slice(e.length).join("/")}let k=v(n,{pathname:g}),y=function(e,n,r,t){var a;if(void 0===n&&(n=[]),void 0===r&&(r=null),void 0===t&&(t=null),null==e){var l;if(!r)return null;if(r.errors)e=r.matches;else{if(!(null!=(l=t)&&l.v7_partialHydration&&0===n.length&&!r.initialized&&r.matches.length>0))return null;e=r.matches}}let i=e,c=null==(a=r)?void 0:a.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(r&&t&&t.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:o}=r,t=n.route.loader&&void 0===e[n.route.id]&&(!o||void 0===o[n.route.id]);if(n.route.lazy||t){s=!0,i=u>=0?i.slice(0,u+1):[i[0]];break}}}return i.reduceRight(((e,t,a)=>{let l,d=!1,h=null,m=null;var b;r&&(l=c&&t.route.id?c[t.route.id]:void 0,h=t.route.errorElement||oe,s&&(u<0&&0===a?(ce[b="route-fallback"]||(ce[b]=!0),d=!0,m=null):u===a&&(d=!0,m=t.route.hydrateFallbackElement||null)));let p=n.concat(i.slice(0,a+1)),f=()=>{let n;return n=l?h:d?m:t.route.Component?o.createElement(t.route.Component,null):t.route.element?t.route.element:e,o.createElement(te,{match:t,routeContext:{outlet:e,matches:p,isDataRoute:null!=r},children:n})};return r&&(t.route.ErrorBoundary||t.route.errorElement||0===a)?o.createElement(re,{location:r.location,revalidation:r.revalidation,component:h,error:l,children:f(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):f()}),null)}(k&&k.map((e=>Object.assign({},e,{params:Object.assign({},s,e.params),pathname:j([u,l.encodeLocation?l.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?u:j([u,l.encodeLocation?l.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),i,t,a);return r&&y?o.createElement(q.Provider,{value:{location:B({pathname:"/",search:"",hash:"",state:null,key:"default"},h),navigationType:e.Pop}},y):y}function ne(){let e=function(){var e;let n=o.useContext(Z),r=function(){let e=o.useContext(H);return e||d(!1),e}(le.UseRouteError),t=ie(le.UseRouteError);return void 0!==n?n:null==(e=r.errors)?void 0:e[t]}(),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),r=e instanceof Error?e.stack:null,t={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return o.createElement(o.Fragment,null,o.createElement("h2",null,"Unexpected Application Error!"),o.createElement("h3",{style:{fontStyle:"italic"}},n),r?o.createElement("pre",{style:t},r):null,null)}const oe=o.createElement(ne,null);class re extends o.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?o.createElement(W.Provider,{value:this.props.routeContext},o.createElement(Z.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function te(e){let{routeContext:n,match:r,children:t}=e,a=o.useContext(U);return a&&a.static&&a.staticContext&&(r.route.errorElement||r.route.ErrorBoundary)&&(a.staticContext._deepestRenderedBoundaryId=r.route.id),o.createElement(W.Provider,{value:n},t)}var ae=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(ae||{}),le=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}(le||{});function ie(e){let n=function(){let e=o.useContext(W);return e||d(!1),e}(),r=n.matches[n.matches.length-1];return r.route.id||d(!1),r.route.id}const ce={},se={},de=(e,n,o)=>{var r;se[r="⚠️ React Router Future Flag Warning: "+n+". You can use the `"+e+"` future flag to opt-in early. For more information, see "+o+"."]||(se[r]=!0,console.warn(r))};function ue(e){let{to:n,replace:r,state:t,relative:a}=e;G()||d(!1);let{future:l,static:i}=o.useContext(V),{matches:c}=o.useContext(W),{pathname:s}=Y(),u=X(),h=P(n,I(c,l.v7_relativeSplatPath),s,"path"===a),m=JSON.stringify(h);return o.useEffect((()=>u(JSON.parse(m),{replace:r,state:t,relative:a})),[u,m,a,r,t]),null}function he(e){d(!1)}function me(n){let{basename:r="/",children:t=null,location:a,navigationType:l=e.Pop,navigator:i,static:c=!1,future:s}=n;G()&&d(!1);let u=r.replace(/^\/*/,"/"),h=o.useMemo((()=>({basename:u,navigator:i,static:c,future:B({v7_relativeSplatPath:!1},s)})),[u,s,i,c]);"string"==typeof a&&(a=p(a));let{pathname:m="/",search:b="",hash:f="",state:g=null,key:v="default"}=a,k=o.useMemo((()=>{let e=$(m,u);return null==e?null:{location:{pathname:e,search:b,hash:f,state:g,key:v},navigationType:l}}),[u,m,b,f,g,v,l]);return null==k?null:o.createElement(V.Provider,{value:h},o.createElement(q.Provider,{children:t,value:k}))}function be(e){let{children:n,location:o}=e;return ee(pe(n),o)}function pe(e,n){void 0===n&&(n=[]);let r=[];return o.Children.forEach(e,((e,t)=>{if(!o.isValidElement(e))return;let a=[...n,t];if(e.type===o.Fragment)return void r.push.apply(r,pe(e.props.children,a));e.type!==he&&d(!1),e.props.index&&e.props.children&&d(!1);let l={id:e.props.id||a.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&&(l.children=pe(e.props.children,a)),r.push(l)})),r}function fe(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce(((n,o)=>{let r=e[o];return n.concat(Array.isArray(r)?r.map((e=>[o,e])):[[o,r]])}),[]))}r.startTransition,new Promise((()=>{})),o.Component;try{window.__reactRouterVersion="6"}catch(e){}const ge=r.startTransition;function ve(n){let{basename:r,children:t,future:a,window:l}=n,i=o.useRef();null==i.current&&(i.current=function(n){return void 0===n&&(n={}),function(n,o,r,t){void 0===t&&(t={});let{window:a=document.defaultView,v5Compat:l=!1}=t,i=a.history,u=e.Pop,p=null,f=g();function g(){return(i.state||{idx:null}).idx}function v(){u=e.Pop;let n=g(),o=null==n?null:n-f;f=n,p&&p({action:u,location:y.location,delta:o})}function k(e){let n="null"!==a.location.origin?a.location.origin:a.location.href,o="string"==typeof e?e:b(e);return o=o.replace(/ $/,"%20"),d(n,"No window.location.(origin|href) available to create URL for href: "+o),new URL(o,n)}null==f&&(f=0,i.replaceState(c({},i.state,{idx:f}),""));let y={get action(){return u},get location(){return n(a,i)},listen(e){if(p)throw new Error("A history only accepts one active listener");return a.addEventListener(s,v),p=e,()=>{a.removeEventListener(s,v),p=null}},createHref:e=>o(a,e),createURL:k,encodeLocation(e){let n=k(e);return{pathname:n.pathname,search:n.search,hash:n.hash}},push:function(n,o){u=e.Push;let t=m(y.location,n,o);r&&r(t,n),f=g()+1;let c=h(t,f),s=y.createHref(t);try{i.pushState(c,"",s)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;a.location.assign(s)}l&&p&&p({action:u,location:y.location,delta:1})},replace:function(n,o){u=e.Replace;let t=m(y.location,n,o);r&&r(t,n),f=g();let a=h(t,f),c=y.createHref(t);i.replaceState(a,"",c),l&&p&&p({action:u,location:y.location,delta:0})},go:e=>i.go(e)};return y}((function(e,n){let{pathname:o="/",search:r="",hash:t=""}=p(e.location.hash.substr(1));return o.startsWith("/")||o.startsWith(".")||(o="/"+o),m("",{pathname:o,search:r,hash:t},n.state&&n.state.usr||null,n.state&&n.state.key||"default")}),(function(e,n){let o=e.document.querySelector("base"),r="";if(o&&o.getAttribute("href")){let n=e.location.href,o=n.indexOf("#");r=-1===o?n:n.slice(0,o)}return r+"#"+("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:l,v5Compat:!0}));let f=i.current,[g,v]=o.useState({action:f.action,location:f.location}),{v7_startTransition:k}=a||{},y=o.useCallback((e=>{k&&ge?ge((()=>v(e))):v(e)}),[v,k]);return o.useLayoutEffect((()=>f.listen(y)),[f,y]),o.useEffect((()=>{return null!=(e=a)&&e.v7_startTransition||de("v7_startTransition","React Router will begin wrapping state updates in `React.startTransition` in v7","https://reactrouter.com/v6/upgrading/future#v7_starttransition"),null!=e&&e.v7_relativeSplatPath||n&&n.v7_relativeSplatPath||de("v7_relativeSplatPath","Relative route resolution within Splat routes is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath"),void(n&&(n.v7_fetcherPersist||de("v7_fetcherPersist","The persistence behavior of fetchers is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist"),n.v7_normalizeFormMethod||de("v7_normalizeFormMethod","Casing of `formMethod` fields is being normalized to uppercase in v7","https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod"),n.v7_partialHydration||de("v7_partialHydration","`RouterProvider` hydration behavior is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_partialhydration"),n.v7_skipActionErrorRevalidation||de("v7_skipActionErrorRevalidation","The revalidation behavior after 4xx/5xx `action` responses is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation")));var e,n}),[a]),o.createElement(me,{basename:r,children:t,location:g.location,navigationType:g.action,navigator:f,future:a})}var ke,ye,we,_e;function Ee(e){let n=o.useRef(fe(e)),r=o.useRef(!1),t=Y(),a=o.useMemo((()=>function(e,n){let o=fe(e);return n&&n.forEach(((e,r)=>{o.has(r)||n.getAll(r).forEach((e=>{o.append(r,e)}))})),o}(t.search,r.current?null:n.current)),[t.search]),l=X(),i=o.useCallback(((e,n)=>{const o=fe("function"==typeof e?e(a):e);r.current=!0,l("?"+o,n)}),[l,a]);return[a,i]}i.flushSync,r.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(ye=ke||(ke={})).UseScrollRestoration="useScrollRestoration",ye.UseSubmit="useSubmit",ye.UseSubmitFetcher="useSubmitFetcher",ye.UseFetcher="useFetcher",ye.useViewTransitionState="useViewTransitionState",(_e=we||(we={})).UseFetcher="useFetcher",_e.UseFetchers="useFetchers",_e.UseScrollRestoration="useScrollRestoration";var xe=l(2331);const ze=e=>e.replace(/([A-Z])/g,(e=>`-${e[0].toLowerCase()}`)),Se=e=>{if("undefined"==typeof document)return!0;{const n="on"+(e=>"doubleclick"===e?"dblclick":e)(e);let o=n in document;if(!o){const e=document.createElement("div");e.setAttribute(n,"return;"),o="function"==typeof e[n]}return o}},Te=(e,n,o)=>{const r=e.__events||(e.__events={}),t=r[n];t&&e.removeEventListener(n,t),e.addEventListener(n,r[n]=function(e){o&&o.call(this,e)})},Oe=e=>{const n=new Map;return e.forEach((e=>n.set(e,e))),n};let Ce;const Le=(...e)=>n=>{e.forEach((e=>{((e,n)=>{"function"==typeof e?e(n):null!=e&&(e.current=n)})(e,n)}))},Ne=(e,n,o,r)=>{void 0!==r&&r();const t=e.toLowerCase().split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(""),a=class extends xe.Component{constructor(e){super(e),this.setComponentElRef=e=>{this.componentEl=e}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,n,o={})=>{if(e instanceof Element){const r=((e,n,o)=>{const r=n.className||n.class,t=o.className||o.class,a=Oe(e),l=Oe(r?r.split(" "):[]),i=Oe(t?t.split(" "):[]),c=[];return a.forEach((e=>{l.has(e)?(c.push(e),l.delete(e)):i.has(e)||c.push(e)})),l.forEach((e=>c.push(e))),c.join(" ")})(e.classList,n,o);""!==r&&(e.className=r),Object.keys(n).forEach((o=>{if("children"!==o&&"style"!==o&&"ref"!==o&&"class"!==o&&"className"!==o&&"forwardedRef"!==o)if(0===o.indexOf("on")&&o[2]===o[2].toUpperCase()){const r=o.substring(2),t=r[0].toLowerCase()+r.substring(1);Se(t)||Te(e,t,n[o])}else e[o]=n[o],"string"==typeof n[o]&&e.setAttribute(ze(o),n[o])}))}})(this.componentEl,this.props,e)}render(){const{children:n,forwardedRef:r,style:t,className:a,ref:l,...i}=this.props;let c=Object.keys(i).reduce(((e,n)=>{const o=i[n];if(0===n.indexOf("on")&&n[2]===n[2].toUpperCase()){const r=n.substring(2).toLowerCase();"undefined"!=typeof document&&Se(r)&&(e[n]=o)}else{const r=typeof o;"string"!==r&&"boolean"!==r&&"number"!==r||(e[ze(n)]=o)}return e}),{});o&&(c=o(this.props,c));const s={...c,ref:Le(r,this.setComponentElRef),style:t},d="function"==typeof Ce?Ce(e):e;return(0,xe.createElement)(d,s,n)}static get displayName(){return t}};return n&&(a.contextType=n),((e,n)=>{const o=(n,o)=>xe.createElement(e,{...n,forwardedRef:o});return o.displayName=n,xe.forwardRef(o)})(a,t)},$e=Ne("kol-abbr"),Ae=Ne("kol-accordion"),Ie=Ne("kol-alert"),Pe=Ne("kol-avatar"),je=Ne("kol-badge"),Fe=Ne("kol-breadcrumb"),Re=Ne("kol-button"),De=Ne("kol-button-group"),Ke=Ne("kol-button-link"),Me=Ne("kol-card"),Be=Ne("kol-combobox"),Ue=Ne("kol-details"),He=Ne("kol-drawer"),Ve=Ne("kol-form"),qe=Ne("kol-heading"),We=Ne("kol-icon"),Ze=Ne("kol-image"),Ge=Ne("kol-indented-text"),Ye=Ne("kol-input-checkbox"),Qe=Ne("kol-input-color"),Xe=Ne("kol-input-date"),Je=Ne("kol-input-email"),en=Ne("kol-input-file"),nn=Ne("kol-input-number"),on=Ne("kol-input-password"),rn=Ne("kol-input-radio"),tn=Ne("kol-input-range"),an=Ne("kol-input-text"),ln=Ne("kol-kolibri"),cn=Ne("kol-link"),sn=Ne("kol-link-button"),dn=Ne("kol-link-group"),un=Ne("kol-modal"),hn=Ne("kol-nav"),mn=Ne("kol-pagination"),bn=Ne("kol-progress"),pn=Ne("kol-quote"),fn=Ne("kol-select"),gn=Ne("kol-single-select"),vn=Ne("kol-skip-nav"),kn=Ne("kol-spin"),yn=Ne("kol-split-button"),wn=Ne("kol-table"),_n=Ne("kol-table-stateful"),En=Ne("kol-table-stateless"),xn=Ne("kol-tabs"),zn=Ne("kol-textarea"),Sn=Ne("kol-toolbar"),Tn=Ne("kol-tree"),On=Ne("kol-tree-item"),Cn=Ne("kol-version");function Ln(e){const n=document.createElement("div");return n.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(n),n}var Nn,$n,An,In,Pn=l(7883),jn=l(6020),Fn=l(8457),Rn=l(6448);($n=Nn||(Nn={}))[$n.error=0]="error",$n[$n.warning=1]="warning",$n[$n.info=2]="info",$n[$n.success=3]="success",$n[$n.message=4]="message",$n[$n.close=5]="close",$n[$n["form-description"]=6]="form-description",$n[$n.of=7]="of",$n[$n.characters=8]="characters",$n[$n.new=9]="new",$n[$n["no-entries"]=10]="no-entries",$n[$n["change-order"]=11]="change-order",$n[$n["action-running"]=12]="action-running",$n[$n["action-done"]=13]="action-done",$n[$n["page-first"]=14]="page-first",$n[$n["page-back"]=15]="page-back",$n[$n["page-next"]=16]="page-next",$n[$n["page-last"]=17]="page-last",$n[$n["entries-per-site"]=18]="entries-per-site",$n[$n["page-current"]=19]="page-current",$n[$n["page-selected"]=20]="page-selected",$n[$n["page-per-site"]=21]="page-per-site",$n[$n["logo-description"]=22]="logo-description",$n[$n["open-link-in-tab"]=23]="open-link-in-tab",$n[$n["kolibri-logo"]=24]="kolibri-logo",(In=An||(An={}))[In.abbr=0]="abbr",In[In.accordion=1]="accordion",In[In["accordion-group"]=2]="accordion-group",In[In.alert=3]="alert",In[In.avatar=4]="avatar",In[In.badge=5]="badge",In[In.breadcrumb=6]="breadcrumb",In[In.button=7]="button",In[In["button-group"]=8]="button-group",In[In["button-link"]=9]="button-link",In[In.card=10]="card",In[In.combobox=11]="combobox",In[In.details=12]="details",In[In.drawer=13]="drawer",In[In.form=14]="form",In[In.heading=15]="heading",In[In.icon=16]="icon",In[In.image=17]="image",In[In["indented-text"]=18]="indented-text",In[In["input-checkbox"]=19]="input-checkbox",In[In["input-color"]=20]="input-color",In[In["input-date"]=21]="input-date",In[In["input-email"]=22]="input-email",In[In["input-file"]=23]="input-file",In[In["input-number"]=24]="input-number",In[In["input-password"]=25]="input-password",In[In["input-radio"]=26]="input-radio",In[In["input-range"]=27]="input-range",In[In["input-text"]=28]="input-text",In[In.kolibri=29]="kolibri",In[In.link=30]="link",In[In["link-button"]=31]="link-button",In[In["link-group"]=32]="link-group",In[In.logo=33]="logo",In[In.modal=34]="modal",In[In.nav=35]="nav",In[In.pagination=36]="pagination",In[In.progress=37]="progress",In[In.select=38]="select",In[In.separator=39]="separator",In[In["skip-nav"]=40]="skip-nav",In[In.spin=41]="spin",In[In["single-select"]=42]="single-select",In[In["split-button"]=43]="split-button",In[In.symbol=44]="symbol",In[In.table=45]="table",In[In["table-stateless"]=46]="table-stateless",In[In["table-stateful"]=47]="table-stateful",In[In.tabs=48]="tabs",In[In.textarea=49]="textarea",In[In["toast-container"]=50]="toast-container",In[In.toolbar=51]="toolbar",In[In.tooltip=52]="tooltip",In[In.tree=53]="tree",In[In["tree-item"]=54]="tree-item",new jn.n("kol",Nn,An);let Dn=!1;const Kn=()=>Dn;class Mn{constructor(e,n){this.document=e,this.options=n,this.toastContainerElement=this.document.createElement(Pn.K),this.document.body.prepend(this.toastContainerElement)}static getInstance(e,n){if(!Kn())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let o=this.instances.get(e);return o||(o=new Mn(e,n),this.instances.set(e,o)),o}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):Rn.L.warn("Toaster service is already disposed.",{forceLog:!0})}enqueue(e){var n,o,r,t;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue){const a=null!==(o=null===(n=this.options)||void 0===n?void 0:n.defaultVariant)&&void 0!==o?o:void 0,l=null!==(t=null===(r=this.options)||void 0===r?void 0:r.defaultAlertVariant)&&void 0!==t?t:void 0;return e.alertVariant||e.variant||!this.options||(e.variant=null!=l?l:a),this.toastContainerElement.enqueue(e)}}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}Mn.instances=new Map;var Bn=l(1114);(0,Bn.a)((e=>{try{e.shadowRoot instanceof ShadowRoot&&(0,jn.a)(e,(0,jn.U)(e))}catch(e){}return"default"})),Promise.all([l.e(4058),l.e(3906)]).then(l.bind(l,3906)).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{Rn.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 Un="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(e){var n,o;n=Un,o=function(){var e=function(){},n="undefined",o=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),r=["trace","debug","info","warn","error"],t={},a=null;function l(e,n){var o=e[n];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(n){return function(){return Function.prototype.apply.apply(o,[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 o=this.getLevel(),t=0;t<r.length;t++){var a=r[t];this[a]=t<o?e:this.methodFactory(a,o,this.name)}if(this.log=this.debug,typeof console===n&&o<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(r,t,a){return function(r){return"debug"===r&&(r="log"),typeof console!==n&&("trace"===r&&o?i:void 0!==console[r]?l(console,r):void 0!==console.log?l(console,"log"):e)}(r)||s.apply(this,arguments)}function u(e,o){var l,i,s,u=this,h="loglevel";function m(){var e;if(typeof window!==n&&h){try{e=window.localStorage[h]}catch(e){}if(typeof e===n)try{var o=window.document.cookie,r=encodeURIComponent(h),t=o.indexOf(r+"=");-1!==t&&(e=/^([^;]+)/.exec(o.slice(t+r.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?h+=":"+e:"symbol"==typeof e&&(h=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=o||d,u.getLevel=function(){return null!=s?s:null!=i?i:l},u.setLevel=function(e,o){return s=b(e),!1!==o&&function(e){var o=(r[e]||"silent").toUpperCase();if(typeof window!==n&&h){try{return void(window.localStorage[h]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(h)+"="+o+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),m()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&h){try{window.localStorage.removeItem(h)}catch(e){}try{window.document.cookie=encodeURIComponent(h)+"=; 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(a!==u&&(l=b(a.getLevel())),c.call(u),a===u)for(var e in t)t[e].rebuild()},l=b(a?a.getLevel():"WARN");var p=m();null!=p&&(s=b(p)),c.call(u)}(a=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=t[e];return n||(n=t[e]=new u(e,a.methodFactory)),n};var h=typeof window!==n?window.log:void 0;return a.noConflict=function(){return typeof window!==n&&window.log===a&&(window.log=h),a},a.getLoggers=function(){return t},a.default=a,a},e.exports?e.exports=o():n.log=o()}({exports:{}});const Hn={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}},Vn=new Set,qn=/--[^;]+/g,Wn=/:/,Zn=(e,n)=>"object"==typeof Hn.A11yUi&&null!==Hn.A11yUi&&"object"==typeof Hn.A11yUi.Themes&&null!==Hn.A11yUi.Themes&&"object"==typeof Hn.A11yUi.Themes[e]&&null!==Hn.A11yUi.Themes[e]&&"string"==typeof Hn.A11yUi.Themes[e][n]?Hn.A11yUi.Themes[e][n].replace(/\r?\n/g,""):"",Gn=(e,n)=>{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(Hn.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))Yn(r,Hn.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName));else{const t=Zn(o,"PROPERTIES"),a=Zn(o,"GLOBAL"),l=Zn(o,e.tagName);!1===Vn.has(o)&&((e,n)=>{let o=n.match(qn);if(Array.isArray(o)){o=o.filter((e=>Wn.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(n)}Vn.add(e)})(o,a);const i=[t,a,l];((e,n,o)=>{if(!1!==o){const r=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let t;try{t=[...Array.from(e.adoptedStyleSheets)]}catch{t=[]}"before"===o?.mode?(r.reverse().forEach((e=>n.unshift(e.innerHTML))),t.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(r.forEach((e=>n.push(e.innerHTML))),t.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(r,i,n.encroachCss),"debug"===n.loglevel&&console.log(e.tagName,i),!0===n.cache&&(!1===Hn.A11yUi.CSS_STYLE_CACHE.has(o)&&Hn.A11yUi.CSS_STYLE_CACHE.set(o,new Map),Hn.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,i)),Yn(r,i)}},Yn=(e,n)=>{(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)}})(e),((e,n)=>{try{if("ssr"===Hn.A11yUi.Theme?.mode)throw new Error("SSR");const o=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),o.push(n)})),e.adoptedStyleSheets=o}catch{[...n].reverse().forEach(((n,o)=>{if("string"!=typeof n||0===n.length)return;const r=document.createElement("style");switch(r.dataset.themingFallback="",o){case 4:r.dataset.themingBaseA11y="";break;case 3:r.dataset.themingBaseGlobal="";break;case 2:r.dataset.themingBaseComponent="";break;case 1:r.dataset.themingCustomGlobal="";break;case 0:r.dataset.themingCustomComponent="";break;default:r.dataset.themingUnknown=""}r.innerHTML=n,e.insertBefore(r,e.firstChild)}))}})(e,n)},Qn=(e,n)=>{(e=>{Hn.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),(e=>{"debug"===e.loglevel&&Hn.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:Hn.A11yUi.STYLING_TASK_QUEUE.size})})(n)},Xn=e=>{for(const n of e)if(Hn.A11yUi.STYLING_TASK_QUEUE.has(n.target)&&n.target.classList.contains("hydrated")){const{themeDetails:e}=Hn.A11yUi.STYLING_TASK_QUEUE.get(n.target);Gn(n.target,e),Qn(n.target,e)}};let Jn;try{Jn=new MutationObserver(Xn)}catch{Jn=null}var eo,no;!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"}(eo||(eo={})),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-group"]=8]="button-group",e[e["button-link"]=9]="button-link",e[e.card=10]="card",e[e.combobox=11]="combobox",e[e.details=12]="details",e[e.drawer=13]="drawer",e[e.form=14]="form",e[e.heading=15]="heading",e[e.icon=16]="icon",e[e.image=17]="image",e[e["indented-text"]=18]="indented-text",e[e["input-checkbox"]=19]="input-checkbox",e[e["input-color"]=20]="input-color",e[e["input-date"]=21]="input-date",e[e["input-email"]=22]="input-email",e[e["input-file"]=23]="input-file",e[e["input-number"]=24]="input-number",e[e["input-password"]=25]="input-password",e[e["input-radio"]=26]="input-radio",e[e["input-range"]=27]="input-range",e[e["input-text"]=28]="input-text",e[e.kolibri=29]="kolibri",e[e.link=30]="link",e[e["link-button"]=31]="link-button",e[e["link-group"]=32]="link-group",e[e.logo=33]="logo",e[e.modal=34]="modal",e[e.nav=35]="nav",e[e.pagination=36]="pagination",e[e.progress=37]="progress",e[e.select=38]="select",e[e.separator=39]="separator",e[e["skip-nav"]=40]="skip-nav",e[e.spin=41]="spin",e[e["single-select"]=42]="single-select",e[e["split-button"]=43]="split-button",e[e.symbol=44]="symbol",e[e.table=45]="table",e[e["table-stateless"]=46]="table-stateless",e[e["table-stateful"]=47]="table-stateful",e[e.tabs=48]="tabs",e[e.textarea=49]="textarea",e[e["toast-container"]=50]="toast-container",e[e.toolbar=51]="toolbar",e[e.tooltip=52]="tooltip",e[e.tree=53]="tree",e[e["tree-item"]=54]="tree-item"}(no||(no={}));const oo=new class{constructor(e,n,o){this.createTheme=(e,n)=>((e,n)=>o=>o(e,n,{append:!1}))(e,n),this.createTranslation=(e,n)=>((e,n)=>o=>o(e,n))(e,n),this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(o)}}("kol",eo,no),ro=oo.createTheme("default",{GLOBAL:"@layer kol-theme-global {\n  :host {\n    --border-radius: var(--kolibri-border-radius, calc(5rem / var(--kolibri-root-font-size, 16)));\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, calc(1rem / var(--kolibri-root-font-size, 16)));\n    --color-primary: var(--kolibri-color-primary, #004b76);\n    --color-primary-variant: var(--kolibri-color-primary-variant, #0077b6);\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-heading-wc {\n    font-weight: 700;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    border: var(--border-width) solid var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    border: var(--border-width) solid var(--color-subtle);\n  }\n  .kol-tooltip-wc .tooltip-area {\n    background-color: var(--color-light);\n  }\n  .kol-tooltip-wc .tooltip-content {\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-wc,\n  .kol-span-wc > span {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\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  .accordion {\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .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  .accordion__heading {\n    margin: 0;\n  }\n  .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  .accordion__heading-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\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  .accordion__heading-button:focus-within button {\n    outline: 0;\n  }\n  .accordion__heading-button .kol-span-wc > span {\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  .accordion__heading-button button {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .accordion__heading-button button :focus {\n    outline: none;\n  }\n  .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  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\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  :host {\n    display: inline-block;\n    font-family: var(--font-family);\n  }\n  :host > span {\n    border-radius: var(--border-radius);\n    display: inline-flex;\n    font-style: normal;\n  }\n  :host > span.smart-button {\n    align-items: center;\n  }\n  :host > span .kol-button-wc:hover > button {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  :host > span .kol-button-wc > 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  :host > span .kol-span-wc {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > span > .kol-span-wc {\n    align-items: center;\n    font-style: normal;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > span > .kol-span-wc > span {\n    display: flex;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  li:has(:is(.kol-icon + .kol-link, .kol-icon + span)) .kol-icon {\n    font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-subtle);\n  }\n  .kol-link::part(icon) {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  ul li:last-child > span {\n    color: var(--color-subtle);\n  }\n  .kol-link {\n    font-family: var(--font-family);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :is(a, button) > .kol-span-wc {\n    font-weight: 700;\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\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  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus .kol-span-wc {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .primary :is(a, button) > .kol-span-wc,\n  .primary :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .secondary :is(a, button) > .kol-span-wc,\n  .secondary :is(a, button):disabled:hover > .kol-span-wc,\n  .normal :is(a, button) > .kol-span-wc,\n  .normal :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .danger :is(a, button) > .kol-span-wc,\n  .danger :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  .ghost :is(a, button) > .kol-span-wc,\n  .ghost :is(a, button):disabled:hover > .kol-span-wc {\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n    box-shadow: none;\n    color: var(--color-primary);\n  }\n  /*-----------*/\n  .primary :is(a, button):active > .kol-span-wc,\n  .primary :is(a, button):hover > .kol-span-wc,\n  .secondary :is(a, button):active > .kol-span-wc,\n  .secondary :is(a, button):hover > .kol-span-wc,\n  .normal :is(a, button):active > .kol-span-wc,\n  .normal :is(a, button):hover > .kol-span-wc,\n  .danger :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):hover > .kol-span-wc,\n  .ghost :is(a, button):active > .kol-span-wc,\n  .ghost :is(a, button):hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .danger :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n  }\n  :is(a, button):disabled:hover > .kol-span-wc,\n  :is(a, button):focus:hover > .kol-span-wc {\n    box-shadow: none;\n  }\n  .primary :is(a, button):active > .kol-span-wc,\n  .secondary :is(a, button):active > .kol-span-wc,\n  .normal :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):active > .kol-span-wc,\n  .ghost :is(a, button):active > .kol-span-wc {\n    border-color: var(--color-light);\n    box-shadow: none;\n    outline: none;\n  }\n  :is(a, button).hide-label > .kol-span-wc {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  :is(a, button).hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  :is(a, button).loading > .kol-span-wc .kol-icon {\n    animation: spin 5s infinite linear;\n  }\n  /** small ghost button */\n  .ghost :is(a, button).small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  .ghost :is(a, button).small > .kol-span-wc > span {\n    border-radius: 1.5em;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n  }\n  .ghost :is(a, button).small:active > .kol-span-wc > span,\n  .ghost :is(a, button).small:hover > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent:active > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent:hover > .kol-span-wc > span {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  /** :is(a,button) with transparent background */\n  :is(a, button).transparent > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent > .kol-span-wc > span,\n  :is(a, button).transparent > .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  .access-key-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-BUTTON-GROUP":"@layer kol-theme-component {\n  :host > .kol-button-group-wc {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  :is(a, button) {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    font-size: inherit;\n  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus .kol-span-wc {\n    border-radius: var(--border-radius);\n    outline: calc(var(--border-width) * 2) solid;\n  }\n  a:hover:not([aria-disabled]) .kol-span-wc .span-label,\n  button:hover:not([disabled]) .kol-span-wc .span-label {\n    text-decoration-thickness: 0.25em;\n  }\n  :is(a, button):visited {\n    color: var(--visited);\n  }\n  .skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n  }\n  .skip:focus {\n    background-color: white;\n    left: unset;\n    position: unset;\n  }\n  .access-key-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  /* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */\n  :host > div {\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 calc(4rem / var(--kolibri-root-font-size, 16)) var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n  :host .kol-heading-wc {\n    line-height: 1.75;\n  }\n  :host div.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  :host div.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  :host div.footer {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-COMBOBOX":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .combobox {\n    display: block;\n    position: relative;\n  }\n  .combobox__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .combobox__input::placeholder {\n    color: var(--color-subtle);\n  }\n  .combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .combobox__icon {\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  .combobox__icon:focus {\n    outline: 0;\n  }\n  .combobox__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\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  .combobox__item {\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  .combobox__item:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .error:not(.hidden-error) {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\n    padding: 0;\n  }\n  .kol-input .counter {\n    order: 4;\n  }\n  .kol-input .hint {\n    order: 5;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  input::placeholder {\n    color: var(--color-subtle);\n  }\n  .input {\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) input {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .input {\n    position: relative;\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n}',"KOL-DETAILS":"@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  .details {\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .details__content.indented-text {\n    font-family: var(--font-family);\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) 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  .details__heading {\n    margin: 0;\n  }\n  .details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .details__heading-button .kol-span-wc > span {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .details__heading-button .kol-span-wc .span-label {\n    border-bottom-color: #000;\n  }\n  .details__heading-button button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\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  .drawer__wrapper {\n    box-shadow: 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) var(--color-subtle);\n  }\n  .drawer__wrapper--left {\n    animation: slideInLeft 0.4s forwards;\n  }\n  .drawer__wrapper--left.is-closing {\n    animation: slideOutLeft 0.4s forwards;\n  }\n  .drawer__wrapper--right {\n    animation: slideInRight 0.4s forwards;\n  }\n  .drawer__wrapper--right.is-closing {\n    animation: slideOutRight 0.4s forwards;\n  }\n  .drawer__wrapper--top {\n    animation: slideInTop 0.4s forwards;\n  }\n  .drawer__wrapper--top.is-closing {\n    animation: slideOutTop 0.4s forwards;\n  }\n  .drawer__wrapper--bottom {\n    animation: slideInBottom 0.4s forwards;\n  }\n  .drawer__wrapper--bottom.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  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-link-wc {\n    display: inline-block;\n  }\n  .kol-link-wc :is(a, button) {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1;\n  }\n  .kol-link-wc :is(a, button):focus {\n    outline: none;\n  }\n  .kol-link-wc :is(a, button):focus kol-span-wc {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link-wc a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n  .kol-link-wc button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-link-wc :is(a, button):visited {\n    color: var(--visited);\n  }\n  .kol-link-wc .skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-link-wc .skip:focus {\n    background-color: white;\n    left: unset;\n    position: unset;\n  }\n  .mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) 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  .headline-h1,\n  .headline-h2,\n  .headline-h3,\n  .headline-h4,\n  .headline-h5,\n  .headline-h6 {\n    color: inherit;\n    font-style: normal;\n    font-family: var(--font-family);\n  }\n  .headline-h1,\n  .headline-h2,\n  .headline-h3 {\n    font-weight: 700;\n  }\n  .headline-h1 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.667;\n  }\n  .headline-h2 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .headline-h3 {\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.333;\n  }\n}","KOL-INDENTED-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-indented-text-wc > div {\n    font-family: var(--font-family);\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) 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-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    display: grid;\n    align-items: center;\n    justify-items: left;\n    width: 100%;\n    min-height: var(--a11y-min-size);\n    gap: calc(6.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.default {\n    grid-template-columns: calc(24rem / var(--kolibri-root-font-size, 16)) auto;\n  }\n  .kol-input.default[data-label-align=left]:not(.hide-label) {\n    grid-template-columns: auto calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.switch {\n    grid-template-columns: calc(56rem / var(--kolibri-root-font-size, 16)) auto;\n  }\n  .kol-input.switch[data-label-align=left]:not(.hide-label) {\n    grid-template-columns: auto calc(56rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.button {\n    gap: calc(6.4rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .checkbox-container {\n    justify-content: flex-start;\n  }\n  .kol-input > div.input {\n    display: inherit;\n    min-height: var(--a11y-min-size);\n    order: 2;\n  }\n  .kol-input > div.input input {\n    margin: 0;\n  }\n  kol-input > label {\n    order: 3;\n  }\n  .disabled .input-label,\n  .disabled .checkbox-container {\n    cursor: not-allowed;\n  }\n  .kol-input > .kol-alert-wc.error {\n    order: 1;\n    padding-top: calc(var(--spacing) / 2);\n    grid-column: span 2/auto;\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input.error:not(.hidden-error) input:focus,\n  .kol-input.error:not(.hidden-error) select:focus,\n  .kol-input.error:not(.hidden-error) textarea:focus {\n    outline-color: var(--color-danger);\n  }\n  input {\n    cursor: pointer;\n    order: 1;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: var(--border-radius);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n  }\n  input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  input:focus:hover {\n    box-shadow: none;\n  }\n  input:active {\n    box-shadow: none;\n  }\n  .kol-alert-wc {\n    display: block;\n    width: 100%;\n  }\n  /* CHECKBOX */\n  .kol-input label span {\n    margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  .kol-input input[type=checkbox] {\n    appearance: none;\n    background-color: white;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  .kol-input input[type=checkbox]:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-input.default input[type=checkbox] {\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-input.default input[type=checkbox]:indeterminate {\n    background-color: var(--color-primary);\n  }\n  .kol-input.default .icon {\n    color: var(--color-light);\n    margin-left: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.switch input[type=checkbox] {\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-input.switch input[type=checkbox]: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-input.switch input[type=checkbox]:checked {\n    background-color: var(--color-primary);\n  }\n  .kol-input.switch input[type=checkbox]:checked:before {\n    transform: translateX(2em);\n  }\n  .kol-input.switch input[type=checkbox]:indeterminate:before {\n    transform: translateX(1em);\n  }\n  .kol-input input[type=checkbox]:focus {\n    outline-color: var(--color-primary);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .switch .icon {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .switch.checked .icon {\n    transform: translate(2em, -50%);\n  }\n  .switch.indeterminate .icon {\n    transform: translate(1em, -50%);\n  }\n  .button .input {\n    border-top-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-left-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-bottom-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-top-style: solid;\n    border-left-style: solid;\n    border-bottom-style: solid;\n  }\n  .button.hide-label .input {\n    border-right-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-right-style: solid;\n  }\n  .button .input-label {\n    border-top-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-right-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-bottom-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-top-style: solid;\n    border-right-style: solid;\n    border-bottom-style: solid;\n    justify-self: stretch;\n    align-self: stretch;\n    display: flex;\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .button .input-label .input-label-span {\n    margin: auto auto;\n    font-weight: 700;\n  }\n  .button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .button .input,\n  .button .input-label {\n    border-color: var(--color-primary);\n    background-color: var(--color-light);\n    color: var(--color-primary);\n  }\n  .button.indeterminate .input,\n  .button.indeterminate .input-label {\n    border-color: var(--color-primary);\n    background-color: var(--color-mute);\n    color: var(--color-primary);\n  }\n  .button.checked .input,\n  .button.checked .input-label {\n    border-color: var(--color-primary);\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .button:is(:active, :hover):not(.disabled) .input,\n  .button:is(:active, :hover):not(.disabled) .input-label {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .button.disabled .input {\n    opacity: 0.5;\n    outline: none;\n  }\n  .button[data-label-align=left]:not(.hide-label) {\n    column-gap: 0;\n  }\n  .button[data-label-align=left]:not(.hide-label) .input {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n  }\n  .button[data-label-align=left]:not(.hide-label) .input-label {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16)) 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}',"KOL-INPUT-COLOR":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}\n@layer kol-theme-component {\n  input[type=color] {\n    border: none;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=color] {\n    background-color: transparent;\n  }\n}',"KOL-INPUT-DATE":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}',"KOL-INPUT-EMAIL":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}',"KOL-INPUT-FILE":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}\n@layer kol-theme-component {\n  .kol-input .input input[type=file] {\n    padding-top: calc(0.5em + 2rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=file] {\n    background-color: transparent;\n  }\n}',"KOL-INPUT-NUMBER":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}',"KOL-INPUT-PASSWORD":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}',"KOL-INPUT-RADIO":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  label {\n    cursor: pointer;\n    display: grid;\n    line-height: 1.25;\n    gap: calc(var(--spacing) * 2);\n    width: 100%;\n  }\n  input {\n    cursor: pointer;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n  }\n  input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  input:focus:hover {\n    box-shadow: none;\n  }\n  input:hover {\n    border-color: var(--color-primary);\n  }\n  .kol-alert-wc {\n    display: block;\n    width: 100%;\n  }\n  .required legend > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  /* RADIO */\n  fieldset {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    gap: 0.25em;\n  }\n  .radio-input-wrapper {\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    flex-direction: row;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    position: relative;\n  }\n  .radio-input-wrapper label {\n    cursor: pointer;\n    display: flex;\n    padding-left: calc(var(--spacing) / 2);\n    width: 100%;\n  }\n  .radio-input-wrapper label span {\n    margin-top: 0.125em;\n  }\n  .radio-input-wrapper input[type=radio] {\n    appearance: none;\n    transition: 0.5s;\n    border-radius: 100%;\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  .radio-input-wrapper input[type=radio]:before {\n    content: "";\n    cursor: pointer;\n    border-radius: 100%;\n    display: block;\n  }\n  .radio-input-wrapper input[type=radio]:checked:before {\n    background-color: var(--color-primary);\n  }\n  .radio-input-wrapper input[type=radio]:disabled {\n    cursor: not-allowed;\n    background-color: var(--color-mute-variant);\n  }\n  .kol-alert-wc.error {\n    order: 3;\n  }\n  .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  fieldset legend {\n    order: 2;\n    display: contents;\n  }\n  fieldset .kol-input {\n    display: grid;\n    order: 2;\n  }\n  .kol-input .hint {\n    order: 3;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  fieldset.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  fieldset.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  fieldset.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  fieldset.error:not(.hidden-error) input:focus,\n  fieldset.error:not(.hidden-error) select:focus,\n  fieldset.error:not(.hidden-error) textarea:focus {\n    outline-color: var(--color-danger);\n  }\n  fieldset.error:not(.hidden-error) .kol-alert-wc.error {\n    margin-left: -0.25em;\n  }\n  fieldset.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing) calc(var(--spacing) * 2);\n    align-items: flex-start;\n  }\n  fieldset.horizontal legend {\n    display: inline-block;\n    margin-bottom: calc(var(--spacing) / 2);\n  }\n  fieldset .input-slot {\n    gap: var(--spacing);\n  }\n  .radio-input-wrapper label {\n    padding-left: 0;\n  }\n}',"KOL-INPUT-RANGE":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .error:not(.hidden-error) {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  input::placeholder {\n    color: var(--color-subtle);\n  }\n  .input {\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input.icon-left > .kol-icon:first-child {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input.icon-right > .kol-icon:last-child {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  input:disabled {\n    cursor: not-allowed;\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n}',"KOL-INPUT-TEXT":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}',"KOL-KOLIBRI":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  :host {\n    font-family: inherit;\n  }\n  :is(a, button) {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1;\n  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus kol-span-wc {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n  button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n    text-decoration-thickness: 0.25em;\n  }\n  :is(a, button):visited {\n    color: var(--visited);\n  }\n  .skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .skip:focus {\n    background-color: white;\n    left: unset;\n    position: unset;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus .kol-span-wc {\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(var(--border-width) * 2);\n    transition: outline-offset 0.2s linear;\n  }\n  :is(a, button) > .kol-span-wc {\n    font-weight: 700;\n    border-radius: var(--a11y-min-size);\n    border-style: solid;\n    outline-width: calc(var(--border-width) * 2);\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  .primary :is(a, button) > .kol-span-wc,\n  .primary :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .secondary :is(a, button) > .kol-span-wc,\n  .secondary :is(a, button):disabled:hover > .kol-span-wc,\n  .normal :is(a, button) > .kol-span-wc,\n  .normal :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .danger :is(a, button) > .kol-span-wc,\n  .danger :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  .ghost :is(a, button) > .kol-span-wc,\n  .ghost :is(a, button):disabled:hover > .kol-span-wc {\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n    box-shadow: none;\n    color: var(--color-primary);\n  }\n  /*-----------*/\n  .primary :is(a, button):active > .kol-span-wc,\n  .primary :is(a, button):hover > .kol-span-wc,\n  .secondary :is(a, button):active > .kol-span-wc,\n  .secondary :is(a, button):hover > .kol-span-wc,\n  .normal :is(a, button):active > .kol-span-wc,\n  .normal :is(a, button):hover > .kol-span-wc,\n  .danger :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):hover > .kol-span-wc,\n  .ghost :is(a, button):active > .kol-span-wc,\n  .ghost :is(a, button):hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .danger :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n  }\n  :is(a, button):disabled:hover > .kol-span-wc,\n  :is(a, button):focus:hover > .kol-span-wc {\n    box-shadow: none;\n  }\n  .primary :is(a, button):active > .kol-span-wc,\n  .secondary :is(a, button):active > .kol-span-wc,\n  .normal :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):active > .kol-span-wc,\n  .ghost :is(a, button):active > .kol-span-wc {\n    border-color: var(--color-light);\n    box-shadow: none;\n    outline: none;\n  }\n  :is(a, button).hide-label > .kol-span-wc {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  :is(a, button).hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  :is(a, button).loading > .kol-span-wc .kol-icon {\n    animation: spin 5s infinite linear;\n  }\n  /** small ghost button */\n  .ghost :is(a, button).small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  .ghost :is(a, button).small > .kol-span-wc > span {\n    border-radius: 1.5em;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n  }\n  .ghost :is(a, button).small:active > .kol-span-wc > span,\n  .ghost :is(a, button).small:hover > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent:active > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent:hover > .kol-span-wc > span {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  /** :is(a,button) with transparent background */\n  :is(a, button).transparent > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent > .kol-span-wc > span,\n  :is(a, button).transparent > .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n  }\n}","KOL-NAV":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  nav {\n    background-color: var(--color-mute);\n  }\n  ul {\n    list-style: none;\n  }\n  .kol-link-wc {\n    display: flex;\n  }\n  .entry-item a,\n  .entry-item .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  .vertical .entry-item a,\n  .vertical .entry-item .button {\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .horizontal .entry-item a,\n  .horizontal .entry-item .button {\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .vertical .active .entry-item a,\n  .vertical .active .entry-item .button {\n    border-left-color: var(--color-primary);\n  }\n  .entry-item a:focus-visible,\n  .entry-item .button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .entry-item a:hover {\n    text-decoration: underline;\n  }\n  .list .list {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .active .entry-item a,\n  .active .entry-item .button {\n    font-weight: bold;\n  }\n  .active .list .entry-item a,\n  .active .list .entry-item .button {\n    font-weight: normal;\n    border-left-color: transparent;\n  }\n  .expand-button {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .expand-button .button:hover {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .expand-button .button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .expand-button .button-inner {\n    justify-content: center;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .button:focus {\n    outline: none;\n  }\n  .button-inner {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  .button:focus .button-inner {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .button:is(:active, :hover):not(:disabled) .button-inner {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .button:active .button-inner {\n    color: var(--color-light);\n    outline: none;\n  }\n  .selected button {\n    opacity: 1;\n  }\n  .selected .button-inner {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n    border: 0;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host progress,\n  :host span {\n    display: block;\n    height: 0;\n    overflow: hidden;\n    width: 0;\n  }\n  :host svg line:first-child,\n  :host svg circle:first-child {\n    fill: transparent;\n    stroke: var(--color-mute-variant);\n  }\n  :host svg line:last-child,\n  :host svg circle:last-child {\n    fill: transparent;\n    stroke: var(--color-primary);\n  }\n  .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  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-input .kol-alert-wc {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .input:is(.icon-left, .icon-right) {\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-input .input:is(.icon-left, .icon-right) input {\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-input .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .kol-input .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  .kol-input .input input {\n    border: none;\n  }\n  .kol-input .input input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input .input input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-input .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n}\n@layer kol-theme-component {\n  .input > .kol-icon {\n    width: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  select {\n    border: none;\n  }\n  select[multiple] {\n    overflow: auto;\n  }\n  select option {\n    margin: calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n    border-radius: var(--border-radius);\n    cursor: pointer;\n  }\n  select option:disabled {\n    cursor: not-allowed;\n  }\n  select option:active:not(:disabled), select option:checked:not(:disabled), select option:focus:not(:disabled), select option:hover:not(:disabled) {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  select:not([multiple]) option {\n    padding: 0.5em;\n  }\n}',"KOL-SINGLE-SELECT":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .single-select__group {\n    width: 100%;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select__input {\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .single-select__input::placeholder {\n    color: var(--color-subtle);\n  }\n  .single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .single-select__input:not(.disabled) .single-select__input:hover {\n    border-color: var(--color-primary);\n  }\n  .single-select__button {\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  .single-select__button:focus {\n    outline: 0;\n  }\n  .single-select__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n  }\n  .single-select__item {\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  .single-select__item .radio-label {\n    align-self: center;\n    padding-left: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .error:not(.hidden-error) {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\n    padding: 0;\n  }\n  .kol-input .counter {\n    order: 4;\n  }\n  .kol-input .hint {\n    order: 5;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  input::placeholder {\n    color: var(--color-subtle);\n  }\n  .input {\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) input {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .input {\n    position: relative;\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n}',"KOL-SKIP-NAV":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-link-wc > a > .kol-span-wc {\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  :host {\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  .popover {\n    background-color: #fff;\n  }\n  .secondary-button button {\n    height: 100%;\n  }\n  .horizontal-line {\n    background-color: var(--color-primary);\n    border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(a, button) > .kol-span-wc {\n    font-weight: 700;\n    border-top-left-radius: var(--border-radius);\n    border-bottom-left-radius: var(--border-radius);\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  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus .kol-span-wc {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .primary :is(a, button) > .kol-span-wc,\n  .primary :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .secondary :is(a, button) > .kol-span-wc,\n  .secondary :is(a, button):disabled:hover > .kol-span-wc,\n  .normal :is(a, button) > .kol-span-wc,\n  .normal :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .danger :is(a, button) > .kol-span-wc,\n  .danger :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  .ghost :is(a, button) > .kol-span-wc,\n  .ghost :is(a, button):disabled:hover > .kol-span-wc {\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n    box-shadow: none;\n    color: var(--color-primary);\n  }\n  /*-----------*/\n  .primary :is(a, button):active > .kol-span-wc,\n  .primary :is(a, button):hover > .kol-span-wc,\n  .secondary :is(a, button):active > .kol-span-wc,\n  .secondary :is(a, button):hover > .kol-span-wc,\n  .normal :is(a, button):active > .kol-span-wc,\n  .normal :is(a, button):hover > .kol-span-wc,\n  .danger :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):hover > .kol-span-wc,\n  .ghost :is(a, button):active > .kol-span-wc,\n  .ghost :is(a, button):hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .danger :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n  }\n  :is(a, button):disabled:hover > .kol-span-wc,\n  :is(a, button):focus:hover > .kol-span-wc {\n    box-shadow: none;\n  }\n  .primary :is(a, button):active > .kol-span-wc,\n  .secondary :is(a, button):active > .kol-span-wc,\n  .normal :is(a, button):active > .kol-span-wc,\n  .danger :is(a, button):active > .kol-span-wc,\n  .ghost :is(a, button):active > .kol-span-wc {\n    border-color: var(--color-light);\n    box-shadow: none;\n    outline: none;\n  }\n  :is(a, button).hide-label > .kol-span-wc {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  :is(a, button).hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  :is(a, button).loading > .kol-span-wc .kol-icon {\n    animation: spin 5s infinite linear;\n  }\n  /** small ghost button */\n  .ghost :is(a, button).small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  .ghost :is(a, button).small > .kol-span-wc > span {\n    border-radius: 1.5em;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n  }\n  .ghost :is(a, button).small:active > .kol-span-wc > span,\n  .ghost :is(a, button).small:hover > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent:active > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent:hover > .kol-span-wc > span {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  /** :is(a,button) with transparent background */\n  :is(a, button).transparent > .kol-span-wc > span,\n  .ghost :is(a, button).small.transparent > .kol-span-wc > span,\n  :is(a, button).transparent > .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  .access-key-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  :host * {\n    hyphens: var(--hyphens);\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  @media (min-width: 1024px) {\n    div.pagination .kol-pagination {\n      display: flex;\n      align-items: center;\n    }\n  }\n}\n@layer kol-theme-component {\n  :host,\n  .kol-table-stateless-wc * {\n    hyphens: var(--hyphens);\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  :host > div,\n  kol-table-stateless-wc > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-primary);\n  }\n  table thead tr:first-child th,\n  table thead tr:first-child td {\n    border-width: 0;\n    border-top-width: calc(var(--border-width) * 2);\n    border-style: solid;\n    border-color: var(--color-primary-variant);\n  }\n  .table {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  table,\n  table thead tr:nth-last-child(2) th,\n  table thead tr:nth-last-child(2) td {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-style: solid;\n    border-color: var(--color-primary-variant);\n  }\n  th {\n    background-color: var(--color-light);\n  }\n  th[aria-sort=ascending] .button,\n  th[aria-sort=descending] .button {\n    font-weight: 700;\n  }\n  th div {\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  table tbody tr:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  th,\n  td {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  th[aria-sort=ascending],\n  th[aria-sort=descending] {\n    font-weight: 700;\n  }\n  tr.foot-spacer,\n  tr.head-spacer {\n    display: inherit;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  tr.foot-spacer td,\n  tr.head-spacer td {\n    border: none;\n    padding: 0;\n  }\n  .input input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .input input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input:focus:hover {\n    box-shadow: none;\n  }\n  .input input[type=checkbox] {\n    border-color: var(--color-subtle);\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .input .icon {\n    color: var(--color-light);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .input kol-icon:hover ~ input[type=checkbox],\n  .input input[type=checkbox]:hover {\n    border-color: var(--color-primary);\n  }\n  .input input[type=radio] {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .input input[type=radio]:checked {\n    border-color: var(--color-primary);\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-primary);\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  :host,\n  .kol-table-stateless-wc * {\n    hyphens: var(--hyphens);\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  :host > div,\n  kol-table-stateless-wc > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-primary);\n  }\n  table thead tr:first-child th,\n  table thead tr:first-child td {\n    border-width: 0;\n    border-top-width: calc(var(--border-width) * 2);\n    border-style: solid;\n    border-color: var(--color-primary-variant);\n  }\n  .table {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  table,\n  table thead tr:nth-last-child(2) th,\n  table thead tr:nth-last-child(2) td {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-style: solid;\n    border-color: var(--color-primary-variant);\n  }\n  th {\n    background-color: var(--color-light);\n  }\n  th[aria-sort=ascending] .button,\n  th[aria-sort=descending] .button {\n    font-weight: 700;\n  }\n  th div {\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  table tbody tr:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  th,\n  td {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  th[aria-sort=ascending],\n  th[aria-sort=descending] {\n    font-weight: 700;\n  }\n  tr.foot-spacer,\n  tr.head-spacer {\n    display: inherit;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  tr.foot-spacer td,\n  tr.head-spacer td {\n    border: none;\n    padding: 0;\n  }\n  .input input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .input input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input:focus:hover {\n    box-shadow: none;\n  }\n  .input input[type=checkbox] {\n    border-color: var(--color-subtle);\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .input .icon {\n    color: var(--color-light);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .input kol-icon:hover ~ input[type=checkbox],\n  .input input[type=checkbox]:hover {\n    border-color: var(--color-primary);\n  }\n  .input input[type=radio] {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .input input[type=radio]:checked {\n    border-color: var(--color-primary);\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-primary);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .tabs-button-group {\n    display: inline-flex;\n    gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n  }\n  button {\n    box-sizing: border-box;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\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  button:hover {\n    color: var(--color-primary);\n  }\n  button.primary,\n  button.selected {\n    color: var(--color-primary);\n  }\n  button:not(.selected) .kol-span-wc > span {\n    padding-bottom: 0.25em;\n  }\n  button.selected .kol-span-wc > span {\n    border-bottom: 0.25em solid;\n  }\n  button .kol-span-wc > span {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-content {\n    padding: 0.25em 0;\n  }\n  div[role=tabpanel] {\n    height: 100%;\n  }\n  div.grid {\n    height: 100%;\n  }\n  :host > .tabs-align-right {\n    display: grid;\n    grid-template-columns: 1fr auto;\n  }\n  :host > .tabs-align-right .tabs-button-group {\n    display: grid;\n    order: 2;\n  }\n  :host > .tabs-align-left {\n    display: grid;\n    grid-template-columns: auto 1fr;\n  }\n  :host > .tabs-align-left .tabs-button-group {\n    display: grid;\n    order: 0;\n  }\n  :host > .tabs-align-bottom {\n    display: grid;\n    grid-template-rows: 1fr auto;\n  }\n  :host > .tabs-align-bottom .tabs-button-group {\n    order: 2;\n  }\n  :host > .tabs-align-bottom .tabs-button-group > div {\n    display: flex;\n  }\n  :host > .tabs-align-bottom > .tabs-button-group > div > div:first-child {\n    margin: 0 calc(16rem / var(--kolibri-root-font-size, 16)) 0 0;\n  }\n  :host > .tabs-align-bottom > .tabs-button-group > div > div {\n    margin: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > .tabs-align-top {\n    display: grid;\n    grid-template-rows: auto 1fr;\n  }\n  :host > .tabs-align-top .tabs-button-group {\n    order: 0;\n  }\n  :host > .tabs-align-top .tabs-button-group > div {\n    display: flex;\n  }\n  :host > .tabs-align-top > .tabs-button-group > div > div:first-child {\n    margin: 0 calc(16rem / var(--kolibri-root-font-size, 16)) 0 0;\n  }\n  :host > .tabs-align-top > .tabs-button-group > div > div {\n    margin: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > div {\n    display: grid;\n  }\n  :host > div.tabs-align-left {\n    grid-template-columns: auto 1fr;\n  }\n  :host > div.tabs-align-right {\n    grid-template-columns: 1fr auto;\n  }\n  :host > .tabs-align-left .tabs-button-group,\n  :host > .tabs-align-top .tabs-button-group {\n    order: 0;\n  }\n  :host > .tabs-align-bottom .tabs-button-group,\n  :host > .tabs-align-right .tabs-button-group {\n    order: 1;\n  }\n  :host > .tabs-align-left .tabs-button-group,\n  :host > .tabs-align-right .tabs-button-group {\n    gap: inherit;\n  }\n  :host > div.tabs-align-left .tabs-button-group > div,\n  :host > div.tabs-align-left .tabs-button-group > div > div,\n  :host > div.tabs-align-right .tabs-button-group > div,\n  :host > div.tabs-align-right .tabs-button-group > div > div {\n    display: grid;\n  }\n  :host > div.tabs-align-left .tabs-button-group > div > div .kol-button-wc,\n  :host > div.tabs-align-right .tabs-button-group > div > div .kol-button-wc {\n    width: 100%;\n  }\n  :host > div.tabs-align-bottom .tabs-button-group div,\n  :host > div.tabs-align-top .tabs-button-group div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  :host .tabs-button-group button {\n    border: none;\n  }\n}","KOL-TEXTAREA":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  :host .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  :host .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  :host .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  :host .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  :host .msg {\n    align-items: start;\n  }\n  :host .default {\n    border-color: var(--color-subtle);\n  }\n  :host .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  :host .error {\n    border-color: var(--color-danger);\n  }\n  :host .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  :host .info {\n    border-color: var(--color-primary);\n  }\n  :host .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  :host .success {\n    border-color: var(--color-success);\n  }\n  :host .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  :host .warning {\n    border-color: var(--color-warning);\n  }\n  :host .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  :host .heading-icon {\n    color: var(--color-light);\n  }\n  :host .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  :host .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  :host .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  :host .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  :host .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  :host .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  :host .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  :host .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  :host .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  :host .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  :host .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  :host .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  :host .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  :host .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  :host .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > .heading .kol-heading-wc {\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  :host .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  :host .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  :host .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  :host .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  :host .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :host :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  :host .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  :host .card.error .close {\n    background-color: var(--color-danger);\n  }\n  :host .card.info .close {\n    background-color: var(--color-primary);\n  }\n  :host .card.success .close {\n    background-color: var(--color-success);\n  }\n  :host .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  :host .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  .kol-input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input .error:not(.hidden-error) {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\n  }\n  .kol-input .counter {\n    order: 4;\n  }\n  .kol-input .hint {\n    order: 5;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  textarea {\n    border: none;\n  }\n  input::placeholder {\n    color: var(--color-subtle);\n  }\n  .input {\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > .kol-icon {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .input:is(.icon-left, .icon-right) input {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input > input:first-child {\n    padding-left: var(--spacing);\n  }\n  .input > input:last-child {\n    padding-right: var(--spacing);\n  }\n  :not(.disabled) .input:hover {\n    border-color: var(--color-primary);\n  }\n  textarea:disabled {\n    cursor: not-allowed;\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  .kol-input.error:not(.hidden-error) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.error:not(.hidden-error) .input:focus-within {\n    outline-color: var(--color-danger);\n  }\n  .kol-input.error:not(.hidden-error) .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  select[multiple],\n  textarea {\n    overflow: auto;\n  }\n  textarea {\n    display: block;\n  }\n  .input {\n    position: relative;\n  }\n  .kol-input.disabled .input {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\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  }\n  .toast {\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .msg {\n    border-width: 0;\n  }\n  .toast .kol-alert-wc {\n    border-width: var(--border-width);\n    border-style: solid;\n    border-radius: var(--border-radius);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    border-color: transparent;\n    background-color: var(--color-light);\n  }\n  .toast .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .toast .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .toast .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .toast .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .toast .msg {\n    align-items: start;\n  }\n  .toast .default {\n    border-color: var(--color-subtle);\n  }\n  .toast .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .toast .error {\n    border-color: var(--color-danger);\n  }\n  .toast .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .toast .info {\n    border-color: var(--color-primary);\n  }\n  .toast .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .toast .success {\n    border-color: var(--color-success);\n  }\n  .toast .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .toast .warning {\n    border-color: var(--color-warning);\n  }\n  .toast .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .toast .heading-icon {\n    color: var(--color-light);\n  }\n  .toast .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .toast .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .toast .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .toast .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .toast .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .toast .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .toast .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .toast .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .toast .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .toast .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .toast .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .toast .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .toast .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .toast .card {\n    border-width: var(--border-width);\n    border-style: solid;\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  .toast .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .toast .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card > .heading .kol-heading-wc {\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  .toast .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .toast .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .toast .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .toast .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .toast .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .toast .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  .toast :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .toast .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .toast .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .toast .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .toast .card.success .close {\n    background-color: var(--color-success);\n  }\n  .toast .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .toast .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .toast .close > button.hide-label .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .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-TREE":"@layer kol-theme-component {\n  .tree ul {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    border-radius: var(--border-radius);\n  }\n  .tree:focus-within {\n    outline: 0;\n  }\n  .tree:focus-within ul {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .tree-link {\n    display: block;\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n    background-color: var(--color-primary-variant);\n  }\n  .tree-link:hover > a, .tree-link:focus-within > a {\n    outline-offset: 0;\n  }\n  .tree-link:hover > a,\n  .tree-link:hover .toggle-button, .tree-link:focus-within > a,\n  .tree-link:focus-within .toggle-button {\n    color: var(--color-light);\n  }\n  .tree-link.active {\n    background-color: var(--color-primary);\n  }\n  .tree-link.active a,\n  .tree-link.active .toggle-button {\n    color: var(--color-light);\n  }\n  .tree-link a {\n    display: block;\n    color: var(--color-text);\n    text-decoration: none;\n    text-align: left;\n  }\n  .tree-link a .toggle-button {\n    display: inline-block;\n  }\n  .tree-link a .toggle-button:hover {\n    transform: scale(1.3);\n  }\n}"}),to=oo.createTheme("ecl-ec",{GLOBAL:"@layer kol-theme-global {\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #f2f2f2;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip-wc .tooltip-content {\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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-wc,\n  .kol-span-wc > span {\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}","KOL-HEADING":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .headline-h1 {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n  }\n  .headline-h2 {\n    font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.143;\n  }\n  .headline-h3 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.1667;\n  }\n  .headline-h4 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .headline-h5 {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n  }\n  .headline-h6 {\n    color: rgb(234, 0, 255);\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  .accordion {\n    background-color: var(--color-grey-5);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .accordion__heading-button 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  .accordion__heading-button button span {\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  .accordion__heading-button button:focus, .accordion__heading-button button:hover {\n    background-color: var(--color-grey-25);\n  }\n  .accordion__heading-button button:focus {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .accordion__content {\n    padding: var(--spacing-s) var(--spacing-m);\n  }\n}","KOL-INDENTED-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-indented-text-wc > div {\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-BUTTON":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  a .kol-span-wc,\n  button .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\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  a,\n  button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n  }\n  .primary a .kol-span-wc,\n  .primary button .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  .primary a:focus .kol-span-wc,\n  .primary button:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  .primary a:hover .kol-span-wc,\n  .primary button:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .secondary a .kol-span-wc,\n  .secondary button .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  .secondary a:focus .kol-span-wc,\n  .secondary button:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: calc(-6rem / var(--kolibri-root-font-size, 16));\n  }\n  .secondary a:hover .kol-span-wc,\n  .secondary button:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  .normal a .kol-span-wc,\n  .normal button .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  .normal a:hover .kol-span-wc,\n  .normal button:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  .danger a .kol-span-wc,\n  .danger button .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .danger a:hover .kol-span-wc,\n  .danger button:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .ghost a .kol-span-wc,\n  .ghost button .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  .ghost a:focus .kol-span-wc,\n  .ghost button:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  .ghost a:hover .kol-span-wc,\n  .ghost button:hover .kol-span-wc {\n    color: var(--color-blue-130);\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  :host {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  a,\n  button {\n    appearance: none;\n    color: var(--color-blue);\n    text-decoration: underline;\n  }\n  a:hover,\n  button:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  :host > span {\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-ALERT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\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  .tabs-button-group {\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group button {\n    border: none;\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group button .kol-span-wc {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group button.selected .kol-span-wc {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 calc(-3rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .tabs-button-group button:hover:not(:disabled) .kol-span-wc {\n    color: var(--color-blue-130);\n  }\n  .tabs-button-group button:focus .kol-span-wc {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  a,\n  button {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  a:hover,\n  button:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  :is(a, button) {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    text-decoration-line: underline;\n    font-size: inherit;\n  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus .kol-span-wc {\n    border-radius: var(--border-radius);\n    outline: calc(var(--border-width) * 2) solid;\n  }\n  :is(a, button):hover .kol-span-wc .span-label {\n    text-decoration-thickness: 0.25em;\n  }\n  :is(a, button):visited {\n    color: var(--visited);\n  }\n  .skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n  }\n  .skip:focus {\n    background-color: white;\n    left: unset;\n    position: unset;\n  }\n  .access-key-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  :host {\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-icon::part(icon separator)::before {\n    color: var(--color-blue);\n  }\n  li:last-child {\n    color: var(--color-grey-75);\n  }\n  .kol-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-link {\n    font-family: var(--font-family);\n  }\n}","KOL-DETAILS":"@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  .details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .details__heading-button button .kol-span-wc .span-label {\n    border-bottom-color: #000;\n  }\n  .details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .details__heading-button .kol-span-wc > span {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .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  :host .drawer__wrapper {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host progress,\n  :host span {\n    display: block;\n    height: 0;\n    overflow: hidden;\n    width: 0;\n  }\n  svg line:first-child,\n  svg circle:first-child {\n    fill: transparent;\n    stroke: var(--color-grey-25);\n  }\n  svg line:last-child,\n  svg circle:last-child {\n    stroke: var(--color-blue-130);\n    fill: transparent;\n  }\n  progress {\n    display: none;\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-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .single-select {\n    display: block;\n    position: relative;\n  }\n  .single-select__group {\n    display: inline-flex;\n    text-align: left;\n    width: 100%;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\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  .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  .single-select__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .single-select__input:not(.disabled) .single-select__input:hover {\n    border-color: var(--color-blue);\n  }\n  .single-select__button {\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    padding-left: 1em;\n  }\n  .single-select__button:focus {\n    outline: 0;\n  }\n  .single-select__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 1rem / var(--kolibri-root-font-size, 16));\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .single-select__item {\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  .single-select__item .radio-label {\n    align-self: center;\n    padding-left: 1em;\n  }\n  .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\n    font-family: var(--font-family);\n  }\n  .button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  .button-inner {\n    background-color: var(--color-yellow);\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) 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  .button:not(:disabled):hover .button-inner {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  .button:focus .button-inner {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-black);\n  }\n  .button:disabled .button-inner {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .selected .button-inner {\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-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .checkbox-container {\n    justify-content: flex-start;\n  }\n  .default[data-label-align=left]:not(.hide-label) .checkbox-container {\n    justify-content: flex-end;\n  }\n  input[type=checkbox] {\n    background-color: var(--color-white);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    color: var(--color-grey);\n    line-height: 1.5;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=checkbox]:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=checkbox] {\n    border-color: var(--color-grey-75);\n  }\n  input[type=checkbox]:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  input[type=checkbox]:hover {\n    border-color: var(--color-blue);\n  }\n  input[type=checkbox]:checked:hover {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .error input[type=checkbox] {\n    border-color: var(--color-red);\n  }\n  .error input[type=checkbox]:checked {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .error input[type=checkbox]:hover {\n    border-color: var(--color-red);\n  }\n  .error input[type=checkbox]:checked:hover {\n    background-color: var(--color-red-1xx);\n    border-color: var(--color-red-1xx);\n  }\n  .error.required label > span::after {\n    color: var(--color-red);\n  }\n  .default .icon {\n    margin-left: calc(3.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .default.checked .icon {\n    color: var(--color-white);\n  }\n  .switch input[type=checkbox] {\n    display: block;\n  }\n  .switch input[type=checkbox]::before,\n  .switch input[type=checkbox]:indeterminate::before {\n    background-color: var(--color-grey-75);\n  }\n  .switch input[type=checkbox]:hover::before,\n  .switch input[type=checkbox]:indeterminate:hover::before {\n    background-color: var(--color-blue);\n  }\n  .switch input[type=checkbox]:checked::before,\n  .switch input[type=checkbox]:checked:hover::before {\n    background-color: var(--color-white);\n  }\n  .switch.error input[type=checkbox]::before {\n    background-color: var(--color-red);\n  }\n  .switch.error input[type=checkbox]:checked::before {\n    background-color: var(--color-white);\n  }\n  .switch.error input[type=checkbox]:indeterminate:hover::before {\n    background-color: var(--color-red-1xx);\n  }\n  .button {\n    gap: var(--spacing-xs) 0;\n    grid-template-areas: "input label" "hint hint" "error error";\n  }\n  .button[data-label-align=left]:not(.hide-label) {\n    grid-template-areas: "label input" "hint hint" "error error";\n  }\n  .kol-input kol-alert-wc.error {\n    order: 3;\n  }\n  .kol-input .hint,\n  .kol-input.error > .kol-alert-wc {\n    grid-column: span 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .button:focus-within {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}',"KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host > div {\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  :host .kol-heading-wc {\n    display: inline-flex;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 1.25em;\n    line-height: 1.75em;\n  }\n  :host div.header {\n    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n  }\n  :host div.content {\n    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n    overflow: hidden;\n  }\n  :host div.footer {\n    padding: var(--spacing-xs) var(--spacing-m);\n  }\n  :host > div > div.content + div.footer {\n    border-top: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .combobox {\n    display: block;\n    position: relative;\n  }\n  .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: calc(44rem / var(--kolibri-root-font-size, 16));\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  .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  .combobox__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .combobox__icon {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .combobox__icon:focus {\n    outline: 0;\n  }\n  .combobox__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\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  .combobox__item {\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  .combobox__item:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .combobox:not(.combobox--disabled) .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-BUTTON-GROUP":"@layer kol-theme-component {\n  :host > .kol-button-group-wc {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-2xs);\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  fieldset {\n    border: 0;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  .input-slot {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  fieldset .kol-alert-wc {\n    order: 1;\n  }\n  fieldset .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  fieldset .kol-alert-wc {\n    order: 3;\n  }\n  fieldset .kol-input {\n    display: grid;\n    order: 2;\n  }\n  fieldset .kol-input .hint {\n    order: 3;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .radio-input-wrapper {\n    display: flex;\n    align-items: center;\n    display: flex;\n    flex-direction: row;\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    position: relative;\n  }\n  .radio-label {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=radio] {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n  }\n  input[type=radio]:before {\n    display: none;\n  }\n  input[type=radio]:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=radio]:focus {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=radio]:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  label,\n  legend {\n    color: var(--color-grey);\n  }\n  legend {\n    font-weight: var(--font-weight-bold);\n  }\n  .error input[type=radio] {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-red);\n  }\n  .error input[type=radio]:before {\n    display: none;\n  }\n  .error input[type=radio]:checked {\n    border-color: var(--color-red);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input[type=radio]:not(:disabled):hover {\n    border-color: var(--color-red-1xx);\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 1;\n    width: 100%;\n  }\n  .hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    order: 4;\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  @media (min-width: 1024px) {\n    :host > div:last-child,\n    :host > div:last-child > div:last-child {\n      grid-auto-flow: column;\n    }\n    :host > div:last-child .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}\n@layer kol-theme-component {\n  :host,\n  .kol-table-stateless-wc {\n    display: block;\n    font-family: var(--font-family);\n  }\n  :host > div,\n  .kol-table-stateless-wc > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  caption {\n    padding: 0.5em;\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  table thead tr:first-child th,\n  table thead tr:first-child td {\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  .table {\n    padding: 0.5em;\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  table,\n  table thead tr:last-child th,\n  table thead tr:last-child td {\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  th {\n    background-color: var(--color-white);\n  }\n  th[aria-sort=ascending] .button,\n  th[aria-sort=descending] .button {\n    font-weight: 700;\n  }\n  th div {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  tbody tr:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  th,\n  td {\n    padding: 0.5em;\n  }\n  th[aria-sort=ascending],\n  th[aria-sort=descending] {\n    font-weight: 700;\n  }\n  .input input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=checkbox] {\n    border-color: var(--color-grey-75);\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .input .icon {\n    color: var(--color-white);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-white);\n  }\n  .input.indeterminate .icon {\n    color: var(--color-blue);\n  }\n  .input kol-icon:hover ~ input[type=checkbox],\n  .input input[type=checkbox]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio] {\n    display: block;\n    border-color: var(--color-grey-75);\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio]:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-white);\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  :host,\n  .kol-table-stateless-wc {\n    display: block;\n    font-family: var(--font-family);\n  }\n  :host > div,\n  .kol-table-stateless-wc > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  caption {\n    padding: 0.5em;\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  table thead tr:first-child th,\n  table thead tr:first-child td {\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  .table {\n    padding: 0.5em;\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  table,\n  table thead tr:last-child th,\n  table thead tr:last-child td {\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  th {\n    background-color: var(--color-white);\n  }\n  th[aria-sort=ascending] .button,\n  th[aria-sort=descending] .button {\n    font-weight: 700;\n  }\n  th div {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  tbody tr:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  th,\n  td {\n    padding: 0.5em;\n  }\n  th[aria-sort=ascending],\n  th[aria-sort=descending] {\n    font-weight: 700;\n  }\n  .input input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=checkbox] {\n    border-color: var(--color-grey-75);\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .input .icon {\n    color: var(--color-white);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-white);\n  }\n  .input.indeterminate .icon {\n    color: var(--color-blue);\n  }\n  .input kol-icon:hover ~ input[type=checkbox],\n  .input input[type=checkbox]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio] {\n    display: block;\n    border-color: var(--color-grey-75);\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio]:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-white);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .list.vertical {\n    flex-direction: column;\n  }\n  .entry {\n    display: flex;\n  }\n  .entry .kol-button-wc:first-child,\n  .entry .kol-link-wc,\n  .entry .kol-span-wc {\n    flex-grow: 1;\n  }\n  /* custom. */\n  nav {\n    background-color: var(--color-blue);\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .expand-button button {\n    background-color: var(--color-blue-130);\n    margin: auto;\n    height: 100%;\n  }\n  .kol-span-wc {\n    border-color: transparent;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\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  li > ul,\n  li + li {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  a {\n    text-decoration: none;\n  }\n  :is(.kol-button-wc, .kol-link-wc):focus-within .kol-span-wc {\n    border-color: var(--color-white);\n  }\n  :is(.kol-button-wc, .kol-link-wc):focus-within .kol-span-wc,\n  :is(.kol-button-wc, .kol-link-wc):hover .kol-span-wc {\n    text-decoration: underline;\n  }\n  div > .expand-button kol-icon::part(icon)::before {\n    content: "\\eab6";\n  }\n  .expanded > div > .expand-button kol-icon::part(icon)::before {\n    content: "\\eab4";\n  }\n}',"KOL-SKIP-NAV":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-link-wc > a > .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\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-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n  }\n  .popover {\n    background-color: #fff;\n  }\n  .horizontal-line {\n    border: 0;\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  a .kol-span-wc,\n  button .kol-span-wc {\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  }\n  a,\n  button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n  }\n  .primary a .kol-span-wc,\n  .primary button .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  .primary a:focus .kol-span-wc,\n  .primary button:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  .primary a:hover .kol-span-wc,\n  .primary button:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .secondary a .kol-span-wc,\n  .secondary button .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  .secondary a:focus .kol-span-wc,\n  .secondary button:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: calc(-6rem / var(--kolibri-root-font-size, 16));\n  }\n  .secondary a:hover .kol-span-wc,\n  .secondary button:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  .normal a .kol-span-wc,\n  .normal button .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  .normal a:hover .kol-span-wc,\n  .normal button:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  .danger a .kol-span-wc,\n  .danger button .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .danger a:hover .kol-span-wc,\n  .danger button:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .ghost a .kol-span-wc,\n  .ghost button .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  .ghost a:focus .kol-span-wc,\n  .ghost button:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  .ghost a:hover .kol-span-wc,\n  .ghost button:hover .kol-span-wc {\n    color: var(--color-blue-130);\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  .toast {\n    display: block;\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  .toast div {\n    background-color: var(--color-white);\n  }\n  .toast div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast div.msg {\n    border: none;\n  }\n  .toast .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .toast .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  .toast .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  }\n  .toast .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .default {\n    border-color: var(--color-grey);\n  }\n  .toast .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  .toast .error {\n    border-color: var(--color-red);\n  }\n  .toast .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  .toast .info {\n    border-color: var(--color-blue);\n  }\n  .toast .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  .toast .success {\n    border-color: var(--color-green);\n  }\n  .toast .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  .toast .warning {\n    border-color: var(--color-orange);\n  }\n  .toast .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .alert {\n    display: block;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .toolbar {\n    padding: var(--spacing-s);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--color-grey-5);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .tree ul {\n    display: flex;\n    flex-direction: column;\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .tree-item ul {\n    display: flex;\n    flex-direction: column;\n  }\n  .tree-link {\n    display: block;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    background-color: var(--color-sky);\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow-120);\n  }\n  .tree-link:hover > a, .tree-link:focus-within > a {\n    color: var(--color-black);\n  }\n  .tree-link.active {\n    font-weight: 700;\n    background-color: var(--color-yellow);\n  }\n  .tree-link.active a {\n    color: var(--color-black);\n  }\n  .tree-link a {\n    display: block;\n    color: var(--color-black);\n    text-decoration: none;\n    text-align: left;\n  }\n  .tree-link a .toggle-button {\n    display: inline-block;\n  }\n  .tree-link a .toggle-button:hover {\n    transform: scale(1.3);\n  }\n  .tree-link a:focus {\n    color: var(--color-black);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    width: 100%;\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading .kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-link-wc {\n    display: inline-block;\n  }\n  .kol-link-wc a,\n  .kol-link-wc button {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link-wc a:hover,\n  .kol-link-wc button:hover {\n    color: var(--color-blue-130);\n  }\n  .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-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}"}),ao=oo.createTheme("ecl-eu",{GLOBAL:"@layer kol-theme-global {\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #f2f2f2;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip-wc .tooltip-content {\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: calc(2rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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-wc,\n  .kol-span-wc > span {\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}","KOL-HEADING":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .headline-h1,\n  .headline-h2,\n  .headline-h3,\n  .headline-h4,\n  .headline-h5,\n  .headline-h6 {\n    font-weight: var(--font-weight-bold);\n  }\n  .headline-h1 {\n    font-size: calc(42rem / var(--kolibri-root-font-size, 16));\n    line-height: 3.25;\n  }\n  .headline-h2 {\n    font-size: calc(36rem / var(--kolibri-root-font-size, 16));\n    line-height: 2.755;\n  }\n  .headline-h3 {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    line-height: 2.5;\n  }\n  .headline-h4 {\n    font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n    line-height: 2;\n  }\n  .headline-h5 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\n  }\n  .headline-h6 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\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  .accordion {\n    border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\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  .accordion__heading {\n    font-size: 2em;\n  }\n  .accordion__heading-button button {\n    border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n    outline-offset: calc(-1rem / var(--kolibri-root-font-size, 16));\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  .accordion__heading-button button .button-inner > span {\n    align-items: baseline;\n  }\n  .accordion__heading-button 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  .accordion__heading-button .kol-icon {\n    margin-right: calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .accordion__heading-button .kol-icon::part(icon)::before {\n    color: #0e47cb;\n    font-weight: 900;\n    font-family: "Font Awesome 6 Free";\n  }\n  .accordion__content {\n    -webkit-border-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-margin-start: 0;\n    border-bottom: calc(2rem / var(--kolibri-root-font-size, 16)) 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  .open .accordion__heading-button 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  .open .accordion__heading-button .kol-icon::part(icon)::before {\n    content: "\\f077";\n  }\n  :not(.open) .accordion__heading-button button .kol-icon::part(icon)::before {\n    content: "\\f078";\n  }\n}',"KOL-INDENTED-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-indented-text-wc > div {\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-BUTTON":"@layer kol-theme-component {\n  :host {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  a,\n  button {\n    appearance: none;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n  a:focus,\n  button:focus {\n    outline: none;\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\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: calc(4rem / var(--kolibri-root-font-size, 16));\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  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  a:active > .kol-span-wc,\n  button:active > .kol-span-wc,\n  a:hover > .kol-span-wc,\n  button:hover > .kol-span-wc {\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  .primary a > .kol-span-wc,\n  .primary button > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  .primary a:focus-visible > .kol-span-wc,\n  .primary button:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  .primary a:hover > .kol-span-wc,\n  .primary button:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  .secondary a > .kol-span-wc,\n  .secondary button > .kol-span-wc {\n    background-color: #fff;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    color: #0e47cb;\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  }\n  .secondary a:focus-visible > .kol-span-wc,\n  .secondary button:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n    outline-color: #fff;\n  }\n  .secondary a:hover > .kol-span-wc,\n  .secondary button:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  .normal a > .kol-span-wc,\n  .normal button > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  .normal a:focus-visible > .kol-span-wc,\n  .normal button:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  .normal a:hover > .kol-span-wc,\n  .normal button:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  .danger a .kol-span-wc,\n  .danger button .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .danger a:hover .kol-span-wc,\n  .danger button:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .ghost a > .kol-span-wc,\n  .ghost button > .kol-span-wc {\n    color: #0e47cb;\n  }\n  .ghost a:focus-visible > .kol-span-wc,\n  .ghost button:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  .ghost a:hover > .kol-span-wc,\n  .ghost button:hover > .kol-span-wc {\n    color: #0e47cb;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  :host {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  a,\n  button {\n    appearance: none;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n  a:focus,\n  button:focus {\n    outline: none;\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\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: calc(4rem / var(--kolibri-root-font-size, 16));\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  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  a:active > .kol-span-wc,\n  button:active > .kol-span-wc,\n  a:hover > .kol-span-wc,\n  button:hover > .kol-span-wc {\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  .primary a > .kol-span-wc,\n  .primary button > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  .primary a:focus-visible > .kol-span-wc,\n  .primary button:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  .primary a:hover > .kol-span-wc,\n  .primary button:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  .secondary a > .kol-span-wc,\n  .secondary button > .kol-span-wc {\n    background-color: #fff;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    color: #0e47cb;\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  }\n  .secondary a:focus-visible > .kol-span-wc,\n  .secondary button:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n    outline-color: #fff;\n  }\n  .secondary a:hover > .kol-span-wc,\n  .secondary button:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  .normal a > .kol-span-wc,\n  .normal button > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  .normal a:focus-visible > .kol-span-wc,\n  .normal button:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  .normal a:hover > .kol-span-wc,\n  .normal button:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  .danger a .kol-span-wc,\n  .danger button .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .danger a:hover .kol-span-wc,\n  .danger button:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .ghost a > .kol-span-wc,\n  .ghost button > .kol-span-wc {\n    color: #0e47cb;\n  }\n  .ghost a:focus-visible > .kol-span-wc,\n  .ghost button:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  .ghost a:hover > .kol-span-wc,\n  .ghost button:hover > .kol-span-wc {\n    color: #0e47cb;\n  }\n}","KOL-BUTTON-GROUP":"@layer kol-theme-component {\n  :host > .kol-button-group-wc {\n    gap: var(--spacing-2xs);\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\n    font-family: var(--font-family);\n  }\n  .button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .button:focus {\n    outline: none;\n  }\n  .button-inner {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\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  .button:focus-visible .button-inner {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-black);\n  }\n  button:not(:disabled):active .button-inner,\n  button:not(:disabled):hover .button-inner {\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  .button:disabled .button-inner {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .selected .button-inner {\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-PROGRESS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .list.vertical {\n    flex-direction: column;\n  }\n  .entry {\n    display: flex;\n  }\n  .entry .kol-button-wc:first-child,\n  .entry .kol-link-wc,\n  .entry .kol-span-wc {\n    flex-grow: 1;\n  }\n  /* custom. */\n  nav {\n    background-color: var(--color-blue);\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .expand-button button {\n    background-color: var(--color-blue-130);\n    margin: auto;\n    height: 100%;\n  }\n  .kol-span-wc {\n    border-color: transparent;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\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  li > ul,\n  li + li {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  a {\n    text-decoration: none;\n  }\n  :is(.kol-button-wc, .kol-link-wc):focus-within .kol-span-wc {\n    border-color: var(--color-white);\n  }\n  :is(.kol-button-wc, .kol-link-wc):focus-within .kol-span-wc,\n  :is(.kol-button-wc, .kol-link-wc):hover .kol-span-wc {\n    text-decoration: underline;\n  }\n  div > .expand-button kol-icon::part(icon)::before {\n    content: "\\eab6";\n  }\n  .expanded > div > .expand-button kol-icon::part(icon)::before {\n    content: "\\eab4";\n  }\n}',"KOL-BADGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host > span {\n    font: normal normal var(--font-weight) calc(14rem / var(--kolibri-root-font-size, 16))/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-ALERT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host > div {\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  :host .kol-heading-wc {\n    display: inline-flex;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 1.25em;\n    line-height: 1.75;\n  }\n  :host div.header {\n    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n  }\n  :host div.content {\n    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n    overflow: hidden;\n  }\n  :host div.footer {\n    padding: var(--spacing-xs) var(--spacing-m);\n  }\n  :host > div > div.content + div.footer {\n    border-top: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-input .error {\n    order: 1;\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\n  }\n  .combobox {\n    position: relative;\n  }\n  .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: calc(44rem / var(--kolibri-root-font-size, 16));\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  .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  .combobox__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .combobox__icon {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .combobox__icon:focus {\n    outline: 0;\n  }\n  .combobox__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\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  .combobox__item {\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  .combobox__item:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .combobox:not(.combobox--disabled) .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .checkbox-container {\n    justify-content: flex-start;\n  }\n  .default[data-label-align=left]:not(.hide-label) .checkbox-container {\n    justify-content: flex-end;\n  }\n  input[type=checkbox] {\n    background-color: var(--color-white);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    color: var(--color-grey);\n    line-height: 1.5;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=checkbox]:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=checkbox] {\n    border-color: var(--color-grey-75);\n  }\n  input[type=checkbox]:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  input[type=checkbox]:hover {\n    border-color: var(--color-blue);\n  }\n  input[type=checkbox]:checked:hover {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .error input[type=checkbox] {\n    border-color: var(--color-red);\n  }\n  .error input[type=checkbox]:checked {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .error input[type=checkbox]:hover {\n    border-color: var(--color-red);\n  }\n  .error input[type=checkbox]:checked:hover {\n    background-color: var(--color-red-1xx);\n    border-color: var(--color-red-1xx);\n  }\n  .error.required label > span::after {\n    color: var(--color-red);\n  }\n  .default .icon {\n    margin-left: calc(3.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .default.checked .icon {\n    color: var(--color-white);\n  }\n  .switch input[type=checkbox] {\n    display: block;\n  }\n  .switch input[type=checkbox]::before,\n  .switch input[type=checkbox]:indeterminate::before {\n    background-color: var(--color-grey-75);\n  }\n  .switch input[type=checkbox]:hover::before,\n  .switch input[type=checkbox]:indeterminate:hover::before {\n    background-color: var(--color-blue);\n  }\n  .switch input[type=checkbox]:checked::before,\n  .switch input[type=checkbox]:checked:hover::before {\n    background-color: var(--color-white);\n  }\n  .switch.error input[type=checkbox]::before {\n    background-color: var(--color-red);\n  }\n  .switch.error input[type=checkbox]:checked::before {\n    background-color: var(--color-white);\n  }\n  .switch.error input[type=checkbox]:indeterminate:hover::before {\n    background-color: var(--color-red-1xx);\n  }\n  .button {\n    gap: var(--spacing-xs) 0;\n    grid-template-areas: "input label" "hint hint" "error error";\n  }\n  .button[data-label-align=left]:not(.hide-label) {\n    grid-template-areas: "label input" "hint hint" "error error";\n  }\n  .kol-input .kol-alert-wc.error {\n    order: 3;\n  }\n  .kol-input .hint,\n  .kol-input.error > .kol-alert-wc {\n    grid-column: span 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .button:focus-within {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}',"KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-KOLIBRI":"@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    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .single-select {\n    position: relative;\n  }\n  .single-select__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-grey);\n    order: 4;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .single-select__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 2.5rem);\n    position: relative;\n  }\n  .single-select__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .single-select__input:not(.disabled) .single-select__input:hover {\n    border-color: var(--color-blue);\n  }\n  .single-select__button {\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    padding-left: 1em;\n  }\n  .single-select__button:focus {\n    outline: 0;\n  }\n  .single-select__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n  }\n  .single-select__item {\n    display: flex;\n    align-items: flex-start;\n    justify-items: center;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  .single-select__item .radio-label {\n    align-self: center;\n    padding-left: 1em;\n  }\n  .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) 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  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input: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  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  .pagination {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  @media (min-width: 1024px) {\n    :host > div:last-child,\n    :host > div:last-child > div:last-child {\n      grid-auto-flow: column;\n    }\n    :host > div:last-child .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}\n@layer kol-theme-component {\n  :host,\n  .kol-table-stateless-wc {\n    font-family: var(--font-family);\n    display: block;\n  }\n  caption {\n    padding: 0.5em;\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  table thead tr:first-child th,\n  table thead tr:first-child td {\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  .table {\n    padding: 0.5em;\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  table,\n  table thead tr:last-child th,\n  table thead tr:last-child td {\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  th {\n    background-color: var(--color-white);\n  }\n  th[aria-sort=ascending] .button,\n  th[aria-sort=descending] .button {\n    font-weight: 700;\n  }\n  th div {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  tbody tr:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  th,\n  td {\n    padding: 0.5em;\n  }\n  th[aria-sort=ascending],\n  th[aria-sort=descending] {\n    font-weight: 700;\n  }\n  .input input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=checkbox] {\n    border-color: var(--color-grey-75);\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .input .icon {\n    color: var(--color-white);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-white);\n  }\n  .input.indeterminate .icon {\n    color: var(--color-blue);\n  }\n  .input kol-icon:hover ~ input[type=checkbox],\n  .input input[type=checkbox]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio] {\n    display: block;\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio]:checked {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-white);\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  :host,\n  .kol-table-stateless-wc {\n    font-family: var(--font-family);\n    display: block;\n  }\n  caption {\n    padding: 0.5em;\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  table thead tr:first-child th,\n  table thead tr:first-child td {\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  .table {\n    padding: 0.5em;\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  table,\n  table thead tr:last-child th,\n  table thead tr:last-child td {\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  th {\n    background-color: var(--color-white);\n  }\n  th[aria-sort=ascending] .button,\n  th[aria-sort=descending] .button {\n    font-weight: 700;\n  }\n  th div {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  tbody tr:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  th,\n  td {\n    padding: 0.5em;\n  }\n  th[aria-sort=ascending],\n  th[aria-sort=descending] {\n    font-weight: 700;\n  }\n  .input input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=checkbox] {\n    border-color: var(--color-grey-75);\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .input .icon {\n    color: var(--color-white);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-white);\n  }\n  .input.indeterminate .icon {\n    color: var(--color-blue);\n  }\n  .input kol-icon:hover ~ input[type=checkbox],\n  .input input[type=checkbox]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio] {\n    display: block;\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio]:checked {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-white);\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\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  .tabs-button-group {\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group button {\n    border: none;\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group button .kol-span-wc {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group button.selected .kol-span-wc {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 calc(-3rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .tabs-button-group button:hover:not(:disabled) .kol-span-wc {\n    color: var(--color-blue-130);\n  }\n  .tabs-button-group button:focus .kol-span-wc {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  a,\n  button {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  a:hover,\n  button:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  a,\n  button {\n    appearance: none;\n    color: var(--color-blue);\n    text-decoration: underline;\n  }\n  a:hover,\n  button:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  :host,\n  .kol-link {\n    font-family: var(--font-family);\n  }\n}","KOL-DETAILS":"@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  .details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .details__heading-button button .kol-span-wc .span-label {\n    border-bottom-color: #000;\n  }\n  .details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .details__heading-button .kol-span-wc > span {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .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  :host .drawer__wrapper {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\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-INPUT-RADIO":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  fieldset {\n    border: 0;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  fieldset .kol-alert-wc {\n    order: 1;\n  }\n  fieldset .hint {\n    order: 4;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  fieldset .kol-alert-wc {\n    order: 3;\n  }\n  fieldset .kol-input {\n    display: grid;\n    order: 2;\n  }\n  fieldset .kol-input .hint {\n    order: 3;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .radio-input-wrapper {\n    display: flex;\n    align-items: center;\n    display: flex;\n    flex-direction: row;\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    position: relative;\n  }\n  .radio-label {\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=radio] {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=radio]:before {\n    display: none;\n  }\n  input[type=radio]:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  input[type=radio]:focus {\n    outline-color: var(--color-blue);\n  }\n  input[type=radio]:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  label,\n  legend {\n    color: var(--color-grey);\n  }\n  legend {\n    font-weight: var(--font-weight-bold);\n  }\n  .error input[type=radio] {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-red);\n  }\n  .error input[type=radio]:before {\n    display: none;\n  }\n  .error input[type=radio]:checked {\n    border-color: var(--color-red);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input[type=radio]:not(:disabled):hover {\n    border-color: var(--color-red-1xx);\n  }\n  .kol-alert-wc {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 1;\n    width: 100%;\n  }\n  .hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    order: 4;\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-link-wc > a > .kol-span-wc {\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\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-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .horizontal-line {\n    border: 0;\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .popover {\n    background-color: #fff;\n  }\n  a,\n  button {\n    appearance: none;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n  a:focus,\n  button:focus {\n    outline: none;\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\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: calc(4rem / var(--kolibri-root-font-size, 16));\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  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  a:active > .kol-span-wc,\n  button:active > .kol-span-wc,\n  a:hover > .kol-span-wc,\n  button:hover > .kol-span-wc {\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  .primary a > .kol-span-wc,\n  .primary button > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  .primary a:focus-visible > .kol-span-wc,\n  .primary button:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  .primary a:hover > .kol-span-wc,\n  .primary button:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  .secondary a > .kol-span-wc,\n  .secondary button > .kol-span-wc {\n    background-color: #fff;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    color: #0e47cb;\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  }\n  .secondary a:focus-visible > .kol-span-wc,\n  .secondary button:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n    outline-color: #fff;\n  }\n  .secondary a:hover > .kol-span-wc,\n  .secondary button:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  .normal a > .kol-span-wc,\n  .normal button > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  .normal a:focus-visible > .kol-span-wc,\n  .normal button:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  .normal a:hover > .kol-span-wc,\n  .normal button:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  .danger a .kol-span-wc,\n  .danger button .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .danger a:hover .kol-span-wc,\n  .danger button:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .ghost a > .kol-span-wc,\n  .ghost button > .kol-span-wc {\n    color: #0e47cb;\n  }\n  .ghost a:focus-visible > .kol-span-wc,\n  .ghost button:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  .ghost a:hover > .kol-span-wc,\n  .ghost button:hover > .kol-span-wc {\n    color: #0e47cb;\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  .toast {\n    display: block;\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  .toast div {\n    background-color: var(--color-white);\n  }\n  .toast div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast div.msg {\n    border: none;\n  }\n  .toast .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .toast .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  .toast .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  }\n  .toast .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .default {\n    border-color: var(--color-grey);\n  }\n  .toast .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  .toast .error {\n    border-color: var(--color-red);\n  }\n  .toast .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  .toast .info {\n    border-color: var(--color-blue);\n  }\n  .toast .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  .toast .success {\n    border-color: var(--color-green);\n  }\n  .toast .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  .toast .warning {\n    border-color: var(--color-orange);\n  }\n  .toast .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .toast .heading {\n    width: 100%;\n  }\n  .toast .heading .heading-content {\n    flex: 1;\n  }\n  .alert {\n    display: block;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .toolbar {\n    padding: var(--spacing-s);\n    border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\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-TREE":"@layer kol-theme-component {\n  .tree ul {\n    display: flex;\n    flex-direction: column;\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .tree-item ul {\n    display: flex;\n    flex-direction: column;\n  }\n  .tree-link {\n    display: block;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    background-color: var(--color-sky);\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .tree-link:hover > a, .tree-link:focus-within > a {\n    color: var(--color-black);\n  }\n  .tree-link.active {\n    background-color: var(--color-yellow);\n  }\n  .tree-link.active a {\n    color: var(--color-black);\n  }\n  .tree-link a {\n    display: block;\n    color: var(--color-black);\n    text-decoration: none;\n    text-align: left;\n  }\n  .tree-link a .toggle-button {\n    display: inline-block;\n    color: var(--color-blue);\n  }\n  .tree-link a .toggle-button:hover {\n    transform: scale(1.3);\n  }\n  .tree-link a:focus {\n    color: var(--color-black);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    width: 100%;\n    font-family: var(--font-family);\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host div.msg {\n    border: none;\n  }\n  :host .msg .heading .kol-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .msg .heading > div {\n    padding: var(--spacing-2xs);\n  }\n  :host .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  }\n  :host .card .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .card .heading .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-grey);\n  }\n  :host .default .heading kol-icon {\n    color: var(--color-grey);\n  }\n  :host .error {\n    border-color: var(--color-red);\n  }\n  :host .error .heading .kol-icon {\n    color: var(--color-red);\n  }\n  :host .info {\n    border-color: var(--color-blue);\n  }\n  :host .info .heading .kol-icon {\n    color: var(--color-blue);\n  }\n  :host .success {\n    border-color: var(--color-green);\n  }\n  :host .success .heading .kol-icon {\n    color: var(--color-green);\n  }\n  :host .warning {\n    border-color: var(--color-orange);\n  }\n  :host .warning .heading .kol-icon {\n    color: var(--color-orange);\n  }\n  .kol-link-wc {\n    display: inline-block;\n  }\n  .kol-link-wc a,\n  .kol-link-wc button {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link-wc a:hover,\n  .kol-link-wc button:hover {\n    color: var(--color-blue-130);\n  }\n  .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-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}"}),lo=oo.createTheme("itzbund",{GLOBAL:'@layer kol-theme-global {\n  :host {\n    --border-color: var(--color-anthrazit);\n    --border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    --color-anthrazit: #333;\n    --color-jade: #f3f7fb;\n    --color-weiss: #fff;\n    --color-petrol: #007a89;\n    --color-achat: #0b4d59;\n    --color-teal: #056773;\n    --color-fluorit: #66ddec;\n    --color-rotton: rgba(188, 0, 0, 1);\n    --color-rotton-20: rgba(188, 0, 0, 0.2);\n    --color-gras: #138510;\n    --color-warn: #f0541e;\n    --color-blut: var(--color-rotton);\n    --color-input-bg-default: #e8edf2;\n    --gradient-petrol-achat: linear-gradient(67deg, var(--color-petrol), var(--color-achat));\n    --color-citrin: #d4c912;\n    --color-umber: #494500;\n    --color-gelb: #fff443;\n    --color-lichtgelb: #eeff6c;\n    --gradient-gelb-citrin: linear-gradient(67deg, var(--color-gelb), var(--color-citrin));\n    --font-family-sans: Verdana;\n    --font-family-serif: "Times New Roman";\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing: 0.125em;\n    --kolibri-spacing: calc(2 * var(--spacing));\n  }\n  * {\n    box-sizing: border-box;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    margin: 0;\n    padding: 0;\n  }\n  *[tabindex]:focus,\n  a:focus,\n  button:focus,\n  input:focus,\n  select:focus,\n  summary:focus,\n  textarea:focus {\n    cursor: pointer;\n    outline-color: var(--color-petrol);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-span-wc,\n  .kol-span-wc > span {\n    gap: 0.25em;\n  }\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #f2f2f2;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #626262;\n  }\n}',"KOL-BUTTON":"@layer kol-theme-component {\n  a,\n  button {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family-sans);\n    /* text-transform: uppercase; */\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border-width: var(--spacing);\n    font-size: inherit;\n    /*line-height: 1.25em;*/\n    /*padding: calc(4 * var(--spacing));*/\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  button {\n    background-color: transparent;\n  }\n  .button a.hide-label > .kol-span-wc,\n  .button button.hide-label > .kol-span-wc {\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    gap: 0.25em;\n    transition-delay: 0;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n  }\n  .kol-link-wc.primary > a > .kol-span-wc,\n  .kol-link-wc.primary > a:disabled:hover > .kol-span-wc,\n  button.primary > .kol-span-wc,\n  button.primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.primary > a:hover > .kol-span-wc,\n  .kol-link-wc.primary > a:focus > .kol-span-wc,\n  button.primary:hover > .kol-span-wc,\n  button.primary:focus > .kol-span-wc {\n    background-color: var(--color-achat);\n    border-color: var(--color-achat);\n  }\n  .kol-link-wc.secondary > a > .kol-span-wc,\n  .kol-link-wc.secondary > a:disabled:hover > .kol-span-wc,\n  button.secondary > .kol-span-wc,\n  button.secondary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-petrol);\n    color: var(--color-petrol);\n  }\n  .kol-link-wc.secondary > a:hover > .kol-span-wc,\n  .kol-link-wc.secondary > a:focus > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc,\n  button.secondary:focus > .kol-span-wc {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.normal > a > .kol-span-wc,\n  .kol-link-wc.normal > a:disabled:hover > .kol-span-wc,\n  button.normal > .kol-span-wc,\n  button.normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-anthrazit);\n    color: var(--color-anthrazit);\n  }\n  .kol-link-wc.normal > a:hover > .kol-span-wc,\n  .kol-link-wc.normal > a:focus > .kol-span-wc,\n  button.normal:hover > .kol-span-wc,\n  button.normal:focus > .kol-span-wc {\n    background-color: var(--color-anthrazit);\n    border-color: var(--color-anthrazit);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.danger > a > .kol-span-wc,\n  .kol-link-wc.danger > a:disabled:hover > .kol-span-wc,\n  button.danger > .kol-span-wc,\n  button.danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-blut);\n    color: var(--color-blut);\n  }\n  .kol-link-wc.danger > a:hover > .kol-span-wc,\n  .kol-link-wc.danger > a:focus > .kol-span-wc,\n  button.danger:hover > .kol-span-wc,\n  button.danger:focus > .kol-span-wc {\n    background-color: var(--color-blut);\n    border-color: var(--color-blut);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.ghost > a > .kol-span-wc,\n  .kol-link-wc.ghost > a:disabled:hover > .kol-span-wc,\n  button.ghost > .kol-span-wc,\n  button.ghost:disabled:hover > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: transparent;\n    color: var(--color-anthrazit);\n  }\n  .kol-link-wc.ghost > a:hover > .kol-span-wc,\n  .kol-link-wc.ghost > a:focus > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc,\n  button.ghost:focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n}","KOL-BUTTON-GROUP":"@layer kol-theme-component {\n  :host > .kol-button-group-wc {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link-wc a,\n  .kol-button-wc button {\n    text-decoration-line: none;\n  }\n  a,\n  button {\n    background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);\n    background-repeat: no-repeat;\n    background-position: left 0 bottom 0;\n    background-size: 25% 0.25ex;\n    border-radius: var(--spacing);\n    color: var(--color-petrol);\n    font-family: var(--font-family-sans);\n    font-size: inherit;\n    /* text-transform: uppercase; */\n    transition-delay: 0;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n  }\n  a:focus,\n  a:hover,\n  button:focus,\n  button:hover {\n    background-size: 100% 0.25ex;\n    color: var(--color-achat);\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    gap: 0.25em;\n  }\n  a.skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n  }\n  a.skip:focus {\n    background-color: white;\n    box-shadow: 0 0 calc(8rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) white;\n    left: unset;\n    position: unset;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  .button {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family-sans);\n  }\n  .button-inner {\n    background-color: var(--color-weiss);\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border: var(--spacing) solid var(--color-anthrazit);\n    color: var(--color-anthrazit);\n    font-size: inherit;\n    gap: 0.25em;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n    transition-timing-function: ease-in-out;\n  }\n  .hide-label .button-inner {\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .button:not(:disabled):hover .button-inner,\n  .button:focus .button-inner {\n    background-color: var(--color-anthrazit);\n    border-color: var(--color-anthrazit);\n    color: var(--color-weiss);\n  }\n  .button:disabled .button-inner {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .selected .button-inner {\n    background-color: var(--color-achat);\n    border-color: var(--color-achat);\n    color: var(--color-weiss);\n    font-weight: bold;\n    opacity: 1;\n    text-decoration: underline;\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  a,\n  button {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family-sans);\n    /* text-transform: uppercase; */\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border-width: var(--spacing);\n    font-size: inherit;\n    /*line-height: 1.25em;*/\n    /*padding: calc(4 * var(--spacing));*/\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .button a.hide-label > .kol-span-wc,\n  .button button.hide-label > .kol-span-wc {\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    gap: 0.25em;\n    transition-delay: 0;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n  }\n  .kol-link-wc.primary > a > .kol-span-wc,\n  .kol-link-wc.primary > a:disabled:hover > .kol-span-wc,\n  button.primary > .kol-span-wc,\n  button.primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.primary > a:hover > .kol-span-wc,\n  .kol-link-wc.primary > a:focus > .kol-span-wc,\n  button.primary:hover > .kol-span-wc,\n  button.primary:focus > .kol-span-wc {\n    background-color: var(--color-achat);\n    border-color: var(--color-achat);\n  }\n  .kol-link-wc.secondary > a > .kol-span-wc,\n  .kol-link-wc.secondary > a:disabled:hover > .kol-span-wc,\n  button.secondary > .kol-span-wc,\n  button.secondary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-petrol);\n    color: var(--color-petrol);\n  }\n  .kol-link-wc.secondary > a:hover > .kol-span-wc,\n  .kol-link-wc.secondary > a:focus > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc,\n  button.secondary:focus > .kol-span-wc {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.normal > a > .kol-span-wc,\n  .kol-link-wc.normal > a:disabled:hover > .kol-span-wc,\n  button.normal > .kol-span-wc,\n  button.normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-anthrazit);\n    color: var(--color-anthrazit);\n  }\n  .kol-link-wc.normal > a:hover > .kol-span-wc,\n  .kol-link-wc.normal > a:focus > .kol-span-wc,\n  button.normal:hover > .kol-span-wc,\n  button.normal:focus > .kol-span-wc {\n    background-color: var(--color-anthrazit);\n    border-color: var(--color-anthrazit);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.danger > a > .kol-span-wc,\n  .kol-link-wc.danger > a:disabled:hover > .kol-span-wc,\n  button.danger > .kol-span-wc,\n  button.danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-blut);\n    color: var(--color-blut);\n  }\n  .kol-link-wc.danger > a:hover > .kol-span-wc,\n  .kol-link-wc.danger > a:focus > .kol-span-wc,\n  button.danger:hover > .kol-span-wc,\n  button.danger:focus > .kol-span-wc {\n    background-color: var(--color-blut);\n    border-color: var(--color-blut);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.ghost > a > .kol-span-wc,\n  .kol-link-wc.ghost > a:disabled:hover > .kol-span-wc,\n  button.ghost > .kol-span-wc,\n  button.ghost:disabled:hover > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: transparent;\n    color: var(--color-anthrazit);\n  }\n  .kol-link-wc.ghost > a:hover > .kol-span-wc,\n  .kol-link-wc.ghost > a:focus > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc,\n  button.ghost:focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  .default {\n    border-color: var(--color-anthrazit);\n  }\n  .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  .error {\n    border-color: var(--color-rotton);\n  }\n  .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  .info {\n    border-color: var(--color-petrol);\n  }\n  .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  .success {\n    border-color: var(--color-gras);\n  }\n  .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  .warning {\n    border-color: var(--color-warn);\n  }\n  .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  .kol-link-wc {\n    display: inline-block;\n  }\n  .kol-link-wc .kol-link-wc a,\n  .kol-link-wc .kol-button-wc button {\n    text-decoration-line: none;\n  }\n  .kol-link-wc a,\n  .kol-link-wc button {\n    background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);\n    background-repeat: no-repeat;\n    background-position: left 0 bottom 0;\n    background-size: 25% 0.25ex;\n    border-radius: var(--spacing);\n    color: var(--color-petrol);\n    font-family: var(--font-family-sans);\n    font-size: inherit;\n    /* text-transform: uppercase; */\n    transition-delay: 0;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n  }\n  .kol-link-wc a:focus,\n  .kol-link-wc a:hover,\n  .kol-link-wc button:focus,\n  .kol-link-wc button:hover {\n    background-size: 100% 0.25ex;\n    color: var(--color-achat);\n  }\n  .kol-link-wc a > .kol-span-wc,\n  .kol-link-wc button > .kol-span-wc {\n    gap: 0.25em;\n  }\n  .kol-link-wc a.skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n  }\n  .kol-link-wc a.skip:focus {\n    background-color: white;\n    box-shadow: 0 0 calc(8rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) white;\n    left: unset;\n    position: unset;\n  }\n  .mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-left: calc(4rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n    padding: 0.25em 0.5em;\n    margin-left: calc(-4rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  textarea {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    width: 100%;\n  }\n  textarea::placeholder {\n    font-style: italic;\n  }\n  textarea:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  textarea:not(.disabled, textarea:disabled):hover, textarea:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error textarea {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n  textarea:read-only {\n    border-color: var(--border-default);\n    background-color: var(--background-light-grey);\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  .default {\n    border-color: var(--color-anthrazit);\n  }\n  .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  .error {\n    border-color: var(--color-rotton);\n  }\n  .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  .info {\n    border-color: var(--color-petrol);\n  }\n  .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  .success {\n    border-color: var(--color-gras);\n  }\n  .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  .warning {\n    border-color: var(--color-warn);\n  }\n  .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  .headline-h1,\n  .headline-h2,\n  .headline-h3,\n  .headline-h4,\n  .headline-h5,\n  .headline-h6 {\n    margin: 0;\n    padding: 0;\n  }\n  .headline-h1 {\n    font-family: var(--font-family-serif);\n    font-size: calc(54rem / var(--kolibri-root-font-size, 16));\n    font-weight: bold;\n    line-height: 1;\n  }\n  .headline-h2 {\n    font-family: var(--font-family-serif);\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    font-weight: bold;\n    line-height: 1;\n  }\n  .headline-h3 {\n    font-family: var(--font-family-serif);\n    font-size: calc(26rem / var(--kolibri-root-font-size, 16));\n    font-weight: bold;\n    line-height: 1;\n  }\n  .headline-h4 {\n    font-family: var(--font-family-serif);\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    font-weight: normal;\n    line-height: 1;\n  }\n  .headline-h5 {\n    font-family: var(--font-family-serif);\n    font-size: calc(17rem / var(--kolibri-root-font-size, 16));\n    font-weight: bold;\n    line-height: 1;\n  }\n  .headline-h6 {\n    font-family: var(--font-family-sans);\n    font-size: calc(17rem / var(--kolibri-root-font-size, 16));\n    font-weight: normal;\n    line-height: 1;\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  :host {\n    display: inline-block;\n    font-family: inherit;\n  }\n  :host > span {\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n    display: inline-flex;\n  }\n  :host > span .kol-button-wc {\n    border-left: calc(1rem / var(--kolibri-root-font-size, 16)) solid rgba(0, 0, 0, 0.25);\n  }\n  :host > span .kol-span-wc {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > span > .kol-span-wc {\n    align-items: center;\n    font-style: normal;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > span > .kol-span-wc > span {\n    display: flex;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host button {\n    border-radius: 0 var(--spacing) var(--spacing) 0;\n  }\n}","KOL-INDENTED-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-indented-text-wc > div {\n    font-family: var(--font-family);\n    border-left: calc(4rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n    padding: 0.25em 0.5em;\n    margin-left: calc(-4rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link-wc a,\n  .kol-button-wc button {\n    text-decoration-line: none;\n  }\n  a,\n  button {\n    background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);\n    background-repeat: no-repeat;\n    background-position: left 0 bottom 0;\n    background-size: 25% 0.25ex;\n    border-radius: var(--spacing);\n    color: var(--color-petrol);\n    font-family: var(--font-family-sans);\n    font-size: inherit;\n    /* text-transform: uppercase; */\n    transition-delay: 0;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n  }\n  a:focus,\n  a:hover,\n  button:focus,\n  button:hover {\n    background-size: 100% 0.25ex;\n    color: var(--color-achat);\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    gap: 0.25em;\n  }\n  a.skip {\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    position: absolute;\n    z-index: 9999999;\n  }\n  a.skip:focus {\n    background-color: white;\n    box-shadow: 0 0 calc(8rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) white;\n    left: unset;\n    position: unset;\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  li > span {\n    font-weight: bold;\n    /* text-transform: uppercase; */\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: #fc0;\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  .single-select {\n    display: block;\n    position: relative;\n  }\n  .single-select__group {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--a11y-min-size);\n    text-align: left;\n    width: 100%;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select__group:not(.disabled) .single-select__group:hover, .single-select__group:focus-within {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select:not(.disabled) .single-select__group:hover {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select__input {\n    flex-grow: 1;\n    background-color: transparent;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .single-select__input:focus {\n    outline-offset: 0;\n    outline-width: 0;\n  }\n  .single-select__button {\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    padding-left: 1em;\n  }\n  .single-select__button:focus {\n    outline: 0;\n  }\n  .single-select__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    border-color: var(--kolibri-color-normal);\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    background-color: #e8edf2;\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .single-select__item {\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select__item .radio-label {\n    align-self: center;\n    padding-left: 1em;\n  }\n  .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-petrol);\n    outline: 0;\n  }\n  .single-select__item:focus .radio-label, .single-select__item.highlighted .radio-label {\n    color: var(--color-weiss);\n  }\n  .error .single-select__group {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  :host {\n    --kolibri-text-label-padding: calc(60rem / var(--kolibri-root-font-size, 16));\n  }\n  :host progress,\n  :host span {\n    display: block;\n    height: 0;\n    overflow: hidden;\n    width: 0;\n  }\n  svg line:first-child,\n  svg circle:first-child {\n    fill: transparent;\n    stroke: var(--color-fluorit);\n  }\n  svg line:last-child,\n  svg circle:last-child {\n    stroke: var(--color-achat);\n    fill: transparent;\n  }\n  progress {\n    display: none;\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  .error select {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n  select {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    width: 100%;\n  }\n  select:not(.disabled) select:hover, select:focus-within {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  option {\n    min-height: 2em;\n  }\n  select:not([multiple]) option {\n    padding: 0.5em;\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    cursor: pointer;\n    width: 100%;\n    overflow: hidden;\n  }\n  input::placeholder {\n    font-style: italic;\n  }\n  input:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: var(--border-color);\n    cursor: not-allowed;\n  }\n  input:not(.disabled, input:disabled):hover, input:focus {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\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  .accordion {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    display: grid;\n    border-color: var(--kolibri-border-color);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .accordion__heading-button {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\n    font-weight: 700;\n  }\n  .accordion__heading-button button {\n    font-size: inherit;\n    line-height: 1.75;\n  }\n  .accordion__heading-button button {\n    font-weight: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    cursor: pointer;\n    width: 100%;\n    margin: 0;\n    display: flex;\n    gap: 0.5em;\n    border: 0;\n    align-items: center;\n    overflow: hidden;\n    background-color: transparent;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .accordion__heading-button .kol-icon::part(icon) {\n    color: var(--color-midnight);\n  }\n  .accordion__heading-button .kol-icon::part(close)::before {\n    font-family: "Font Awesome 6 Free";\n    content: "\\f077";\n  }\n  .accordion__heading-button .kol-icon::part(open)::before {\n    font-family: "Font Awesome 6 Free";\n    content: "\\f078";\n  }\n  .accordion__heading {\n    margin: 0;\n  }\n  .accordion__content {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .open .accordion__heading-button button {\n    padding-bottom: 0;\n  }\n  .open .accordion__heading-button .kol-icon {\n    width: 1em;\n  }\n  .open .accordion__content {\n    margin: 0;\n  }\n}',"KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  :host > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  :host > div:last-child {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--border-color);\n  }\n  @media (min-width: 1024px) {\n    :host > div.pagination,\n    :host > div.pagination > div:last-child {\n      grid-auto-flow: column;\n    }\n    :host > div.pagination .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}\n@layer kol-theme-component {\n  .table {\n    padding: 0.5em;\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-petrol);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n    border-width: 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  tr {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n  }\n  th,\n  td {\n    border-right: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n  }\n  th:last-child,\n  td:last-child {\n    border-right-width: 0;\n  }\n  tr:nth-child(even) {\n    background-color: #f2f2f2;\n  }\n  th,\n  td {\n    padding: 0.25em 0.5em;\n  }\n  th {\n    background-color: #eee;\n  }\n  .table-sort-button .button {\n    font-weight: bold;\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n  }\n  .input input[type=checkbox]:focus {\n    border-color: var(--color-petrol);\n    outline-color: var(--color-petrol);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  .input .icon {\n    color: var(--color-weiss);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-weiss);\n  }\n  .input.indeterminate .icon {\n    color: var(--color-petrol);\n  }\n  .input input[type=radio] {\n    display: flex;\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-achat);\n  }\n  .input input[type=radio]:checked {\n    border-color: var(--color-anthrazit);\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-petrol);\n  }\n  .input input[type=radio]:focus {\n    border-color: var(--color-petrol);\n    border-color: var(--color-anthrazit);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .table {\n    padding: 0.5em;\n  }\n  .table:has(.focus-element:focus) {\n    outline-color: var(--color-petrol);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n    border-width: 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  tr {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n  }\n  th,\n  td {\n    border-right: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n  }\n  th:last-child,\n  td:last-child {\n    border-right-width: 0;\n  }\n  tr:nth-child(even) {\n    background-color: #f2f2f2;\n  }\n  th,\n  td {\n    padding: 0.25em 0.5em;\n  }\n  th {\n    background-color: #eee;\n  }\n  .table-sort-button .button {\n    font-weight: bold;\n  }\n  .input input[type=checkbox]:checked {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n  }\n  .input input[type=checkbox]:focus {\n    border-color: var(--color-petrol);\n    outline-color: var(--color-petrol);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  .input .icon {\n    color: var(--color-weiss);\n  }\n  .input.indeterminate input {\n    background-color: var(--color-weiss);\n  }\n  .input.indeterminate .icon {\n    color: var(--color-petrol);\n  }\n  .input input[type=radio] {\n    display: flex;\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-achat);\n  }\n  .input input[type=radio]:checked {\n    border-color: var(--color-anthrazit);\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-petrol);\n  }\n  .input input[type=radio]:focus {\n    border-color: var(--color-petrol);\n    border-color: var(--color-anthrazit);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  :host > div > nav ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    border-radius: var(--border-radius);\n    background-color: var(--color-petrol);\n  }\n  :host > div > nav ul > li {\n    border-radius: var(--border-radius);\n    overflow: hidden;\n    padding: 0.125em;\n  }\n  :host > div > nav ul > li[part*=vertical] + li {\n    border-radius: 0;\n    border-top: 0.1em dotted white;\n  }\n  :host > div > nav ul > li[part*="vertical selected"] {\n    border-right: 0.375em solid var(--color-citrin);\n  }\n  :host > div > nav ul > li[part*=horizontal] + li {\n    border-radius: 0;\n    border-left: 0.1em dotted white;\n  }\n  :host > div > nav ul > li[part*="horizontal selected"] {\n    border-bottom: 0.375em solid var(--color-citrin);\n  }\n  :host > div > nav ul > li > div {\n    height: 100%;\n  }\n  :host > div > nav .kol-link-wc {\n    width: 100%;\n    /*height: 100%;font-weight: 600;*/\n    display: block;\n  }\n  :host > div > nav .kol-link-wc a {\n    border-radius: var(--border-radius);\n    background-color: var(--color-petrol);\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    grid: flex;\n    line-height: 2;\n    padding: 0.5em;\n    color: white;\n    height: 100%;\n    -webkit-box-align: center;\n    align-items: center;\n    display: flex;\n    cursor: pointer;\n    text-decoration: inherit;\n  }\n  :host > div > nav .kol-link-wc[exportparts*=selected] a {\n    background-color: var(--color-achat);\n    font-weight: 700;\n  }\n  :host > div > nav .kol-link-wc a .kol-icon.mr-2 {\n    margin-right: calc(4 * var(--spacing));\n  }\n  :host > div > nav .kol-link-wc a .kol-icon.ml-2 {\n    margin-left: calc(4 * var(--spacing));\n  }\n  :host > div > nav .kol-link-wc a:focus,\n  :host > div > nav .kol-link-wc a:hover {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid white;\n    background-color: var(--color-fluorit);\n    color: var(--color-anthrazit);\n  }\n  /* compact button */\n  :host > div > div:last-child {\n    margin-top: 0.5em;\n    width: 100%;\n    text-align: center;\n  }\n  :host > div > nav .kol-link-wc a.text-center {\n    display: grid;\n    align-items: center;\n    justify-items: center;\n  }\n  /* horizontal */\n  ul.flex {\n    display: flex;\n  }\n  li > div > div.absolute {\n    position: absolute;\n  }\n  .kol-span-wc {\n    justify-items: baseline;\n  }\n}',"KOL-CARD":"@layer kol-theme-component {\n  :host > div {\n    background-color: white;\n    border-color: var(--border-color);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(2 * var(--border-radius));\n    width: 100%;\n    height: 100%;\n  }\n  .kol-heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    display: block;\n    border-bottom-style: solid;\n    border-bottom-color: var(--border-color);\n    border-bottom-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > div > div {\n    display: block;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > div > div:last-child {\n    display: block;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    border-top-style: solid;\n    border-top-color: var(--color-achat);\n    border-top-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  .kol-alert-wc {\n    margin-top: calc(2 * var(--spacing));\n    display: block;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  .combobox {\n    display: block;\n    position: relative;\n  }\n  .combobox__group {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 0;\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--a11y-min-size);\n    text-align: left;\n    width: 100%;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__group:not(.disabled) .combobox__group:hover, .combobox__group:focus-within {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox:not(.combobox--disabled) .combobox__group:hover {\n    border-color: var(--default-border-hover);\n    outline-color: var(--primary);\n    outline-offset: 0;\n    outline-style: solid;\n    outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__input {\n    flex-grow: 1;\n    border: none;\n    background-color: transparent;\n    border: none;\n    width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .combobox__input:focus {\n    outline-offset: 0;\n    outline-width: 0;\n  }\n  .combobox__icon {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .combobox__icon:focus {\n    outline: 0;\n  }\n  .combobox__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    border-color: var(--kolibri-color-normal);\n    background-color: #e8edf2;\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  .combobox__item {\n    display: flex;\n    align-items: center;\n    height: calc(40rem / var(--kolibri-root-font-size, 16));\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__item:focus {\n    background-color: var(--color-petrol);\n    color: var(--color-weiss);\n    outline: 0;\n  }\n  .error .combobox__group {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\n  }\n}","KOL-DETAILS":"@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  .details__heading-button {\n    border-radius: var(--border-radius);\n  }\n  .details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .details__heading-button button .span-label {\n    border-bottom-color: #000;\n  }\n  .details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .details__heading-button .kol-span-wc > span {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .details__content.indented-text {\n    font-family: var(--font-family);\n    border-left: calc(4rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n    padding: 0.25em 0.5em;\n    margin-left: calc(-4rem / 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-DRAWER":"@layer kol-theme-component {\n  :host .drawer__wrapper {\n    box-shadow: 0 0 0.25em gray;\n  }\n}","KOL-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  .checkbox-container {\n    justify-content: flex-start;\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    color: var(--default-letter);\n    border-color: var(--default-border);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n  }\n  .required label > span::after {\n    content: "*";\n    padding-left: 0.125em;\n  }\n  input:hover {\n    border-color: var(--color-petrol);\n  }\n  /* NEU */\n  .kol-input {\n    display: grid;\n    align-items: center;\n    justify-items: left;\n    width: 100%;\n  }\n  .kol-input.default {\n    grid-template-columns: calc(12 * var(--spacing)) auto;\n  }\n  .default[data-label-align=left]:not(.hide-label) {\n    grid-template-columns: auto calc(12 * var(--spacing));\n  }\n  .switch {\n    grid-template-columns: calc(26 * var(--spacing)) auto;\n  }\n  .switch[data-label-align=left]:not(.hide-label) {\n    grid-template-columns: auto calc(26 * var(--spacing));\n  }\n  .button {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16)) 0;\n    grid-template-areas: "input label" "hint hint" "error error";\n  }\n  .button[data-label-align=left]:not(.hide-label) {\n    grid-template-areas: "label input" "hint hint" "error error";\n  }\n  .kol-input > div.input {\n    display: inline-flex;\n    order: 1;\n  }\n  .kol-input > div.input input {\n    margin: 0;\n  }\n  .kol-input > label {\n    order: 2;\n    padding-left: calc(4 * var(--spacing));\n  }\n  .kol-input > .kol-alert-wc.error {\n    order: 3;\n    padding-top: 0.25em;\n    grid-column: span 2/auto;\n  }\n  /* CHECKBOX */\n  input[type=checkbox] {\n    appearance: none;\n    background-color: white;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  input[type=checkbox]:checked {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n  }\n  .default input[type=checkbox] {\n    height: calc(12 * var(--spacing));\n    min-width: calc(12 * var(--spacing));\n    width: calc(12 * var(--spacing));\n  }\n  .default .icon {\n    margin-left: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .default.checked .icon {\n    color: var(--color-weiss);\n  }\n  .switch input[type=checkbox] {\n    display: block;\n    min-width: 3.2em;\n    width: 3.2em;\n    height: 1.7em;\n    position: relative;\n  }\n  .switch input[type=checkbox]:before {\n    /* border-radius: 0.25em; */\n    -webkit-transition: 0.5s;\n    -moz-transition: 0.5s;\n    -ms-transition: 0.5s;\n    transition: 0.5;\n    width: 1.2em;\n    height: 1.2em;\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    background-color: black;\n    position: absolute;\n  }\n  .switch input[type=checkbox]:checked:before {\n    transform: translateX(1.5em);\n    background-color: white;\n  }\n  .switch input[type=checkbox]:indeterminate:before {\n    transform: translateX(0.75em);\n    background-color: var(--color-petrol);\n  }\n  .switch:is(:not(.checked), .indeterminate) .icon {\n    color: #fff;\n  }\n  .disabled {\n    opacity: 0.33;\n  }\n  .kol-input span.hint {\n    grid-column: span 2;\n    font-style: italic;\n    color: gray;\n    display: block;\n    order: 3;\n    padding: 0 var(--spacing);\n  }\n  .button:focus-within {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    outline-color: var(--color-achat);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n}',"KOL-INPUT-RADIO":'@layer kol-theme-component {\n  label {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n    font-weight: 700;\n    color: var(--color-anthrazit);\n    width: 100%;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default {\n    border-color: var(--color-anthrazit);\n  }\n  :host .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  :host .error {\n    border-color: var(--color-rotton);\n  }\n  :host .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  :host .info {\n    border-color: var(--color-petrol);\n  }\n  :host .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  :host .success {\n    border-color: var(--color-gras);\n  }\n  :host .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  :host .warning {\n    border-color: var(--color-warn);\n  }\n  :host .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n  label {\n    font-weight: normal;\n  }\n  :host input:focus {\n    outline-color: var(--color-achat);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    width: 100%;\n    color: var(--color-anthrazit);\n    border-color: var(--default-border);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n    /* padding: rem(10) rem(14); */\n  }\n  input:hover {\n    border-color: var(--color-achat);\n  }\n  .kol-alert-wc {\n    display: block;\n    width: 100%;\n    order: 3;\n  }\n  .kol-required span::after {\n    content: "*";\n  }\n  /* RADIO */\n  fieldset {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n  }\n  fieldset .hint,\n  fieldset .kol-input .hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  fieldset .hint {\n    order: 4;\n  }\n  fieldset .kol-input {\n    display: grid;\n    order: 2;\n  }\n  fieldset .kol-input .hint {\n    order: 3;\n  }\n  fieldset.horizontal {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    align-items: flex-start;\n  }\n  fieldset legend {\n    display: block;\n    width: 100%;\n    line-height: 1.5;\n  }\n  .radio-input-wrapper,\n  .input {\n    cursor: pointer;\n    display: flex;\n    flex-direction: row;\n    gap: 0.5em;\n    margin-top: 0.25em;\n    margin-bottom: 0.25em;\n    align-items: center;\n    position: relative;\n  }\n  .radio-label {\n    cursor: pointer;\n    display: flex;\n    width: 100%;\n  }\n  .radio-label span {\n    margin-top: 0.125em;\n  }\n  .radio-input-wrapper input[type=radio] {\n    appearance: none;\n    transition: 0.5s;\n    border-radius: 100%;\n    height: calc(12 * var(--spacing));\n    min-width: calc(12 * var(--spacing));\n    width: calc(12 * var(--spacing));\n  }\n  .radio-input-wrapper input[type=radio]:checked:before {\n    box-shadow: 0 0 calc(1.6rem / var(--kolibri-root-font-size, 16)) black;\n    background-color: var(--color-petrol);\n  }\n  .radio-input-wrapper input[type=radio]:disabled {\n    background-color: var(--color-input-bg-default);\n    border-color: #999;\n    cursor: not-allowed;\n  }\n  .kol-alert-wc {\n    width: 100%;\n  }\n}',"KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  .default {\n    border-color: var(--color-anthrazit);\n  }\n  .heading {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n  }\n  .default .heading-icon {\n    background-color: var(--color-anthrazit);\n  }\n  .error {\n    border-color: var(--color-rotton);\n  }\n  .error .heading-icon {\n    background-color: var(--color-rotton);\n  }\n  .info {\n    border-color: var(--color-petrol);\n  }\n  .info .heading-icon {\n    background-color: var(--color-petrol);\n  }\n  .success {\n    border-color: var(--color-gras);\n  }\n  .success .heading-icon {\n    background-color: var(--color-gras);\n  }\n  .warning {\n    border-color: var(--color-warn);\n  }\n  .warning .heading-icon {\n    background-color: var(--color-warn);\n  }\n}\n@layer kol-theme-component {\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(750rem / var(--kolibri-root-font-size, 16));\n    max-width: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  .toast {\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast .heading {\n    width: 100%;\n  }\n  .toast .heading .heading-content {\n    flex: 1;\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host > div {\n    display: block;\n    width: 100%;\n  }\n  :host .tabs-button-group {\n    display: flex;\n    background-color: var(--color-petrol);\n  }\n  :host .tabs-button-group > div {\n    display: inline-flex;\n  }\n  :host .tabs-button-group > div + div {\n    margin-left: 0.25em;\n  }\n  .tabs-content {\n    padding: 0.25em;\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--border-color);\n  }\n  button {\n    box-sizing: border-box;\n    font-size: inherit;\n    line-height: 1.25;\n    cursor: pointer;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    box-shadow: 0 0 0.25em gray;\n    width: inherit;\n    overflow: hidden;\n    border-style: solid;\n    padding: calc(4 * var(--spacing));\n    display: grid;\n    gap: 0.25em;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button-wc button.selected,\n  .kol-button-wc[aria-selected=true] button {\n    background-color: white;\n    border-bottom-width: 0.25em;\n    border-bottom-style: solid;\n    border-bottom-color: var(--color-citrin);\n  }\n  button > .kol-span-wc span {\n    display: flex;\n    gap: 0.25em;\n    align-items: center;\n    justify-content: center;\n  }\n  button:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  button.primary,\n  button.primary:disabled:hover {\n    background-color: var(--kolibri-color-primary);\n    border-color: var(--kolibri-color-primary);\n    color: white;\n  }\n  button.primary:hover,\n  button.primary:focus {\n    color: var(--kolibri-color-primary);\n  }\n  button.secondary,\n  button.secondary:disabled:hover {\n    background-color: var(--kolibri-color-secondary);\n    border-color: var(--kolibri-color-secondary);\n    color: white;\n  }\n  button.secondary:hover,\n  button.secondary:focus {\n    color: var(--kolibri-color-secondary);\n  }\n  button.normal,\n  button.normal:disabled:hover {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: white;\n  }\n  button.normal:hover,\n  button.normal:focus {\n    color: var(--color-petrol);\n  }\n  button.danger,\n  button.danger:disabled:hover {\n    background-color: var(--kolibri-color-danger);\n    border-color: var(--kolibri-color-danger);\n    color: white;\n  }\n  button.danger:hover,\n  button.danger:focus {\n    color: var(--kolibri-color-danger);\n  }\n  button.ghost,\n  button.ghost:disabled:hover {\n    background-color: white;\n    border-color: var(--kolibri-color-ghost);\n    color: var(--kolibri-color-ghost);\n  }\n  button.ghost:hover,\n  button.ghost:focus {\n    background-color: var(--kolibri-color-ghost);\n    color: white;\n  }\n  button:hover,\n  button:focus {\n    background-color: white;\n    box-shadow: 0 0 0.25em black;\n  }\n  button:active {\n    outline: 0;\n    box-shadow: none;\n  }\n  .close-button {\n    font-size: 25%;\n    height: fit-content;\n    width: 0;\n  }\n  .close-button button {\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\n    left: -4.25em;\n    top: 0.25em;\n  }\n  :host > div {\n    display: grid;\n  }\n  :host > div.tabs-align-left {\n    grid-template-columns: auto 1fr;\n  }\n  :host > div.tabs-align-right {\n    grid-template-columns: 1fr auto;\n  }\n  :host > .tabs-align-left .tabs-button-group,\n  :host > .tabs-align-top .tabs-button-group {\n    order: 0;\n  }\n  :host > .tabs-align-bottom .tabs-button-group,\n  :host > .tabs-align-right .tabs-button-group {\n    order: 1;\n  }\n  :host > div.tabs-align-left .tabs-button-group > div,\n  :host > div.tabs-align-left .tabs-button-group > div > div,\n  :host > div.tabs-align-right .tabs-button-group > div,\n  :host > div.tabs-align-right .tabs-button-group > div > div {\n    display: grid;\n  }\n  :host > div.tabs-align-left .tabs-button-group > div > div .kol-button-wc,\n  :host > div.tabs-align-right .tabs-button-group > div > div .kol-button-wc {\n    width: 100%;\n  }\n  :host > div.tabs-align-bottom .tabs-button-group div,\n  :host > div.tabs-align-top .tabs-button-group div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-link-wc > a > .kol-span-wc {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n    cursor: pointer;\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: var(--spacing);\n  }\n  .popover {\n    background-color: #fff;\n  }\n  .horizontal-line {\n    background-color: var(--border-color);\n    border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .secondary-button button {\n    height: 100%;\n  }\n  .secondary-button > button > .kol-span-wc {\n    border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .secondary-button > button > :active > .kol-span-wc {\n    border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .secondary-button > button > :focus > .kol-span-wc {\n    border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .secondary-button > a,\n  .secondary-button > button {\n    border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    font-family: var(--font-family-sans);\n    /* text-transform: uppercase; */\n  }\n  a,\n  button {\n    border-top-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-bottom-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    font-family: var(--font-family-sans);\n    /* text-transform: uppercase; */\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    border-top-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-bottom-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    font-size: inherit;\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  button {\n    background-color: transparent;\n  }\n  .button a.hide-label > .kol-span-wc,\n  .button button.hide-label > .kol-span-wc {\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    gap: 0.25em;\n    transition-delay: 0;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.5s;\n    transition-property: background, color, border-color;\n  }\n  .kol-link-wc.primary > a > .kol-span-wc,\n  .kol-link-wc.primary > a:disabled:hover > .kol-span-wc,\n  button.primary > .kol-span-wc,\n  button.primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.primary > a:hover > .kol-span-wc,\n  .kol-link-wc.primary > a:focus > .kol-span-wc,\n  button.primary:hover > .kol-span-wc,\n  button.primary:focus > .kol-span-wc {\n    background-color: var(--color-achat);\n    border-color: var(--color-achat);\n  }\n  .kol-link-wc.secondary > a > .kol-span-wc,\n  .kol-link-wc.secondary > a:disabled:hover > .kol-span-wc,\n  button.secondary > .kol-span-wc,\n  button.secondary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-petrol);\n    color: var(--color-petrol);\n  }\n  .kol-link-wc.secondary > a:hover > .kol-span-wc,\n  .kol-link-wc.secondary > a:focus > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc,\n  button.secondary:focus > .kol-span-wc {\n    background-color: var(--color-petrol);\n    border-color: var(--color-petrol);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.normal > a > .kol-span-wc,\n  .kol-link-wc.normal > a:disabled:hover > .kol-span-wc,\n  button.normal > .kol-span-wc,\n  button.normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-anthrazit);\n    color: var(--color-anthrazit);\n  }\n  .kol-link-wc.normal > a:hover > .kol-span-wc,\n  .kol-link-wc.normal > a:focus > .kol-span-wc,\n  button.normal:hover > .kol-span-wc,\n  button.normal:focus > .kol-span-wc {\n    background-color: var(--color-anthrazit);\n    border-color: var(--color-anthrazit);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.danger > a > .kol-span-wc,\n  .kol-link-wc.danger > a:disabled:hover > .kol-span-wc,\n  button.danger > .kol-span-wc,\n  button.danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-weiss);\n    border-color: var(--color-blut);\n    color: var(--color-blut);\n  }\n  .kol-link-wc.danger > a:hover > .kol-span-wc,\n  .kol-link-wc.danger > a:focus > .kol-span-wc,\n  button.danger:hover > .kol-span-wc,\n  button.danger:focus > .kol-span-wc {\n    background-color: var(--color-blut);\n    border-color: var(--color-blut);\n    color: var(--color-weiss);\n  }\n  .kol-link-wc.ghost > a > .kol-span-wc,\n  .kol-link-wc.ghost > a:disabled:hover > .kol-span-wc,\n  button.ghost > .kol-span-wc,\n  button.ghost:disabled:hover > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: transparent;\n    color: var(--color-anthrazit);\n  }\n  .kol-link-wc.ghost > a:hover > .kol-span-wc,\n  .kol-link-wc.ghost > a:focus > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc,\n  button.ghost:focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .toolbar {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--kolibri-border-color);\n    background-color: var(--color-white);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .tree ul {\n    display: flex;\n    flex-direction: column;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .tree:focus-within {\n    outline: 0;\n  }\n  .tree:focus-within ul {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .tree-item ul {\n    display: flex;\n    flex-direction: column;\n  }\n  .tree-link {\n    display: block;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--border-color);\n  }\n  .tree-link:hover > a, .tree-link:focus-within > a {\n    outline-offset: 0;\n    color: var(--color-petrol);\n  }\n  .tree-link.active {\n    background-color: var(--color-anthrazit);\n  }\n  .tree-link.active a {\n    color: var(--color-weiss);\n  }\n  .tree-link a {\n    display: block;\n    color: var(--color-black);\n    text-decoration: none;\n    text-align: left;\n  }\n  .tree-link a .toggle-button {\n    display: inline-block;\n    color: var(--color-blue);\n  }\n  .tree-link a .toggle-button:hover {\n    transform: scale(1.3);\n  }\n  .tree-link a:focus {\n    color: var(--color-petrol);\n  }\n}"}),io=JSON.parse('{"rE":"4.0.0-alpha.0"}'),co=()=>{const e={onClick:()=>history.back()};return o.createElement(Ie,{_label:"This is an example page",_level:0,_type:"info"},o.createElement("p",null,"You followed an example link."),history.length>1&&o.createElement(Re,{_label:"Go Back",_on:e}))},so=["default","ecl-ec","ecl-eu","itzbund","unstyled"],uo=["ecl-ec","ecl-eu","itzbund"],ho=e=>void 0!==so.find((n=>n===e)),mo=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (Draft)",value:"ecl-ec"},{label:"European Union (Draft)",value:"ecl-eu"},{label:"Informationstechnikzentrum Bund (Draft)",value:"itzbund"}];function bo({children:e}){return function(){const e=matchMedia("(max-width: 1023px)"),[n,r]=(0,o.useState)(e.matches),t=()=>{r(e.matches)};return(0,o.useEffect)((()=>(t(),e.addEventListener("change",t),()=>{e.removeEventListener("change",t)})),[e]),n}()?o.createElement(Ae,{_label:"All components",class:"mt"},e):o.createElement("div",{className:"mt scrollable-container"},e)}function po({label:e,to:n,children:r}){const t=function(e){let{relative:n}={};G()||d(!1);let{basename:r,navigator:t}=o.useContext(V),{hash:a,pathname:l,search:i}=J(e,{relative:n}),c=l;return"/"!==r&&(c="/"===l?r:j([r,l])),t.createHref({pathname:c,search:i,hash:a})}(n),a=function(e){G()||d(!1);let{pathname:n}=Y();return o.useMemo((()=>L(e,N(n))),[n,e])}({path:J(n).pathname,end:!0});return o.createElement(On,{_label:e,_href:t,_active:!!a},r)}const fo=function({routes:e}){const n=Object.entries(e).map((([e,n])=>o.createElement(po,{key:e,label:e,to:e},((e,n)=>Object.keys(n).map((n=>{const r="tree"===e&&"basic/:subPage"===n,t=r?"basic/home":n,a=r?"basic":n;return o.createElement(po,{key:[e,n].join("/"),label:a,to:[e,t].join("/")})})))(e,n))));return o.createElement(bo,null,o.createElement("nav",null,o.createElement(Tn,{_label:"Navigation",class:"block"},n)))},go=({version:e,theme:n,routes:r,routeList:t,sample:a,buildDate:l,commitHash:i,onThemeChange:c})=>{const s=()=>t.indexOf(a);return o.createElement("aside",{className:"app-sidebar p-4"},o.createElement("div",{className:"scrollable-container-wrapper"},o.createElement("div",{className:"flex flex-justify-between flex-items-center"},o.createElement(qe,{_label:"KoliBri React"}),o.createElement(Cn,{_label:e})),(l||i)&&o.createElement("div",{className:"text-sm font-mono color-gray-5 m-t-2"},i?`Build: ${i}`:"",o.createElement("br",null),l?`at ${l}`:""),o.createElement(fn,{_label:"Theme",_options:mo,_on:{onChange:(e,n)=>{c(n[0])}},_value:[n],class:"mt"}),o.createElement(qe,{_label:"Components",_level:2,className:"block mt"}),o.createElement("div",{className:"flex flex-justify-between flex-items-center mt"},o.createElement(Re,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:()=>{const e=s(),n=e<=0?t.length-1:e-1;location.replace(`#${t[n]}`)}}}),o.createElement("span",{className:"text-base text-center"},a.replace(/\//g," ")," (",s()+1,"/",t.length,")"),o.createElement(Re,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:()=>{const e=s(),n=e===t.length-1?0:e+1;location.replace(`#${t[n]}`)}}})),o.createElement(fo,{routes:r})))};var vo=l(8037);const ko=(0,o.createContext)(null),yo="I am an error message!",wo="I am a hint.",_o=()=>location.hash.split("/").slice(1),Eo=e=>{const n=(0,o.useContext)(ko),r=(0,o.useMemo)((()=>{const e=_o();return"scenarios"===e[0]?null:`https://public-ui.github.io/docs/components/${e[0]}`}),[location.hash]),t=(0,o.useMemo)((()=>{const e=_o();return"scenarios"===e[0]?null:`https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/${e[0]}/${e[1]}.tsx`}),[location.hash]);return n?null:o.createElement("div",{className:"flex justify-between mb-sm"},o.createElement("div",{className:"indented-text"},e.children),o.createElement("div",{className:"flex flex-wrap gap-2 shrink-0 ml"},t&&o.createElement(cn,{_href:t,_label:"Code",_target:"_blank"}),r&&o.createElement(cn,{_href:r,_label:"Documentation",_target:"_blank"}),o.createElement(cn,{_href:`${location.href}?hideMenus`,_label:"Standalone example",_target:"_blank"})))},xo={abbr:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolAbbr shows an abbreviation and the full form in parentheses, if provided.")),o.createElement("p",null,"I am ",o.createElement($e,{_label:"as an example"},"e.g.")," an abbreviation."),o.createElement("p",null,"I am ",o.createElement($e,null,"e.g.")," an abbreviation without label."))}},zo={accordion:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",o.createElement("code",null,"_open"),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion.")),o.createElement("div",{className:"grid gap-4"},o.createElement(Ae,{_label:"Heading Accordion Tab 1"},"Contents Accordion Tab 1"),o.createElement(Ae,{_label:"Heading Accordion Tab 2"},"Contents Accordion Tab 2"),o.createElement(Ae,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),o.createElement(Ae,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0},"Contents Accordion Tab 2"))),headlines:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolAccordion with the different heading levels from 1-6.")),o.createElement("div",{className:"grid gap-4"},o.createElement(Ae,{_label:"Heading Level 1",_level:1},"Contents Accordion Tab 1"),o.createElement(Ae,{_label:"Heading Level 2",_level:2},"Contents Accordion Tab 2"),o.createElement(Ae,{_label:"Heading Level 3",_level:3},"Contents Accordion Tab 3"),o.createElement(Ae,{_label:"Heading Level 4",_level:4},"Contents Accordion Tab 4"),o.createElement(Ae,{_label:"Heading Level 5",_level:5},"Contents Accordion Tab 5"),o.createElement(Ae,{_label:"Heading Level 6",_level:6},"Contents Accordion Tab 6")))}},So=({level:e,type:n,variant:r})=>o.createElement(o.Fragment,null,o.createElement(Ie,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:n,_variant:r},"This is the text of the alert."),o.createElement(Ie,{_type:n,_variant:r},"In this alert, only the text without the heading is used."),o.createElement(Ie,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:n,_variant:r,_hasCloser:!0},"This is the text of the alert. With close button."),o.createElement(Ie,{_type:n,_variant:r,_hasCloser:!0},"In this alert, only the text without the heading is used. With close button.")),To=({variant:e="msg"})=>o.createElement("div",{className:"grid gap-4"},o.createElement(So,{level:1,type:"default",variant:e}),o.createElement(So,{level:2,type:"error",variant:e}),o.createElement(So,{level:3,type:"info",variant:e}),o.createElement(So,{level:4,type:"success",variant:e}),o.createElement(So,{level:5,type:"warning",variant:e})),Oo={alert:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",o.createElement("code",null,"msg"),", showing all possible types with and without headlines and close buttons.")),o.createElement(To,{variant:"msg"})),"card-msg":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",o.createElement("code",null,"card"),", showing all possible types with and without headlines and close buttons.")),o.createElement("section",{className:"w-full"},o.createElement(To,{variant:"card"}))),html:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows how KolAlert can be used with arbitrary HTML as slot content.")),o.createElement("div",null,o.createElement(Ie,{_label:"Output of HTML code in the alert",_type:"info"},o.createElement("div",{className:"mt-2 mb-3"},o.createElement(qe,{_level:2,_label:"An H2 heading is output here"})),o.createElement("div",{className:"grid gap-4 sm:grid-cols-2"},o.createElement("div",null,o.createElement("h3",null,"Text in a left-hand column"),o.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?")),o.createElement("div",null,o.createElement("h3",null,"Text in einer rechten Spalte"),o.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!"))))))}},Co={avatar:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Pe,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),o.createElement(Pe,{_label:"Elke Mustermann "}),o.createElement(Pe,{_label:"Marianne"})))}};var Lo=Object.defineProperty,No=Object.getOwnPropertySymbols,$o=Object.prototype.hasOwnProperty,Ao=Object.prototype.propertyIsEnumerable,Io=(e,n,o)=>n in e?Lo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Po=(e,n)=>{for(var o in n||(n={}))$o.call(n,o)&&Io(e,o,n[o]);if(No)for(var o of No(n))Ao.call(n,o)&&Io(e,o,n[o]);return e};const jo=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),Fo={badge:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolBadge shows badges with a label, background color and optional icon.")),o.createElement("div",{className:"flex gap-2"},o.createElement(je,{_label:"black"}),o.createElement(je,{_color:"#86ffc6",_label:"teal"}),o.createElement(je,{_color:"#06539e",_label:"blue"}),o.createElement(je,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),o.createElement(je,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"}))),button:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolBadge with an optional ",o.createElement("code",null,"smartButton"),'. The sample defines a "close" button with X-icon a click event listener.')),o.createElement("div",{className:"flex gap-2"},o.createElement(je,Po({},jo("black"))),o.createElement(je,Po({_color:"#86ffc6"},jo("teal"))),o.createElement(je,Po({_color:"#06539e"},jo("blue"))),o.createElement(je,Po({_color:"#ae0000",_icons:"codicon codicon-smiley"},jo("red with icon"))),o.createElement(je,Po({_color:"#8b008b",_icons:"codicon codicon-squirrel"},jo("purple with icon")))))}},Ro={breadcrumb:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements.")),o.createElement("div",{className:"grid gap-4"},o.createElement(Fe,{_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"}]}),o.createElement(Fe,{_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"}]}),o.createElement(Fe,{_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 Do(){const e=Mn.getInstance(document),n=n=>{e.enqueue({description:n||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{n()},buttonWithTextClickEventHandler:e=>{const o=e.currentTarget.textContent;n(o)}}}const Ko={"button-group":{basic:()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolButtonGroup shows multiple KolButton-elements visually grouped together."),o.createElement("p",null,o.createElement(je,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),o.createElement(De,null,o.createElement(Re,{_label:"Active",_variant:"primary",_on:n}),o.createElement(Re,{_label:"Not active",_disabled:!0}),o.createElement(Re,{_label:"Active",_icons:"codicon codicon-home",_variant:"danger",_on:n}),o.createElement(Re,{_label:"Active",_icons:"codicon codicon-trash",_hideLabel:!0,_variant:"ghost",_on:n})))}}},Mo={"button-link":{basic:()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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 ",o.createElement("code",null,"block"),", ",o.createElement("code",null,"inline-block")," and ",o.createElement("code",null,"inline"),". It also demonstrates the disabled-state.")),o.createElement("section",{className:"text-base"},o.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes. ",o.createElement(Ke,{_label:"Simple Link"})," It is rendered by default as an"," ",o.createElement("strong",null,"inline element"),"."),o.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",o.createElement(Ke,{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.",o.createElement("br",null),o.createElement("br",null),"After that, there is a link that is rendered as a block element.",o.createElement(Ke,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."),o.createElement("p",null,o.createElement(Ke,{_label:"Disabled ButtonLink",_disabled:!0})),o.createElement("p",null,o.createElement(Ke,{_label:"With access key",_accessKey:"c",_on:n})),o.createElement("p",null,o.createElement(Ke,{_label:"Disabled ButtonLink",_shortKey:"s"}))))},icons:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButtonLink with icons in different locations.")),o.createElement("div",{className:"grid gap-4"},o.createElement(Ke,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),o.createElement(Ke,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),o.createElement(Ke,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),o.createElement(Ke,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),o.createElement(Ke,{_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:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content.")),o.createElement("div",{className:"grid gap-4"},o.createElement(Ke,{_label:"I am a link that is rendered as text"}),o.createElement(Ke,{_label:""},o.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),"aria-description":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButtonLink with aria-description")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Ke,{_label:"Button Text without area description"}),o.createElement(Ke,{_label:"Button Text",_ariaDescription:"Button Area Description"})))}};var Bo=Object.defineProperty,Uo=Object.getOwnPropertySymbols,Ho=Object.prototype.hasOwnProperty,Vo=Object.prototype.propertyIsEnumerable,qo=(e,n,o)=>n in e?Bo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Wo=(e,n)=>{for(var o in n||(n={}))Ho.call(n,o)&&qo(e,o,n[o]);if(Uo)for(var o of Uo(n))Vo.call(n,o)&&qo(e,o,n[o]);return e};const Zo=e=>{const n=e,{children:r}=n,t=((e,n)=>{var o={};for(var r in e)Ho.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Uo)for(var r of Uo(e))n.indexOf(r)<0&&Vo.call(e,r)&&(o[r]=e[r]);return o})(n,["children"]),{dummyClickEventHandler:a}=Do(),l={onClick:a};return o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,Wo({_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:l},t),r),o.createElement(Re,Wo({_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:l},t),r),o.createElement(Re,Wo({_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:l},t),r),o.createElement(Re,Wo({_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:l},t),r),o.createElement(Re,Wo({_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:l},t),r),o.createElement(Re,Wo({_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:l},t),r))};var Go=Object.defineProperty,Yo=Object.defineProperties,Qo=Object.getOwnPropertyDescriptors,Xo=Object.getOwnPropertySymbols,Jo=Object.prototype.hasOwnProperty,er=Object.prototype.propertyIsEnumerable,nr=(e,n,o)=>n in e?Go(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,or=(e,n)=>{for(var o in n||(n={}))Jo.call(n,o)&&nr(e,o,n[o]);if(Xo)for(var o of Xo(n))er.call(n,o)&&nr(e,o,n[o]);return e},rr=(e,n)=>Yo(e,Qo(n));const tr=(e={})=>{const n=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:rr(or({},e),{_disabled:!0})},{label:"Button (hideLabel)",buttonProps:rr(or({},e),{_hideLabel:!0})},{label:"Button (disabled, hideLabel)",buttonProps:rr(or({},e),{_disabled:!0,_hideLabel:!0})}];return o.createElement("div",{className:"grid gap-8"},n.map((({label:e,buttonProps:n},r)=>o.createElement("section",{key:r,className:"grid gap-4"},o.createElement(qe,{_level:2,_label:e}),o.createElement(Zo,or({},n))))))};var ar=Object.defineProperty,lr=Object.getOwnPropertySymbols,ir=Object.prototype.hasOwnProperty,cr=Object.prototype.propertyIsEnumerable,sr=(e,n,o)=>n in e?ar(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,dr=(e,n)=>{for(var o in n||(n={}))ir.call(n,o)&&sr(e,o,n[o]);if(lr)for(var o of lr(n))cr.call(n,o)&&sr(e,o,n[o]);return e};const ur={button:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement(tr,null)),icons:()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButton with icons in all alignments.")),o.createElement("div",null,o.createElement(Re,{_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}=Do(),n={className:"w-8rem",_on:{onClick:e}};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButton with adjusted widths.")),o.createElement("div",{className:"grid gap-14"},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,dr({_label:"Primary",_variant:"primary"},n)),o.createElement(Re,dr({_label:"Secondary",_variant:"secondary"},n)),o.createElement(Re,dr({_label:"Normal",_variant:"normal"},n)),o.createElement(Re,dr({_label:"Danger",_variant:"danger"},n)),o.createElement(Re,dr({_label:"Ghost",_variant:"ghost"},n))),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,dr({_disabled:!0,_label:"Primary",_variant:"primary"},n)),o.createElement(Re,dr({_disabled:!0,_label:"Secondary",_variant:"secondary"},n)),o.createElement(Re,dr({_disabled:!0,_label:"Normal",_variant:"normal"},n)),o.createElement(Re,dr({_disabled:!0,_label:"Danger",_variant:"danger"},n)),o.createElement(Re,dr({_disabled:!0,_label:"Ghost",_variant:"ghost"},n)))))},"access-key":()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButton with"," ",o.createElement(cn,{_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.")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,{_label:"With S access key",_accessKey:"S",_on:n}),o.createElement(Re,{_label:"Very small s",_accessKey:"s",_on:n}),o.createElement(Re,{_label:"Access key does not appear in label",_accessKey:"x",_on:n}),o.createElement(Re,{_label:"access key without label",_hideLabel:!0,_accessKey:"s",_icons:"codicon codicon-dashboard",_on:n}),o.createElement(Re,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"s"})))},"aria-description":()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolButton with aria-description")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,{_label:"Button Text without area description",_on:n}),o.createElement(Re,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:n})))},baselined:()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned.")),o.createElement("div",{className:"flex"},o.createElement(Re,{_label:"Label-Text",_on:n}),o.createElement(Re,{_label:"Label-Text",_on:n}),o.createElement(Re,{_label:"Label-Text",_on:n}),o.createElement(Re,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:n})))},"short-key":()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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."," ")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,{_label:"With S short key",_shortKey:"S",_on:n}),o.createElement(Re,{_label:"Very small s",_shortKey:"s",_on:n}),o.createElement(Re,{_label:"Short key does not appear in label",_shortKey:"x",_on:n}),o.createElement(Re,{_label:"short key without label",_hideLabel:!0,_shortKey:"s",_icons:"codicon codicon-dashboard",_on:n}),o.createElement(Re,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"s"})))},"expert-slot":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolButton show a button-element with expert slot.")),o.createElement(tr,{_label:""},o.createElement("span",{slot:"expert"},"I am more than just a button")))}},hr={card:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolCard shows a card with title and slot content. The second sample features a close button.")),o.createElement("div",{className:"w-full grid grid-cols-2 gap-4"},o.createElement(Me,{_label:"Card with title and content"},o.createElement("div",null,"Card contents.")),o.createElement(Me,{_label:"Card with closer",_hasCloser:!0},o.createElement("p",null,"This card has a close button."))))}},mr={details:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",o.createElement("code",null,"_open"),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component.")),o.createElement("section",{className:"grid gap-4"},o.createElement(Ue,{_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."),o.createElement(Ue,{_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."),o.createElement(Ue,{_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.")))}},br=["left","top","right","bottom"].map((e=>({label:e,value:e}))),pr=({value:e="left",onChange:n})=>o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"container my-4 d-grid gap-4"},o.createElement(rn,{_label:"Drawer alignment",_value:e,_options:br,_orientation:"horizontal",_on:{onChange:n}}))),fr={drawer:{basic:()=>{const[e]=Ee(),n=e.get("align"),r=(0,o.useContext)(ko),t=(0,o.useRef)(null),a=(0,o.useRef)(null),[l,i]=(0,o.useState)(n||"left");return(0,o.useEffect)((()=>{var e;n&&(null==(e=a.current)||e.open())}),[n]),o.createElement(o.Fragment,null,!r&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Eo,null,o.createElement("p",null,"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments and the modal- and non-modal modes.")),o.createElement(pr,{value:l,onChange:(e,n)=>i(n)}),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(He,{ref:t,_label:"I am a drawer",_align:l,_on:{onClose:()=>console.log("Drawer onClose triggered!")}},o.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."),o.createElement(Re,{_label:"Close drawer",_on:{onClick:()=>{var e;return null==(e=t.current)?void 0:e.close()}}})),o.createElement(Re,{_label:"Open drawer",_on:{onClick:()=>{var e;return null==(e=t.current)?void 0:e.open()}}}),o.createElement(He,{ref:a,_modal:!0,_align:l,_label:"I am a Drawer Modal",_on:{onClose:()=>console.log("Drawer Modal onClose triggered!")}},o.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."),o.createElement(Re,{_label:"Close drawer modal",_on:{onClick:()=>{var e;return null==(e=a.current)?void 0:e.close()}}})),o.createElement(Re,{_label:"Open drawer as modal",_on:{onClick:()=>{var e;return null==(e=a.current)?void 0:e.open()}}})))},controlled:()=>{const[e]=Ee(),n=e.get("align"),r=(0,o.useContext)(ko),[t,a]=(0,o.useState)(!1),[l,i]=(0,o.useState)(!1),[c,s]=(0,o.useState)(n||"left");return o.createElement("div",null,!r&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Eo,null,o.createElement("p",null,"This sample shows the KolDrawer controlled by the property ",o.createElement("code",null,"_open")," instead of methods.")),o.createElement(pr,{value:c,onChange:(e,n)=>s(n)}),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(He,{_open:t,_align:c,_label:"I'm a controlled drawer",_on:{onClose:()=>a(!1)}},o.createElement("div",null,o.createElement("p",null,"Lorem ipsum dolor sit amet,"),o.createElement(Re,{_label:"Close drawer",_on:{onClick:()=>a(!1)}}))),o.createElement(Re,{_label:"Open drawer",_on:{onClick:()=>a(!0)}}),o.createElement(He,{_open:l,_modal:!0,_align:c,_label:"I'm a controlled modal drawer",_on:{onClose:()=>i(!1)}},o.createElement("div",null,o.createElement("p",null,"Lorem ipsum dolor sit amet,"),o.createElement(Re,{_label:"Close drawer",_on:{onClick:()=>i(!1)}}))),o.createElement(Re,{_label:"Open drawer as modal",_on:{onClick:()=>i(!0)}})))}}},gr={form:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement(Ve,{className:"w-full"},o.createElement("div",{className:"grid gap-2"},o.createElement(an,{id:"input1",_label:"Input 1"}),o.createElement(an,{id:"input2",_label:"Input 2"}),o.createElement(an,{id:"input3",_label:"Input 3"})))),"error-list":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows a form with error messages.")),o.createElement(Ve,{className:"w-full",_errorList:[{message:"Error in Input 2",selector:"#input2"}]},o.createElement("div",{className:"grid gap-2"},o.createElement(an,{id:"input1",_label:"Input 1"}),o.createElement(an,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),o.createElement(an,{id:"input3",_label:"Input 3"}))))}};var vr=Object.defineProperty;const kr=`public-ui.v${io.rE}`,yr={darkMode:!1,theme:"default"};let wr;function _r(e){wr=e;const n=wr.getItem(kr);try{const e=JSON.parse(n);"object"==typeof e&&null!==e&&(yr.darkMode=!0===e.darkMode,ho(e.theme)&&(yr.theme=e.theme))}catch(e){}}_r(new class{constructor(){var e;((e,n,o)=>{n in e?vr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o})(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 Er=()=>`${yr.theme}`,xr=e=>{var n;if(ho(e))return null==(n=mo.find((n=>n.value===e)))?void 0:n.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},zr=new WeakMap,Sr=e=>(!1===zr.has(e)&&zr.set(e,(0,t.H)(e)),zr.get(e)),Tr=[{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 Or=Object.defineProperty,Cr=Object.defineProperties,Lr=Object.getOwnPropertyDescriptors,Nr=Object.getOwnPropertySymbols,$r=Object.prototype.hasOwnProperty,Ar=Object.prototype.propertyIsEnumerable,Ir=(e,n,o)=>n in e?Or(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;function Pr(e){var n=e,{_on:r}=n,t=((e,n)=>{var o={};for(var r in e)$r.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Nr)for(var r of Nr(e))n.indexOf(r)<0&&Ar.call(e,r)&&(o[r]=e[r]);return o})(n,["_on"]);const{dummyClickEventHandler:a}=Do(),l={onClick:a};return o.createElement(Re,(i=((e,n)=>{for(var o in n||(n={}))$r.call(n,o)&&Ir(e,o,n[o]);if(Nr)for(var o of Nr(n))Ar.call(n,o)&&Ir(e,o,n[o]);return e})({},t),Cr(i,Lr({_on:l}))));var i}const jr={horizontal:[[{label:"",rowSpan:2,asTd:!0},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,n)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(Pr,{_label:n.label,style:{fontSize:"75%"},"data-theme":"default"}))},sort:e=>e.sort(((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 r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(je,{_color:"#060",_label:n.label}))},sort:e=>e.sort(((e,n)=>e.tuesday<n.tuesday?-1:e.tuesday>n.tuesday?1:0)),sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,n)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(je,{_color:"#006",_label:n.label}))}},{key:"thursday",label:"Thursday",render:(e,n)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(je,{_color:"#600",_label:n.label}))}},{key:"friday",label:"Friday",render:(e,n)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(je,{_color:"#303",_label:n.label}))}},{key:"saturday",label:"Saturday",render:(e,n)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(je,{_color:"#330",_label:n.label}))}},{key:"sunday",label:"Sunday",render:(e,n)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(r),Sr(r).render(o.createElement(je,{_color:"#033",_label:n.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},Fr={handout:{basic:()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"grid gap-4 grid-cols-[auto_1fr_1fr] items-center"},o.createElement(ln,{className:"block w-75px",_labeled:!1}),o.createElement(qe,{_label:"",_level:1},o.createElement("span",{slot:"expert"},"Kolibri-Handout ",o.createElement("small",null,"for ",xr(Er())))),o.createElement(Ue,{_label:"Abstract",_open:!0},"The handout shows a selection of KoliBri components in the style of ",o.createElement("strong",null,xr(Er())),". 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 (",o.createElement(cn,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),").")),o.createElement("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12"},o.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement(qe,{_label:"Heading Level 1",_level:1}),o.createElement(qe,{_label:"Heading Level 2",_level:2}),o.createElement(qe,{_label:"Heading Level 3",_level:3}),o.createElement(qe,{_label:"Heading Level 4",_level:4}),o.createElement(qe,{_label:"Heading Level 5",_level:5}),o.createElement(qe,{_label:"Heading Level 6",_level:6}),o.createElement(qe,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6}))),o.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement("p",null,"I am ",o.createElement($e,{_label:"as an example"},"e.g.")," an abbreviation."),o.createElement("p",null,"I am ",o.createElement($e,null,"e.g.")," an abbreviation without label."),o.createElement("div",{className:"grid grid-cols-2 items-center"},o.createElement(bn,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),o.createElement(bn,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})))),o.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},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement(xn,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}]},o.createElement("div",{className:"grid gap-2 py-2"},o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(Re,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:n}),o.createElement(Re,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:n}),o.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:n})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(Re,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:n}),o.createElement(Re,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:n}),o.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:n})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(Re,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:n}),o.createElement(Re,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:n}),o.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:n})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(Re,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:n}),o.createElement(Re,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:n}),o.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:n})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(Re,{_label:"ghost",_variant:"ghost"}),o.createElement(Re,{_disabled:!0,_label:"ghost",_variant:"ghost"}),o.createElement(Re,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:n}))),o.createElement("div",{className:"grid gap-2 py-2"},o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(sn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),o.createElement(sn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),o.createElement(sn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(sn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),o.createElement(sn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),o.createElement(sn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(sn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),o.createElement(sn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),o.createElement(sn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(sn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),o.createElement(sn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),o.createElement(sn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})),o.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},o.createElement(sn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),o.createElement(sn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),o.createElement(sn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})))))),o.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},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement(Ae,{_label:"Links",_level:3,_open:!0},o.createElement("div",{className:"grid gap-2",slot:""},o.createElement(cn,{_href:"#/back-page",_label:"Link text"}),o.createElement(cn,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),o.createElement(cn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),o.createElement(cn,{_href:"/",_label:"Visited link"}),o.createElement("p",null,"I am a ",o.createElement(cn,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."))),o.createElement(Ae,{_label:"ButtonLinks",_level:3},o.createElement("div",{className:"grid gap-2",slot:""},o.createElement(Ke,{_label:"Link text"}),o.createElement(Ke,{_icons:"codicon codicon-home",_label:"Link text with icon"}),o.createElement(Ke,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),o.createElement("p",null,"I am a ",o.createElement(Ke,{_label:"Link"})," in the running text."),o.createElement(Ke,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"}))))),o.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement(Ie,{_label:"Default message",_type:"default"},"This is the text of the alert."),o.createElement(Ie,{_type:"success"},"Success message text"),o.createElement(Ie,{_type:"error",_hasCloser:!0},"This is a error message text."),o.createElement(Ie,{_label:"Info card",_type:"info",_variant:"card"},"This is the text of the alert."),o.createElement(Ie,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card"},"This is the text of the alert."))),o.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement("div",null,o.createElement(hn,{_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})),o.createElement("div",null,o.createElement(Fe,{_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"}]})))),o.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2},o.createElement(Ve,{slot:""},o.createElement("div",{className:"grid gap-4 grid-cols-3 p-2"},o.createElement(Qe,{_label:"Color"}),o.createElement(en,{_label:"Upload file"}),o.createElement(nn,{_label:"Number input"}),o.createElement(Xe,{_type:"date",_label:"Date"}),o.createElement(Je,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),o.createElement(an,{_hint:"I am a hint.",_label:"First name"}),o.createElement(on,{_label:"password"}),o.createElement(fn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),o.createElement(tn,{_min:0,_max:50,_value:25,_label:"Slider"}),o.createElement(rn,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),o.createElement("div",{className:"grid gap-4"},o.createElement(rn,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),o.createElement(Ye,{_label:""},"I accept the ",o.createElement($e,{_label:"General Terms and Conditions"},"AGB"),".")),o.createElement(zn,{_rows:4,_label:"Textarea"})))),o.createElement(Me,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2},o.createElement("div",{slot:"",className:"grid gap-2 p-2"},o.createElement(wn,{_label:"Table",_headers:jr,_data:Tr,_pagination:!0})))),o.createElement(Cn,{_label:"5.0.2-test.2"}))}}},Rr={heading:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolHeading renders a heading with the given level.")),o.createElement("div",{className:"grid gap-4"},o.createElement(qe,{_label:"I'm a H1-heading",_level:1}),o.createElement(qe,{_label:"I'm a H2-heading",_level:2}),o.createElement(qe,{_label:"I'm a H3-heading",_level:3}),o.createElement(qe,{_label:"I'm a H4-heading",_level:4}),o.createElement(qe,{_label:"I'm a H5-heading",_level:5}),o.createElement(qe,{_label:"I'm a H6-heading",_level:6}))),badge:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",o.createElement("code",null,"_label"),"-property.")),o.createElement("div",{className:"grid gap-4"},o.createElement(qe,{_label:"",_level:1},o.createElement("span",{slot:"expert"},"A heading with a ",o.createElement(je,{_label:"Label"}))),o.createElement(qe,{_label:"",_level:2},o.createElement("span",{slot:"expert"},"A heading with a ",o.createElement(je,{_color:"#86ffc6",_label:"Label"}))),o.createElement(qe,{_label:"",_level:3},o.createElement("span",{slot:"expert"},"A heading with a ",o.createElement(je,{_color:"#06539e",_label:"Label"}))),o.createElement(qe,{_label:"",_level:4},o.createElement("span",{slot:"expert"},"A heading with a ",o.createElement(je,{_color:"#ae0000",_label:"Label"}))),o.createElement(qe,{_label:"",_level:5},o.createElement("span",{slot:"expert"},"A heading with a ",o.createElement(je,{_color:"#8b008b",_label:"Label"}))),o.createElement(qe,{_label:"",_level:6},o.createElement("span",{slot:"expert"},"A heading with a ",o.createElement(je,{_color:"#ffc0cb",_label:"Label"}))))),paragraph:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolHeading with its different levels combined with some text content each.")),o.createElement("div",{className:"grid gap-4"},o.createElement(qe,{_label:"Ich bin eine H1-Überschrift",_level:1}),o.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."),o.createElement(qe,{_label:"Ich bin eine H2-Überschrift",_level:2}),o.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."),o.createElement(qe,{_label:"Ich bin eine H3-Überschrift",_level:3}),o.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."),o.createElement(qe,{_label:"Ich bin eine H4-Überschrift",_level:4}),o.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."),o.createElement(qe,{_label:"Ich bin eine H5-Überschrift",_level:5}),o.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."),o.createElement(qe,{_label:"Ich bin eine H6-Überschrift",_level:6}),o.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.")))}},Dr={icon:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color.")),o.createElement("div",{className:"grid gap-4"},o.createElement(We,{_label:"",_icons:"codicon codicon-home"}),o.createElement(We,{style:{color:"red"},_label:"",_icons:"codicon codicon-home"})))}},Kr={image:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolImage renders an image. The sample shows an image with alternative text.")),o.createElement(Ze,{className:"w-80%",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"}))}},Mr={"indented-text":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolIndentedText renders the given slot content, styled as indented text. The sample shows two regular paragraphs with an indented paragraph in between."),o.createElement("p",null,o.createElement(je,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),o.createElement("div",{className:"grid gap-4"},o.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 invidunt."),o.createElement(Ge,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 invidunt."),o.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 invidunt.")))}};var Br=Object.defineProperty,Ur=Object.getOwnPropertySymbols,Hr=Object.prototype.hasOwnProperty,Vr=Object.prototype.propertyIsEnumerable,qr=(e,n,o)=>n in e?Br(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;const Wr=e=>{var n=e,{RefComponent:r}=n,t=((e,n)=>{var o={};for(var r in e)Hr.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Ur)for(var r of Ur(e))n.indexOf(r)<0&&Vr.call(e,r)&&(o[r]=e[r]);return o})(n,["RefComponent"]);return o.createElement(Ve,{className:"w-full"},o.createElement("div",{className:"grid gap-4"},o.createElement(r,((e,n)=>{for(var o in n||(n={}))Hr.call(n,o)&&qr(e,o,n[o]);if(Ur)for(var o of Ur(n))Vr.call(n,o)&&qr(e,o,n[o]);return e})({},t)),o.createElement("div",{className:"flex gap-4"},o.createElement(Re,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),o.createElement(Re,{_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"}),o.createElement(Re,{_label:"Reset",_type:"reset",_variant:"tertiary"}),o.createElement(Re,{_label:"Help",_type:"button",_variant:"ghost"}))))};var Zr=Object.defineProperty,Gr=Object.defineProperties,Yr=Object.getOwnPropertyDescriptors,Qr=Object.getOwnPropertySymbols,Xr=Object.prototype.hasOwnProperty,Jr=Object.prototype.propertyIsEnumerable,et=(e,n,o)=>n in e?Zr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,nt=(e,n)=>{for(var o in n||(n={}))Xr.call(n,o)&&et(e,o,n[o]);if(Qr)for(var o of Qr(n))Jr.call(n,o)&&et(e,o,n[o]);return e},ot=(e,n)=>Gr(e,Yr(n));const rt=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement(Ye,ot(nt({},e),{_label:"Not selected",_value:!1,_required:!0})),o.createElement(Ye,ot(nt({},e),{_label:"Indeterminate",_value:null,_indeterminate:!0})),o.createElement(Ye,ot(nt({},e),{ref:n,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0})),o.createElement(Ye,ot(nt({},e),{_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0})),o.createElement(Ye,ot(nt({},e),{_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"})),o.createElement(Ye,ot(nt({},e),{_checked:!0,_disabled:!0,_label:"Checked and disabled"})),o.createElement(Ye,ot(nt({},e),{_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"})),o.createElement(Ye,ot(nt({},e),{_msg:{_type:"error",_description:yo},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"})),o.createElement(Ye,ot(nt({},e),{_label:"With access key",_accessKey:"c",_value:null})),o.createElement(Ye,ot(nt({},e),{_label:"With short key",_shortKey:"s",_value:null})))}));var tt=Object.defineProperty,at=Object.defineProperties,lt=Object.getOwnPropertyDescriptors,it=Object.getOwnPropertySymbols,ct=Object.prototype.hasOwnProperty,st=Object.prototype.propertyIsEnumerable,dt=(e,n,o)=>n in e?tt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ut=(e,n)=>{for(var o in n||(n={}))ct.call(n,o)&&dt(e,o,n[o]);if(it)for(var o of it(n))st.call(n,o)&&dt(e,o,n[o]);return e},ht=(e,n)=>at(e,lt(n));const mt=(0,o.forwardRef)((function(e,n){return o.createElement(o.Fragment,null,o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,'Label align "left" with label'),o.createElement(rt,ht(ut({},e),{_labelAlign:"left"}))),o.createElement("fieldset",null,o.createElement("legend",null,'Label align "left" without Label (hideLabel)'),o.createElement(rt,ht(ut({ref:n},e),{_hideLabel:!0,_labelAlign:"left"})))),o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,'Label align "right" with label'),o.createElement(rt,ut({},e))),o.createElement("fieldset",null,o.createElement("legend",null,'Label align "right" without Label (hideLabel)'),o.createElement(rt,ht(ut({ref:n},e),{_hideLabel:!0})))))})),bt={"input-checkbox":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:mt})),switch:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'This sample shows KolInputCheckbox in the variant "switch".')),o.createElement(Wr,{RefComponent:mt,_variant:"switch"})),button:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'This sample shows KolInputCheckbox in the variant "button".')),o.createElement(Wr,{RefComponent:mt,_variant:"button"}))}};var pt=Object.defineProperty,ft=Object.defineProperties,gt=Object.getOwnPropertyDescriptors,vt=Object.getOwnPropertySymbols,kt=Object.prototype.hasOwnProperty,yt=Object.prototype.propertyIsEnumerable,wt=(e,n,o)=>n in e?pt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,_t=(e,n)=>{for(var o in n||(n={}))kt.call(n,o)&&wt(e,o,n[o]);if(vt)for(var o of vt(n))yt.call(n,o)&&wt(e,o,n[o]);return e},Et=(e,n)=>ft(e,gt(n));const xt=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(Qe,Et(_t({},e),{_msg:{_type:"error",_description:yo},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"}))),o.createElement(Qe,Et(_t({},e),{_msg:{_type:"error",_description:yo},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0})),o.createElement(Qe,Et(_t({},e),{ref:n,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"})),o.createElement(Qe,Et(_t({},e),{_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"})),o.createElement(Qe,Et(_t({},e),{_label:"With access key",_accessKey:"c"})),o.createElement(Qe,Et(_t({},e),{_label:"With short key",_shortKey:"s"})))}));var zt=Object.defineProperty,St=Object.defineProperties,Tt=Object.getOwnPropertyDescriptors,Ot=Object.getOwnPropertySymbols,Ct=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable,Nt=(e,n,o)=>n in e?zt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,$t=(e,n)=>{for(var o in n||(n={}))Ct.call(n,o)&&Nt(e,o,n[o]);if(Ot)for(var o of Ot(n))Lt.call(n,o)&&Nt(e,o,n[o]);return e};const At=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Color"),o.createElement(xt,$t({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Color (hideLabel)"),o.createElement(xt,(r=$t({ref:n},e),St(r,Tt({_hideLabel:!0}))))));var r})),It={"input-color":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:At}))}};var Pt=Object.defineProperty,jt=Object.defineProperties,Ft=Object.getOwnPropertyDescriptors,Rt=Object.getOwnPropertySymbols,Dt=Object.prototype.hasOwnProperty,Kt=Object.prototype.propertyIsEnumerable,Mt=(e,n,o)=>n in e?Pt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Bt=(e,n)=>{for(var o in n||(n={}))Dt.call(n,o)&&Mt(e,o,n[o]);if(Rt)for(var o of Rt(n))Kt.call(n,o)&&Mt(e,o,n[o]);return e},Ut=(e,n)=>jt(e,Ft(n));const Ht=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(Xe,Ut(Bt({},e),{_type:"date",_label:"Date input (Black background test)",_required:!0}))," "),o.createElement(Xe,Ut(Bt({},e),{_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{_step:1,_type:"datetime-local",_msg:{_type:"error",_description:yo},_label:"Local datetime (with seconds)",_required:!0,_touched:!0})),o.createElement(Xe,Ut(Bt({},e),{_type:"month",_label:"Month",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{ref:n,_accessKey:"W",_type:"week",_label:"Week",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{_type:"time",_label:"Time (standard)",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{_step:1,_type:"time",_label:"Time (with seconds)",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{_readOnly:!0,_label:"Date input (read-only)",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{_disabled:!0,_label:"Date input (Disabled)",_required:!0})),o.createElement(Xe,Ut(Bt({},e),{_label:"With access key",_accessKey:"s"})),o.createElement(Xe,Ut(Bt({},e),{_label:"With short key",_shortKey:"s"})))}));var Vt=Object.defineProperty,qt=Object.defineProperties,Wt=Object.getOwnPropertyDescriptors,Zt=Object.getOwnPropertySymbols,Gt=Object.prototype.hasOwnProperty,Yt=Object.prototype.propertyIsEnumerable,Qt=(e,n,o)=>n in e?Vt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Xt=(e,n)=>{for(var o in n||(n={}))Gt.call(n,o)&&Qt(e,o,n[o]);if(Zt)for(var o of Zt(n))Yt.call(n,o)&&Qt(e,o,n[o]);return e},Jt=(e,n)=>qt(e,Wt(n));const ea=(0,o.forwardRef)((function(e){const n=new Date("January 10, 2024, 12:00"),r=new Date("October 20, 2024, 15:00");return o.createElement("div",{className:"grid gap-4"},o.createElement(Xe,Jt(Xt({},e),{_type:"date",_label:"Date with Iso",_min:"2024-09-26",_max:"2024-09-27"})),o.createElement(Xe,Jt(Xt({},e),{_type:"date",_label:"Date with Date",_min:n,_max:r})),o.createElement(Xe,Jt(Xt({},e),{_type:"time",_label:"Time with Iso",_min:"12:00",_max:"15:00"})),o.createElement(Xe,Jt(Xt({},e),{_type:"time",_label:"Time with Date",_min:n,_max:r})),o.createElement(Xe,Jt(Xt({},e),{_type:"datetime-local",_label:"DayTime with Iso",_min:"2024-09-26T12:00",_max:"2024-09-27T15:00"})),o.createElement(Xe,Jt(Xt({},e),{_type:"datetime-local",_label:"DayTime with Date",_min:n,_max:r})),o.createElement(Xe,Jt(Xt({},e),{_type:"week",_label:"Week with Iso",_min:"2024-W10",_max:"2024-W50"})),o.createElement(Xe,Jt(Xt({},e),{_type:"week",_label:"Week with Date",_min:n,_max:r})),o.createElement(Xe,Jt(Xt({},e),{_type:"month",_label:"Month with Iso",_min:"2024-02",_max:"2024-10"})),o.createElement(Xe,Jt(Xt({},e),{_type:"month",_label:"Month with Date",_min:n,_max:r})))}));var na=Object.defineProperty,oa=Object.defineProperties,ra=Object.getOwnPropertyDescriptors,ta=Object.getOwnPropertySymbols,aa=Object.prototype.hasOwnProperty,la=Object.prototype.propertyIsEnumerable,ia=(e,n,o)=>n in e?na(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ca=(e,n)=>{for(var o in n||(n={}))aa.call(n,o)&&ia(e,o,n[o]);if(ta)for(var o of ta(n))la.call(n,o)&&ia(e,o,n[o]);return e};const sa=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Date"),o.createElement(Ht,ca({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Date (hideLabel)"),o.createElement(Ht,(r=ca({ref:n},e),oa(r,ra({_hideLabel:!0}))))),o.createElement("fieldset",null,o.createElement("legend",null,"Date (with min/max)"),o.createElement(ea,ca({ref:n},e))));var r})),da={"input-date":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement(Wr,{RefComponent:sa})),reset:()=>{const e=(0,o.useRef)(null);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates the KolInputDate ",o.createElement("code",null,"reset"),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values.")),o.createElement(Xe,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),o.createElement(Re,{className:"mt",_label:"Reset",_on:{onClick:()=>{var n;return null==(n=e.current)?void 0:n.reset()}}}))}}};var ua=Object.defineProperty,ha=Object.defineProperties,ma=Object.getOwnPropertyDescriptors,ba=Object.getOwnPropertySymbols,pa=Object.prototype.hasOwnProperty,fa=Object.prototype.propertyIsEnumerable,ga=(e,n,o)=>n in e?ua(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,va=(e,n)=>{for(var o in n||(n={}))pa.call(n,o)&&ga(e,o,n[o]);if(ba)for(var o of ba(n))fa.call(n,o)&&ga(e,o,n[o]);return e},ka=(e,n)=>ha(e,ma(n));const ya=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(Je,ka(va({},e),{_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:yo},_label:"E-Mail (Black background test)"}))),o.createElement(Je,ka(va({},e),{ref:n,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_msg:{_type:"error",_description:yo},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),o.createElement(Je,ka(va({},e),{_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"})),o.createElement(Je,ka(va({},e),{_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"})),o.createElement(Je,ka(va({},e),{_value:"test@mail.de",_label:"With access key",_accessKey:"c"})),o.createElement(Je,ka(va({},e),{_value:"test@mail.de",_label:"With short key",_shortKey:"s"})))}));var wa=Object.defineProperty,_a=Object.defineProperties,Ea=Object.getOwnPropertyDescriptors,xa=Object.getOwnPropertySymbols,za=Object.prototype.hasOwnProperty,Sa=Object.prototype.propertyIsEnumerable,Ta=(e,n,o)=>n in e?wa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Oa=(e,n)=>{for(var o in n||(n={}))za.call(n,o)&&Ta(e,o,n[o]);if(xa)for(var o of xa(n))Sa.call(n,o)&&Ta(e,o,n[o]);return e};const Ca=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Email"),o.createElement(ya,Oa({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Email (hideLabel)"),o.createElement(ya,(r=Oa({ref:n},e),_a(r,Ea({_hideLabel:!0}))))));var r})),La={"input-email":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:Ca}))}};var Na=Object.defineProperty,$a=Object.defineProperties,Aa=Object.getOwnPropertyDescriptors,Ia=Object.getOwnPropertySymbols,Pa=Object.prototype.hasOwnProperty,ja=Object.prototype.propertyIsEnumerable,Fa=(e,n,o)=>n in e?Na(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Ra=(e,n)=>{for(var o in n||(n={}))Pa.call(n,o)&&Fa(e,o,n[o]);if(Ia)for(var o of Ia(n))ja.call(n,o)&&Fa(e,o,n[o]);return e},Da=(e,n)=>$a(e,Aa(n));const Ka=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(en,Da(Ra({},e),{_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}))),o.createElement(en,Da(Ra({},e),{_required:!0,_msg:{_type:"error",_description:yo},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})),o.createElement(en,Da(Ra({},e),{ref:n,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:yo},_label:"Upload file (Multiple)"})),o.createElement(en,Da(Ra({},e),{_disabled:!0,_label:"Upload file (Disabled)"})),o.createElement(en,Da(Ra({},e),{_label:"With access key",_accessKey:"c"})),o.createElement(en,Da(Ra({},e),{_label:"With short key",_shortKey:"s"})))}));var Ma=Object.defineProperty,Ba=Object.defineProperties,Ua=Object.getOwnPropertyDescriptors,Ha=Object.getOwnPropertySymbols,Va=Object.prototype.hasOwnProperty,qa=Object.prototype.propertyIsEnumerable,Wa=(e,n,o)=>n in e?Ma(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Za=(e,n)=>{for(var o in n||(n={}))Va.call(n,o)&&Wa(e,o,n[o]);if(Ha)for(var o of Ha(n))qa.call(n,o)&&Wa(e,o,n[o]);return e};const Ga=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"File"),o.createElement(Ka,Za({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"File (hideLabel)"),o.createElement(Ka,(r=Za({ref:n},e),Ba(r,Ua({_hideLabel:!0}))))));var r})),Ya={"input-file":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:Ga}))}};var Qa=Object.defineProperty,Xa=Object.defineProperties,Ja=Object.getOwnPropertyDescriptors,el=Object.getOwnPropertySymbols,nl=Object.prototype.hasOwnProperty,ol=Object.prototype.propertyIsEnumerable,rl=(e,n,o)=>n in e?Qa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,tl=(e,n)=>{for(var o in n||(n={}))nl.call(n,o)&&rl(e,o,n[o]);if(el)for(var o of el(n))ol.call(n,o)&&rl(e,o,n[o]);return e},al=(e,n)=>Xa(e,Ja(n));const ll=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(nn,al(tl({},e),{_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"}))," "),o.createElement(nn,al(tl({},e),{_required:!0,_msg:{_type:"error",_description:yo},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),o.createElement(nn,al(tl({},e),{_required:!0,_msg:{_type:"error",_description:yo},_touched:!0,_value:123,_label:"Number input"})),o.createElement(nn,al(tl({},e),{_required:!0,_msg:{_type:"warning",_description:yo},_touched:!0,_value:123,_label:"Number input"})),o.createElement(nn,al(tl({},e),{_required:!0,_msg:{_type:"info",_description:yo},_touched:!0,_value:123,_label:"Number input"})),o.createElement(nn,al(tl({},e),{_required:!0,_msg:{_type:"success",_description:yo},_touched:!0,_value:123,_label:"Number input"})),o.createElement(nn,al(tl({},e),{ref:n,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"})),o.createElement(nn,al(tl({},e),{_readOnly:!0,_label:"Number input (Readonly)"})),o.createElement(nn,al(tl({},e),{_disabled:!0,_label:"Number input (Disabled)"})),o.createElement(nn,al(tl({},e),{_label:"With access key",_accessKey:"c"})),o.createElement(nn,al(tl({},e),{_label:"With short key",_shortKey:"s"})))}));var il=Object.defineProperty,cl=Object.defineProperties,sl=Object.getOwnPropertyDescriptors,dl=Object.getOwnPropertySymbols,ul=Object.prototype.hasOwnProperty,hl=Object.prototype.propertyIsEnumerable,ml=(e,n,o)=>n in e?il(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,bl=(e,n)=>{for(var o in n||(n={}))ul.call(n,o)&&ml(e,o,n[o]);if(dl)for(var o of dl(n))hl.call(n,o)&&ml(e,o,n[o]);return e};const pl=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Number"),o.createElement(ll,bl({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Number (hideLabel)"),o.createElement(ll,(r=bl({ref:n},e),cl(r,sl({_hideLabel:!0}))))));var r})),fl={"input-number":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement(Wr,{RefComponent:pl}))}};var gl=Object.defineProperty,vl=Object.defineProperties,kl=Object.getOwnPropertyDescriptors,yl=Object.getOwnPropertySymbols,wl=Object.prototype.hasOwnProperty,_l=Object.prototype.propertyIsEnumerable,El=(e,n,o)=>n in e?gl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,xl=(e,n)=>{for(var o in n||(n={}))wl.call(n,o)&&El(e,o,n[o]);if(yl)for(var o of yl(n))_l.call(n,o)&&El(e,o,n[o]);return e},zl=(e,n)=>vl(e,kl(n));const Sl=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(on,zl(xl({},e),{_label:"Passwort (Black background test)"}))),o.createElement(on,zl(xl({},e),{_disabled:!0,_msg:{_type:"error",_description:yo},_label:"Passwort (Disabled)",_touched:!0})),o.createElement(on,zl(xl({},e),{_readOnly:!0,_label:"Passwort (Readonly)"})),o.createElement(on,zl(xl({},e),{ref:n,_accessKey:"P",_required:!0,_msg:{_type:"error",_description:yo},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})),o.createElement(on,zl(xl({},e),{ref:n,_shortKey:"c",_label:"With access key"})),o.createElement(on,zl(xl({},e),{ref:n,_shortKey:"s",_label:"With short key"})))}));var Tl=Object.defineProperty,Ol=Object.defineProperties,Cl=Object.getOwnPropertyDescriptors,Ll=Object.getOwnPropertySymbols,Nl=Object.prototype.hasOwnProperty,$l=Object.prototype.propertyIsEnumerable,Al=(e,n,o)=>n in e?Tl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Il=(e,n)=>{for(var o in n||(n={}))Nl.call(n,o)&&Al(e,o,n[o]);if(Ll)for(var o of Ll(n))$l.call(n,o)&&Al(e,o,n[o]);return e};const Pl=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Password"),o.createElement(Sl,Il({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Password (hideLabel)"),o.createElement(Sl,(r=Il({ref:n},e),Ol(r,Cl({_hideLabel:!0}))))));var r})),jl={"input-password":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:Pl})),"show-password":()=>{const e=(0,o.useRef)(null);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.')),o.createElement(Ve,{className:"w-full"},o.createElement(on,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),o.createElement(on,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})))}}};var Fl=Object.defineProperty,Rl=Object.defineProperties,Dl=Object.getOwnPropertyDescriptors,Kl=Object.getOwnPropertySymbols,Ml=Object.prototype.hasOwnProperty,Bl=Object.prototype.propertyIsEnumerable,Ul=(e,n,o)=>n in e?Fl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Hl=(e,n)=>{for(var o in n||(n={}))Ml.call(n,o)&&Ul(e,o,n[o]);if(Kl)for(var o of Kl(n))Bl.call(n,o)&&Ul(e,o,n[o]);return e},Vl=(e,n)=>Rl(e,Dl(n));const ql=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(rn,Vl(Hl({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"}))),o.createElement(rn,Vl(Hl({},e),{_required:!0,_msg:{_type:"error",_description:yo},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"})),o.createElement(rn,Vl(Hl({},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)"})),o.createElement(rn,Vl(Hl({},e),{_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:yo},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"})),o.createElement(rn,Vl(Hl({},e),{_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0})),o.createElement(rn,Vl(Hl({},e),{_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:yo},_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:wo})),o.createElement(rn,Vl(Hl({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With access key",_accessKey:"c"})),o.createElement(rn,Vl(Hl({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With short key",_shortKey:"s"})))}));var Wl=Object.defineProperty,Zl=Object.defineProperties,Gl=Object.getOwnPropertyDescriptors,Yl=Object.getOwnPropertySymbols,Ql=Object.prototype.hasOwnProperty,Xl=Object.prototype.propertyIsEnumerable,Jl=(e,n,o)=>n in e?Wl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ei=(e,n)=>{for(var o in n||(n={}))Ql.call(n,o)&&Jl(e,o,n[o]);if(Yl)for(var o of Yl(n))Xl.call(n,o)&&Jl(e,o,n[o]);return e};const ni=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Radio"),o.createElement(ql,ei({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Radio (hideLabel)"),o.createElement(ql,(r=ei({ref:n},e),Zl(r,Gl({_hideLabel:!0}))))));var r})),oi={"input-radio":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:ni})),horizontal:()=>{const[e,n]=(0,o.useState)(!0),[r,t]=(0,o.useState)("horizontal"),a=[{label:"Field 1",value:1},{label:"Field 2",value:2}];return o.createElement("div",{className:"grid gap-4"},o.createElement(Eo,null,o.createElement("p",null,"This sample shows the ",o.createElement("code",null,"horizontal")," and ",o.createElement("code",null,"vertical")," orientation of KolInoutRadio. It also features a button to test re-rendering.")),o.createElement("div",{className:"flex gap-4"},o.createElement(Re,{_label:"Click me a few times",_on:{onClick:()=>{n((e=>!e))}}}),o.createElement(Ye,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:()=>{t((e=>"horizontal"===e?"vertical":"horizontal"))}},_variant:"switch"})),e&&o.createElement(Ve,null,o.createElement("div",{className:"container my-4 d-grid gap-4"},o.createElement(rn,{_label:`Test (${r})`,_options:a,_orientation:r,_required:!0}),o.createElement(rn,{_hideLabel:!0,_label:`Test (${r})`,_options:a,_orientation:r,_required:!0}))))},object:()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return o.createElement("div",{className:"grid gap-4"},o.createElement(Eo,null,"This sample shows KolInputRadio with ",o.createElement("code",null,"object")," and ",o.createElement("code",null,"undefined")," values."),o.createElement(Ve,null,o.createElement("p",null,"In this example for ",o.createElement("code",null,"KolInputRadio"),", the values of the options are defined as objects."),o.createElement("div",{className:"container my-4 d-grid gap-4"},o.createElement(rn,{_value:e[1].value,_options:e,_label:"Test (with object value)"})),o.createElement("p",null,"In this example for ",o.createElement("code",null,"KolInputRadio"),", no value is set."),o.createElement("div",{className:"container my-4 d-grid gap-4"},o.createElement(rn,{_options:e,_label:"Test (without value)"}))))}}};var ri=Object.defineProperty,ti=Object.defineProperties,ai=Object.getOwnPropertyDescriptors,li=Object.getOwnPropertySymbols,ii=Object.prototype.hasOwnProperty,ci=Object.prototype.propertyIsEnumerable,si=(e,n,o)=>n in e?ri(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,di=(e,n)=>{for(var o in n||(n={}))ii.call(n,o)&&si(e,o,n[o]);if(li)for(var o of li(n))ci.call(n,o)&&si(e,o,n[o]);return e},ui=(e,n)=>ti(e,ai(n));const hi=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(tn,ui(di({},e),{_min:0,_max:50,_msg:{_type:"error",_description:yo},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}))),o.createElement(tn,ui(di({},e),{ref:n,_accessKey:"F",_min:0,_max:50,_step:10,_msg:{_type:"error",_description:yo},_label:"Slider with error",_touched:!0})),o.createElement(tn,ui(di({},e),{_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"})),o.createElement(tn,ui(di({},e),{_min:0,_max:50,_label:"With access key",_accessKey:"c"})),o.createElement(tn,ui(di({},e),{_min:0,_max:50,_label:"With short key",_shortKey:"s"})))}));var mi=Object.defineProperty,bi=Object.defineProperties,pi=Object.getOwnPropertyDescriptors,fi=Object.getOwnPropertySymbols,gi=Object.prototype.hasOwnProperty,vi=Object.prototype.propertyIsEnumerable,ki=(e,n,o)=>n in e?mi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,yi=(e,n)=>{for(var o in n||(n={}))gi.call(n,o)&&ki(e,o,n[o]);if(fi)for(var o of fi(n))vi.call(n,o)&&ki(e,o,n[o]);return e};const wi=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Range"),o.createElement(hi,yi({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Range (hideLabel)"),o.createElement(hi,(r=yi({ref:n},e),bi(r,pi({_hideLabel:!0}))))));var r})),_i={"input-range":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement(Wr,{RefComponent:wi}))}};var Ei=Object.defineProperty,xi=Object.defineProperties,zi=Object.getOwnPropertyDescriptors,Si=Object.getOwnPropertySymbols,Ti=Object.prototype.hasOwnProperty,Oi=Object.prototype.propertyIsEnumerable,Ci=(e,n,o)=>n in e?Ei(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Li=(e,n)=>{for(var o in n||(n={}))Ti.call(n,o)&&Ci(e,o,n[o]);if(Si)for(var o of Si(n))Oi.call(n,o)&&Ci(e,o,n[o]);return e},Ni=(e,n)=>xi(e,zi(n));const $i=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement("div",{className:"black-background"},o.createElement(an,Ni(Li({},e),{_value:"Value",_label:"First name (Black background test)"}))),o.createElement(an,Ni(Li({},e),{_hint:wo,_msg:{_type:"error",_description:yo,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%"}}},_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})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_msg:{_type:"error",_description:yo},_touched:!0,_type:"url",_label:"URL (url)"})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"})),o.createElement(an,Ni(Li({},e),{_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"})),o.createElement(an,Ni(Li({},e),{_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"})),o.createElement(an,Ni(Li({},e),{_value:"Value",_disabled:!0,_label:"First name (text, disabled)"})),o.createElement(an,Ni(Li({},e),{_value:"Value",_label:"With access key",_accessKey:"c"})),o.createElement(an,Ni(Li({},e),{_value:"Value",_label:"With short key",_shortKey:"s"})),o.createElement(an,Ni(Li({},e),{_value:"Value",_label:"With both key",_shortKey:"d",_accessKey:"e"})))}));var Ai=Object.defineProperty,Ii=Object.defineProperties,Pi=Object.getOwnPropertyDescriptors,ji=Object.getOwnPropertySymbols,Fi=Object.prototype.hasOwnProperty,Ri=Object.prototype.propertyIsEnumerable,Di=(e,n,o)=>n in e?Ai(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Ki=(e,n)=>{for(var o in n||(n={}))Fi.call(n,o)&&Di(e,o,n[o]);if(ji)for(var o of ji(n))Ri.call(n,o)&&Di(e,o,n[o]);return e};const Mi=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Text"),o.createElement($i,Ki({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Text (hideLabel)"),o.createElement($i,(r=Ki({ref:n},e),Ii(r,Pi({_hideLabel:!0}))))));var r}));var Bi=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===Ui}(e)}(e)},Ui="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Hi(e,n){return!1!==n.clone&&n.isMergeableObject(e)?qi((o=e,Array.isArray(o)?[]:{}),e,n):e;var o}function Vi(e,n,o){return e.concat(n).map((function(e){return Hi(e,o)}))}function qi(e,n,o){(o=o||{}).arrayMerge=o.arrayMerge||Vi,o.isMergeableObject=o.isMergeableObject||Bi;var r=Array.isArray(n);return r===Array.isArray(e)?r?o.arrayMerge(e,n,o):function(e,n,o){var r={};return o.isMergeableObject(e)&&Object.keys(e).forEach((function(n){r[n]=Hi(e[n],o)})),Object.keys(n).forEach((function(t){o.isMergeableObject(n[t])&&e[t]?r[t]=qi(e[t],n[t],o):r[t]=Hi(n[t],o)})),r}(e,n,o):Hi(n,o)}qi.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,o){return qi(e,o,n)}),{})};const Wi=qi,Zi="object"==typeof global&&global&&global.Object===Object&&global;var Gi="object"==typeof self&&self&&self.Object===Object&&self;const Yi=Zi||Gi||Function("return this")(),Qi=Yi.Symbol;var Xi=Object.prototype,Ji=Xi.hasOwnProperty,ec=Xi.toString,nc=Qi?Qi.toStringTag:void 0;var oc=Object.prototype.toString;var rc=Qi?Qi.toStringTag:void 0;const tc=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":rc&&rc in Object(e)?function(e){var n=Ji.call(e,nc),o=e[nc];try{e[nc]=void 0;var r=!0}catch(e){}var t=ec.call(e);return r&&(n?e[nc]=o:delete e[nc]),t}(e):function(e){return oc.call(e)}(e)},ac=function(e,n){return function(o){return e(n(o))}},lc=ac(Object.getPrototypeOf,Object),ic=function(e){return null!=e&&"object"==typeof e};var cc=Function.prototype,sc=Object.prototype,dc=cc.toString,uc=sc.hasOwnProperty,hc=dc.call(Object);const mc=function(e){if(!ic(e)||"[object Object]"!=tc(e))return!1;var n=lc(e);if(null===n)return!0;var o=uc.call(n,"constructor")&&n.constructor;return"function"==typeof o&&o instanceof o&&dc.call(o)==hc},bc=function(e,n){return e===n||e!=e&&n!=n},pc=function(e,n){for(var o=e.length;o--;)if(bc(e[o][0],n))return o;return-1};var fc=Array.prototype.splice;function gc(e){var n=-1,o=null==e?0:e.length;for(this.clear();++n<o;){var r=e[n];this.set(r[0],r[1])}}gc.prototype.clear=function(){this.__data__=[],this.size=0},gc.prototype.delete=function(e){var n=this.__data__,o=pc(n,e);return!(o<0||(o==n.length-1?n.pop():fc.call(n,o,1),--this.size,0))},gc.prototype.get=function(e){var n=this.__data__,o=pc(n,e);return o<0?void 0:n[o][1]},gc.prototype.has=function(e){return pc(this.__data__,e)>-1},gc.prototype.set=function(e,n){var o=this.__data__,r=pc(o,e);return r<0?(++this.size,o.push([e,n])):o[r][1]=n,this};const vc=gc,kc=function(e){var n=typeof e;return null!=e&&("object"==n||"function"==n)},yc=function(e){if(!kc(e))return!1;var n=tc(e);return"[object Function]"==n||"[object GeneratorFunction]"==n||"[object AsyncFunction]"==n||"[object Proxy]"==n},wc=Yi["__core-js_shared__"];var _c,Ec=(_c=/[^.]+$/.exec(wc&&wc.keys&&wc.keys.IE_PROTO||""))?"Symbol(src)_1."+_c:"";var xc=Function.prototype.toString;const zc=function(e){if(null!=e){try{return xc.call(e)}catch(e){}try{return e+""}catch(e){}}return""};var Sc=/^\[object .+?Constructor\]$/,Tc=Function.prototype,Oc=Object.prototype,Cc=Tc.toString,Lc=Oc.hasOwnProperty,Nc=RegExp("^"+Cc.call(Lc).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");const $c=function(e){return!(!kc(e)||(n=e,Ec&&Ec in n))&&(yc(e)?Nc:Sc).test(zc(e));var n},Ac=function(e,n){var o=function(e,n){return null==e?void 0:e[n]}(e,n);return $c(o)?o:void 0},Ic=Ac(Yi,"Map"),Pc=Ac(Object,"create");var jc=Object.prototype.hasOwnProperty;var Fc=Object.prototype.hasOwnProperty;function Rc(e){var n=-1,o=null==e?0:e.length;for(this.clear();++n<o;){var r=e[n];this.set(r[0],r[1])}}Rc.prototype.clear=function(){this.__data__=Pc?Pc(null):{},this.size=0},Rc.prototype.delete=function(e){var n=this.has(e)&&delete this.__data__[e];return this.size-=n?1:0,n},Rc.prototype.get=function(e){var n=this.__data__;if(Pc){var o=n[e];return"__lodash_hash_undefined__"===o?void 0:o}return jc.call(n,e)?n[e]:void 0},Rc.prototype.has=function(e){var n=this.__data__;return Pc?void 0!==n[e]:Fc.call(n,e)},Rc.prototype.set=function(e,n){var o=this.__data__;return this.size+=this.has(e)?0:1,o[e]=Pc&&void 0===n?"__lodash_hash_undefined__":n,this};const Dc=Rc,Kc=function(e,n){var o,r,t=e.__data__;return("string"==(r=typeof(o=n))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==o:null===o)?t["string"==typeof n?"string":"hash"]:t.map};function Mc(e){var n=-1,o=null==e?0:e.length;for(this.clear();++n<o;){var r=e[n];this.set(r[0],r[1])}}Mc.prototype.clear=function(){this.size=0,this.__data__={hash:new Dc,map:new(Ic||vc),string:new Dc}},Mc.prototype.delete=function(e){var n=Kc(this,e).delete(e);return this.size-=n?1:0,n},Mc.prototype.get=function(e){return Kc(this,e).get(e)},Mc.prototype.has=function(e){return Kc(this,e).has(e)},Mc.prototype.set=function(e,n){var o=Kc(this,e),r=o.size;return o.set(e,n),this.size+=o.size==r?0:1,this};const Bc=Mc;function Uc(e){var n=this.__data__=new vc(e);this.size=n.size}Uc.prototype.clear=function(){this.__data__=new vc,this.size=0},Uc.prototype.delete=function(e){var n=this.__data__,o=n.delete(e);return this.size=n.size,o},Uc.prototype.get=function(e){return this.__data__.get(e)},Uc.prototype.has=function(e){return this.__data__.has(e)},Uc.prototype.set=function(e,n){var o=this.__data__;if(o instanceof vc){var r=o.__data__;if(!Ic||r.length<199)return r.push([e,n]),this.size=++o.size,this;o=this.__data__=new Bc(r)}return o.set(e,n),this.size=o.size,this};const Hc=Uc,Vc=function(){try{var e=Ac(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),qc=function(e,n,o){"__proto__"==n&&Vc?Vc(e,n,{configurable:!0,enumerable:!0,value:o,writable:!0}):e[n]=o};var Wc=Object.prototype.hasOwnProperty;const Zc=function(e,n,o){var r=e[n];Wc.call(e,n)&&bc(r,o)&&(void 0!==o||n in e)||qc(e,n,o)},Gc=function(e,n,o,r){var t=!o;o||(o={});for(var a=-1,l=n.length;++a<l;){var i=n[a],c=r?r(o[i],e[i],i,o,e):void 0;void 0===c&&(c=e[i]),t?qc(o,i,c):Zc(o,i,c)}return o},Yc=function(e){return ic(e)&&"[object Arguments]"==tc(e)};var Qc=Object.prototype,Xc=Qc.hasOwnProperty,Jc=Qc.propertyIsEnumerable;const es=Yc(function(){return arguments}())?Yc:function(e){return ic(e)&&Xc.call(e,"callee")&&!Jc.call(e,"callee")},ns=Array.isArray;var os="object"==typeof exports&&exports&&!exports.nodeType&&exports,rs=os&&"object"==typeof module&&module&&!module.nodeType&&module,ts=rs&&rs.exports===os?Yi.Buffer:void 0;const as=(ts?ts.isBuffer:void 0)||function(){return!1};var ls=/^(?:0|[1-9]\d*)$/;const is=function(e,n){var o=typeof e;return!!(n=null==n?9007199254740991:n)&&("number"==o||"symbol"!=o&&ls.test(e))&&e>-1&&e%1==0&&e<n},cs=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var ss={};ss["[object Float32Array]"]=ss["[object Float64Array]"]=ss["[object Int8Array]"]=ss["[object Int16Array]"]=ss["[object Int32Array]"]=ss["[object Uint8Array]"]=ss["[object Uint8ClampedArray]"]=ss["[object Uint16Array]"]=ss["[object Uint32Array]"]=!0,ss["[object Arguments]"]=ss["[object Array]"]=ss["[object ArrayBuffer]"]=ss["[object Boolean]"]=ss["[object DataView]"]=ss["[object Date]"]=ss["[object Error]"]=ss["[object Function]"]=ss["[object Map]"]=ss["[object Number]"]=ss["[object Object]"]=ss["[object RegExp]"]=ss["[object Set]"]=ss["[object String]"]=ss["[object WeakMap]"]=!1;const ds=function(e){return function(n){return e(n)}};var us="object"==typeof exports&&exports&&!exports.nodeType&&exports,hs=us&&"object"==typeof module&&module&&!module.nodeType&&module,ms=hs&&hs.exports===us&&Zi.process;const bs=function(){try{return hs&&hs.require&&hs.require("util").types||ms&&ms.binding&&ms.binding("util")}catch(e){}}();var ps=bs&&bs.isTypedArray;const fs=ps?ds(ps):function(e){return ic(e)&&cs(e.length)&&!!ss[tc(e)]};var gs=Object.prototype.hasOwnProperty;const vs=function(e,n){var o=ns(e),r=!o&&es(e),t=!o&&!r&&as(e),a=!o&&!r&&!t&&fs(e),l=o||r||t||a,i=l?function(e,n){for(var o=-1,r=Array(e);++o<e;)r[o]=n(o);return r}(e.length,String):[],c=i.length;for(var s in e)!n&&!gs.call(e,s)||l&&("length"==s||t&&("offset"==s||"parent"==s)||a&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||is(s,c))||i.push(s);return i};var ks=Object.prototype;const ys=function(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||ks)},ws=ac(Object.keys,Object);var _s=Object.prototype.hasOwnProperty;const Es=function(e){return null!=e&&cs(e.length)&&!yc(e)},xs=function(e){return Es(e)?vs(e):function(e){if(!ys(e))return ws(e);var n=[];for(var o in Object(e))_s.call(e,o)&&"constructor"!=o&&n.push(o);return n}(e)};var zs=Object.prototype.hasOwnProperty;const Ss=function(e){if(!kc(e))return function(e){var n=[];if(null!=e)for(var o in Object(e))n.push(o);return n}(e);var n=ys(e),o=[];for(var r in e)("constructor"!=r||!n&&zs.call(e,r))&&o.push(r);return o},Ts=function(e){return Es(e)?vs(e,!0):Ss(e)};var Os="object"==typeof exports&&exports&&!exports.nodeType&&exports,Cs=Os&&"object"==typeof module&&module&&!module.nodeType&&module,Ls=Cs&&Cs.exports===Os?Yi.Buffer:void 0,Ns=Ls?Ls.allocUnsafe:void 0;const $s=function(e,n){var o=-1,r=e.length;for(n||(n=Array(r));++o<r;)n[o]=e[o];return n},As=function(){return[]};var Is=Object.prototype.propertyIsEnumerable,Ps=Object.getOwnPropertySymbols,js=Ps?function(e){return null==e?[]:(e=Object(e),function(e,n){for(var o=-1,r=null==e?0:e.length,t=0,a=[];++o<r;){var l=e[o];n(l,o,e)&&(a[t++]=l)}return a}(Ps(e),(function(n){return Is.call(e,n)})))}:As;const Fs=js,Rs=function(e,n){for(var o=-1,r=n.length,t=e.length;++o<r;)e[t+o]=n[o];return e};var Ds=Object.getOwnPropertySymbols?function(e){for(var n=[];e;)Rs(n,Fs(e)),e=lc(e);return n}:As;const Ks=Ds,Ms=function(e,n,o){var r=n(e);return ns(e)?r:Rs(r,o(e))},Bs=function(e){return Ms(e,xs,Fs)},Us=function(e){return Ms(e,Ts,Ks)},Hs=Ac(Yi,"DataView"),Vs=Ac(Yi,"Promise"),qs=Ac(Yi,"Set"),Ws=Ac(Yi,"WeakMap");var Zs="[object Map]",Gs="[object Promise]",Ys="[object Set]",Qs="[object WeakMap]",Xs="[object DataView]",Js=zc(Hs),ed=zc(Ic),nd=zc(Vs),od=zc(qs),rd=zc(Ws),td=tc;(Hs&&td(new Hs(new ArrayBuffer(1)))!=Xs||Ic&&td(new Ic)!=Zs||Vs&&td(Vs.resolve())!=Gs||qs&&td(new qs)!=Ys||Ws&&td(new Ws)!=Qs)&&(td=function(e){var n=tc(e),o="[object Object]"==n?e.constructor:void 0,r=o?zc(o):"";if(r)switch(r){case Js:return Xs;case ed:return Zs;case nd:return Gs;case od:return Ys;case rd:return Qs}return n});const ad=td;var ld=Object.prototype.hasOwnProperty;const id=Yi.Uint8Array,cd=function(e){var n=new e.constructor(e.byteLength);return new id(n).set(new id(e)),n};var sd=/\w*$/;var dd=Qi?Qi.prototype:void 0,ud=dd?dd.valueOf:void 0;const hd=function(e,n,o){var r,t,a,l=e.constructor;switch(n){case"[object ArrayBuffer]":return cd(e);case"[object Boolean]":case"[object Date]":return new l(+e);case"[object DataView]":return function(e,n){var o=n?cd(e.buffer):e.buffer;return new e.constructor(o,e.byteOffset,e.byteLength)}(e,o);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 o=n?cd(e.buffer):e.buffer;return new e.constructor(o,e.byteOffset,e.length)}(e,o);case"[object Map]":case"[object Set]":return new l;case"[object Number]":case"[object String]":return new l(e);case"[object RegExp]":return(a=new(t=e).constructor(t.source,sd.exec(t))).lastIndex=t.lastIndex,a;case"[object Symbol]":return r=e,ud?Object(ud.call(r)):{}}};var md=Object.create,bd=function(){function e(){}return function(n){if(!kc(n))return{};if(md)return md(n);e.prototype=n;var o=new e;return e.prototype=void 0,o}}();const pd=bd;var fd=bs&&bs.isMap;const gd=fd?ds(fd):function(e){return ic(e)&&"[object Map]"==ad(e)};var vd=bs&&bs.isSet;const kd=vd?ds(vd):function(e){return ic(e)&&"[object Set]"==ad(e)};var yd="[object Arguments]",wd="[object Function]",_d="[object Object]",Ed={};Ed[yd]=Ed["[object Array]"]=Ed["[object ArrayBuffer]"]=Ed["[object DataView]"]=Ed["[object Boolean]"]=Ed["[object Date]"]=Ed["[object Float32Array]"]=Ed["[object Float64Array]"]=Ed["[object Int8Array]"]=Ed["[object Int16Array]"]=Ed["[object Int32Array]"]=Ed["[object Map]"]=Ed["[object Number]"]=Ed[_d]=Ed["[object RegExp]"]=Ed["[object Set]"]=Ed["[object String]"]=Ed["[object Symbol]"]=Ed["[object Uint8Array]"]=Ed["[object Uint8ClampedArray]"]=Ed["[object Uint16Array]"]=Ed["[object Uint32Array]"]=!0,Ed["[object Error]"]=Ed[wd]=Ed["[object WeakMap]"]=!1;const xd=function e(n,o,r,t,a,l){var i,c=1&o,s=2&o,d=4&o;if(r&&(i=a?r(n,t,a,l):r(n)),void 0!==i)return i;if(!kc(n))return n;var u=ns(n);if(u){if(i=function(e){var n=e.length,o=new e.constructor(n);return n&&"string"==typeof e[0]&&ld.call(e,"index")&&(o.index=e.index,o.input=e.input),o}(n),!c)return $s(n,i)}else{var h=ad(n),m=h==wd||"[object GeneratorFunction]"==h;if(as(n))return function(e,n){if(n)return e.slice();var o=e.length,r=Ns?Ns(o):new e.constructor(o);return e.copy(r),r}(n,c);if(h==_d||h==yd||m&&!a){if(i=s||m?{}:function(e){return"function"!=typeof e.constructor||ys(e)?{}:pd(lc(e))}(n),!c)return s?function(e,n){return Gc(e,Ks(e),n)}(n,function(e,n){return e&&Gc(n,Ts(n),e)}(i,n)):function(e,n){return Gc(e,Fs(e),n)}(n,function(e,n){return e&&Gc(n,xs(n),e)}(i,n))}else{if(!Ed[h])return a?n:{};i=hd(n,h,c)}}l||(l=new Hc);var b=l.get(n);if(b)return b;l.set(n,i),kd(n)?n.forEach((function(t){i.add(e(t,o,r,t,n,l))})):gd(n)&&n.forEach((function(t,a){i.set(a,e(t,o,r,a,n,l))}));var p=u?void 0:(d?s?Us:Bs:s?Ts:xs)(n);return function(e,n){for(var o=-1,r=null==e?0:e.length;++o<r&&!1!==n(e[o],o,e););}(p||n,(function(t,a){p&&(t=n[a=t]),Zc(i,a,e(t,o,r,a,n,l))})),i},zd=function(e){return xd(e,5)};var Sd=l(1196),Td=l.n(Sd);const Od=function(e){return xd(e,4)},Cd=function(e,n){for(var o=-1,r=null==e?0:e.length,t=Array(r);++o<r;)t[o]=n(e[o],o,e);return t},Ld=function(e){return"symbol"==typeof e||ic(e)&&"[object Symbol]"==tc(e)};function Nd(e,n){if("function"!=typeof e||null!=n&&"function"!=typeof n)throw new TypeError("Expected a function");var o=function(){var r=arguments,t=n?n.apply(this,r):r[0],a=o.cache;if(a.has(t))return a.get(t);var l=e.apply(this,r);return o.cache=a.set(t,l)||a,l};return o.cache=new(Nd.Cache||Bc),o}Nd.Cache=Bc;var $d,Ad,Id=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Pd=/\\(\\)?/g,jd=($d=Nd((function(e){var n=[];return 46===e.charCodeAt(0)&&n.push(""),e.replace(Id,(function(e,o,r,t){n.push(r?t.replace(Pd,"$1"):o||e)})),n}),(function(e){return 500===Ad.size&&Ad.clear(),e})),Ad=$d.cache,$d);const Fd=jd,Rd=function(e){if("string"==typeof e||Ld(e))return e;var n=e+"";return"0"==n&&1/e==-1/0?"-0":n};var Dd=Qi?Qi.prototype:void 0,Kd=Dd?Dd.toString:void 0;const Md=function e(n){if("string"==typeof n)return n;if(ns(n))return Cd(n,e)+"";if(Ld(n))return Kd?Kd.call(n):"";var o=n+"";return"0"==o&&1/n==-1/0?"-0":o},Bd=function(e){return null==e?"":Md(e)},Ud=function(e){return ns(e)?Cd(e,Rd):Ld(e)?[e]:$s(Fd(Bd(e)))};function Hd(){return Hd=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},Hd.apply(this,arguments)}function Vd(e,n){if(null==e)return{};var o,r,t={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],n.indexOf(o)>=0||(t[o]=e[o]);return t}function qd(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}l(2342);var Wd=(0,o.createContext)(void 0);Wd.displayName="FormikContext";var Zd=Wd.Provider;function Gd(){var e=(0,o.useContext)(Wd);return e}Wd.Consumer;var Yd=function(e){return Array.isArray(e)&&0===e.length},Qd=function(e){return"function"==typeof e},Xd=function(e){return null!==e&&"object"==typeof e},Jd=function(e){return String(Math.floor(Number(e)))===e},eu=function(e){return"[object String]"===Object.prototype.toString.call(e)},nu=function(e){return 0===o.Children.count(e)},ou=function(e){return Xd(e)&&Qd(e.then)};function ru(e,n,o,r){void 0===r&&(r=0);for(var t=Ud(n);e&&r<t.length;)e=e[t[r++]];return r===t.length||e?void 0===e?o:e:o}function tu(e,n,o){for(var r=Od(e),t=r,a=0,l=Ud(n);a<l.length-1;a++){var i=l[a],c=ru(e,l.slice(0,a+1));if(c&&(Xd(c)||Array.isArray(c)))t=t[i]=Od(c);else{var s=l[a+1];t=t[i]=Jd(s)&&Number(s)>=0?[]:{}}}return(0===a?e:t)[l[a]]===o?e:(void 0===o?delete t[l[a]]:t[l[a]]=o,0===a&&void 0===o&&delete r[l[a]],r)}function au(e,n,o,r){void 0===o&&(o=new WeakMap),void 0===r&&(r={});for(var t=0,a=Object.keys(e);t<a.length;t++){var l=a[t],i=e[l];Xd(i)?o.get(i)||(o.set(i,!0),r[l]=Array.isArray(i)?[]:{},au(i,n,o,r[l])):r[l]=n}return r}var lu={},iu={};function cu(e){var n=e.validateOnChange,r=void 0===n||n,t=e.validateOnBlur,a=void 0===t||t,l=e.validateOnMount,i=void 0!==l&&l,c=e.isInitialValid,s=e.enableReinitialize,d=void 0!==s&&s,u=e.onSubmit,h=Vd(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),m=Hd({validateOnChange:r,validateOnBlur:a,validateOnMount:i,onSubmit:u},h),b=(0,o.useRef)(m.initialValues),p=(0,o.useRef)(m.initialErrors||lu),f=(0,o.useRef)(m.initialTouched||iu),g=(0,o.useRef)(m.initialStatus),v=(0,o.useRef)(!1),k=(0,o.useRef)({});(0,o.useEffect)((function(){return v.current=!0,function(){v.current=!1}}),[]);var y=(0,o.useState)(0)[1],w=(0,o.useRef)({values:zd(m.initialValues),errors:zd(m.initialErrors)||lu,touched:zd(m.initialTouched)||iu,status:zd(m.initialStatus),isSubmitting:!1,isValidating:!1,submitCount:0}),_=w.current,E=(0,o.useCallback)((function(e){var n=w.current;w.current=function(e,n){switch(n.type){case"SET_VALUES":return Hd({},e,{values:n.payload});case"SET_TOUCHED":return Hd({},e,{touched:n.payload});case"SET_ERRORS":return Td()(e.errors,n.payload)?e:Hd({},e,{errors:n.payload});case"SET_STATUS":return Hd({},e,{status:n.payload});case"SET_ISSUBMITTING":return Hd({},e,{isSubmitting:n.payload});case"SET_ISVALIDATING":return Hd({},e,{isValidating:n.payload});case"SET_FIELD_VALUE":return Hd({},e,{values:tu(e.values,n.payload.field,n.payload.value)});case"SET_FIELD_TOUCHED":return Hd({},e,{touched:tu(e.touched,n.payload.field,n.payload.value)});case"SET_FIELD_ERROR":return Hd({},e,{errors:tu(e.errors,n.payload.field,n.payload.value)});case"RESET_FORM":return Hd({},e,n.payload);case"SET_FORMIK_STATE":return n.payload(e);case"SUBMIT_ATTEMPT":return Hd({},e,{touched:au(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return Hd({},e,{isSubmitting:!1});default:return e}}(n,e),n!==w.current&&y((function(e){return e+1}))}),[]),x=(0,o.useCallback)((function(e,n){return new Promise((function(o,r){var t=m.validate(e,n);null==t?o(lu):ou(t)?t.then((function(e){o(e||lu)}),(function(e){r(e)})):o(t)}))}),[m.validate]),z=(0,o.useCallback)((function(e,n){var o=m.validationSchema,r=Qd(o)?o(n):o,t=n&&r.validateAt?r.validateAt(n,e):function(e,n,o){void 0===o&&(o=!1);var r=du(e);return n[o?"validateSync":"validate"](r,{abortEarly:!1,context:r})}(e,r);return new Promise((function(e,n){t.then((function(){e(lu)}),(function(o){"ValidationError"===o.name?e(function(e){var n={};if(e.inner){if(0===e.inner.length)return tu(n,e.path,e.message);var o=e.inner,r=Array.isArray(o),t=0;for(o=r?o:o[Symbol.iterator]();;){var a;if(r){if(t>=o.length)break;a=o[t++]}else{if((t=o.next()).done)break;a=t.value}var l=a;ru(n,l.path)||(n=tu(n,l.path,l.message))}}return n}(o)):n(o)}))}))}),[m.validationSchema]),S=(0,o.useCallback)((function(e,n){return new Promise((function(o){return o(k.current[e].validate(n))}))}),[]),T=(0,o.useCallback)((function(e){var n=Object.keys(k.current).filter((function(e){return Qd(k.current[e].validate)})),o=n.length>0?n.map((function(n){return S(n,ru(e,n))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(o).then((function(e){return e.reduce((function(e,o,r){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===o||o&&(e=tu(e,n[r],o)),e}),{})}))}),[S]),O=(0,o.useCallback)((function(e){return Promise.all([T(e),m.validationSchema?z(e):{},m.validate?x(e):{}]).then((function(e){var n=e[0],o=e[1],r=e[2];return Wi.all([n,o,r],{arrayMerge:uu})}))}),[m.validate,m.validationSchema,T,x,z]),C=mu((function(e){return void 0===e&&(e=_.values),E({type:"SET_ISVALIDATING",payload:!0}),O(e).then((function(e){return v.current&&(E({type:"SET_ISVALIDATING",payload:!1}),E({type:"SET_ERRORS",payload:e})),e}))}));(0,o.useEffect)((function(){i&&!0===v.current&&Td()(b.current,m.initialValues)&&C(b.current)}),[i,C]);var L=(0,o.useCallback)((function(e){var n=e&&e.values?e.values:b.current,o=e&&e.errors?e.errors:p.current?p.current:m.initialErrors||{},r=e&&e.touched?e.touched:f.current?f.current:m.initialTouched||{},t=e&&e.status?e.status:g.current?g.current:m.initialStatus;b.current=n,p.current=o,f.current=r,g.current=t;var a=function(){E({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:o,touched:r,status:t,values:n,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(m.onReset){var l=m.onReset(_.values,G);ou(l)?l.then(a):a()}else a()}),[m.initialErrors,m.initialStatus,m.initialTouched,m.onReset]);(0,o.useEffect)((function(){!0!==v.current||Td()(b.current,m.initialValues)||d&&(b.current=m.initialValues,L(),i&&C(b.current))}),[d,m.initialValues,L,i,C]),(0,o.useEffect)((function(){d&&!0===v.current&&!Td()(p.current,m.initialErrors)&&(p.current=m.initialErrors||lu,E({type:"SET_ERRORS",payload:m.initialErrors||lu}))}),[d,m.initialErrors]),(0,o.useEffect)((function(){d&&!0===v.current&&!Td()(f.current,m.initialTouched)&&(f.current=m.initialTouched||iu,E({type:"SET_TOUCHED",payload:m.initialTouched||iu}))}),[d,m.initialTouched]),(0,o.useEffect)((function(){d&&!0===v.current&&!Td()(g.current,m.initialStatus)&&(g.current=m.initialStatus,E({type:"SET_STATUS",payload:m.initialStatus}))}),[d,m.initialStatus,m.initialTouched]);var N=mu((function(e){if(k.current[e]&&Qd(k.current[e].validate)){var n=ru(_.values,e),o=k.current[e].validate(n);return ou(o)?(E({type:"SET_ISVALIDATING",payload:!0}),o.then((function(e){return e})).then((function(n){E({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),E({type:"SET_ISVALIDATING",payload:!1})}))):(E({type:"SET_FIELD_ERROR",payload:{field:e,value:o}}),Promise.resolve(o))}return m.validationSchema?(E({type:"SET_ISVALIDATING",payload:!0}),z(_.values,e).then((function(e){return e})).then((function(n){E({type:"SET_FIELD_ERROR",payload:{field:e,value:ru(n,e)}}),E({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),$=(0,o.useCallback)((function(e,n){var o=n.validate;k.current[e]={validate:o}}),[]),A=(0,o.useCallback)((function(e){delete k.current[e]}),[]),I=mu((function(e,n){return E({type:"SET_TOUCHED",payload:e}),(void 0===n?a:n)?C(_.values):Promise.resolve()})),P=(0,o.useCallback)((function(e){E({type:"SET_ERRORS",payload:e})}),[]),j=mu((function(e,n){var o=Qd(e)?e(_.values):e;return E({type:"SET_VALUES",payload:o}),(void 0===n?r:n)?C(o):Promise.resolve()})),F=(0,o.useCallback)((function(e,n){E({type:"SET_FIELD_ERROR",payload:{field:e,value:n}})}),[]),R=mu((function(e,n,o){return E({type:"SET_FIELD_VALUE",payload:{field:e,value:n}}),(void 0===o?r:o)?C(tu(_.values,e,n)):Promise.resolve()})),D=(0,o.useCallback)((function(e,n){var o,r=n,t=e;if(!eu(e)){e.persist&&e.persist();var a=e.target?e.target:e.currentTarget,l=a.type,i=a.name,c=a.id,s=a.value,d=a.checked,u=(a.outerHTML,a.options),h=a.multiple;r=n||i||c,t=/number|range/.test(l)?(o=parseFloat(s),isNaN(o)?"":o):/checkbox/.test(l)?function(e,n,o){if("boolean"==typeof e)return Boolean(n);var r=[],t=!1,a=-1;if(Array.isArray(e))r=e,t=(a=e.indexOf(o))>=0;else if(!o||"true"==o||"false"==o)return Boolean(n);return n&&o&&!t?r.concat(o):t?r.slice(0,a).concat(r.slice(a+1)):r}(ru(_.values,r),d,s):u&&h?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(u):s}r&&R(r,t)}),[R,_.values]),K=mu((function(e){if(eu(e))return function(n){return D(n,e)};D(e)})),M=mu((function(e,n,o){return void 0===n&&(n=!0),E({type:"SET_FIELD_TOUCHED",payload:{field:e,value:n}}),(void 0===o?a:o)?C(_.values):Promise.resolve()})),B=(0,o.useCallback)((function(e,n){e.persist&&e.persist();var o=e.target,r=o.name,t=o.id,a=(o.outerHTML,n||r||t);M(a,!0)}),[M]),U=mu((function(e){if(eu(e))return function(n){return B(n,e)};B(e)})),H=(0,o.useCallback)((function(e){Qd(e)?E({type:"SET_FORMIK_STATE",payload:e}):E({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),V=(0,o.useCallback)((function(e){E({type:"SET_STATUS",payload:e})}),[]),q=(0,o.useCallback)((function(e){E({type:"SET_ISSUBMITTING",payload:e})}),[]),W=mu((function(){return E({type:"SUBMIT_ATTEMPT"}),C().then((function(e){var n=e instanceof Error;if(!n&&0===Object.keys(e).length){var o;try{if(void 0===(o=Y()))return}catch(e){throw e}return Promise.resolve(o).then((function(e){return v.current&&E({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(v.current)throw E({type:"SUBMIT_FAILURE"}),e}))}if(v.current&&(E({type:"SUBMIT_FAILURE"}),n))throw e}))})),Z=mu((function(e){e&&e.preventDefault&&Qd(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&Qd(e.stopPropagation)&&e.stopPropagation(),W().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),G={resetForm:L,validateForm:C,validateField:N,setErrors:P,setFieldError:F,setFieldTouched:M,setFieldValue:R,setStatus:V,setSubmitting:q,setTouched:I,setValues:j,setFormikState:H,submitForm:W},Y=mu((function(){return u(_.values,G)})),Q=mu((function(e){e&&e.preventDefault&&Qd(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&Qd(e.stopPropagation)&&e.stopPropagation(),L()})),X=(0,o.useCallback)((function(e){return{value:ru(_.values,e),error:ru(_.errors,e),touched:!!ru(_.touched,e),initialValue:ru(b.current,e),initialTouched:!!ru(f.current,e),initialError:ru(p.current,e)}}),[_.errors,_.touched,_.values]),J=(0,o.useCallback)((function(e){return{setValue:function(n,o){return R(e,n,o)},setTouched:function(n,o){return M(e,n,o)},setError:function(n){return F(e,n)}}}),[R,M,F]),ee=(0,o.useCallback)((function(e){var n=Xd(e),o=n?e.name:e,r=ru(_.values,o),t={name:o,value:r,onChange:K,onBlur:U};if(n){var a=e.type,l=e.value,i=e.as,c=e.multiple;"checkbox"===a?void 0===l?t.checked=!!r:(t.checked=!(!Array.isArray(r)||!~r.indexOf(l)),t.value=l):"radio"===a?(t.checked=r===l,t.value=l):"select"===i&&c&&(t.value=t.value||[],t.multiple=!0)}return t}),[U,K,_.values]),ne=(0,o.useMemo)((function(){return!Td()(b.current,_.values)}),[b.current,_.values]),oe=(0,o.useMemo)((function(){return void 0!==c?ne?_.errors&&0===Object.keys(_.errors).length:!1!==c&&Qd(c)?c(m):c:_.errors&&0===Object.keys(_.errors).length}),[c,ne,_.errors,m]);return Hd({},_,{initialValues:b.current,initialErrors:p.current,initialTouched:f.current,initialStatus:g.current,handleBlur:U,handleChange:K,handleReset:Q,handleSubmit:Z,resetForm:L,setErrors:P,setFormikState:H,setFieldTouched:M,setFieldValue:R,setFieldError:F,setStatus:V,setSubmitting:q,setTouched:I,setValues:j,submitForm:W,validateForm:C,validateField:N,isValid:oe,dirty:ne,unregisterField:A,registerField:$,getFieldProps:ee,getFieldMeta:X,getFieldHelpers:J,validateOnBlur:a,validateOnChange:r,validateOnMount:i})}function su(e){var n=cu(e),r=e.component,t=e.children,a=e.render,l=e.innerRef;return(0,o.useImperativeHandle)(l,(function(){return n})),(0,o.createElement)(Zd,{value:n},r?(0,o.createElement)(r,n):a?a(n):t?Qd(t)?t(n):nu(t)?null:o.Children.only(t):null)}function du(e){var n=Array.isArray(e)?[]:{};for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var r=String(o);!0===Array.isArray(e[r])?n[r]=e[r].map((function(e){return!0===Array.isArray(e)||mc(e)?du(e):""!==e?e:void 0})):mc(e[r])?n[r]=du(e[r]):n[r]=""!==e[r]?e[r]:void 0}return n}function uu(e,n,o){var r=e.slice();return n.forEach((function(n,t){if(void 0===r[t]){var a=!1!==o.clone&&o.isMergeableObject(n);r[t]=a?Wi(Array.isArray(n)?[]:{},n,o):n}else o.isMergeableObject(n)?r[t]=Wi(e[t],n,o):-1===e.indexOf(n)&&r.push(n)})),r}var hu="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?o.useLayoutEffect:o.useEffect;function mu(e){var n=(0,o.useRef)(e);return hu((function(){n.current=e})),(0,o.useCallback)((function(){for(var e=arguments.length,o=new Array(e),r=0;r<e;r++)o[r]=arguments[r];return n.current.apply(void 0,o)}),[])}function bu(e){var n=e.validate,r=e.name,t=e.render,a=e.children,l=e.as,i=e.component,c=e.className,s=Vd(e,["validate","name","render","children","as","component","className"]),d=Vd(Gd(),["validate","validationSchema"]),u=d.registerField,h=d.unregisterField;(0,o.useEffect)((function(){return u(r,{validate:n}),function(){h(r)}}),[u,h,r,n]);var m=d.getFieldProps(Hd({name:r},s)),b=d.getFieldMeta(r),p={field:m,form:d};if(t)return t(Hd({},p,{meta:b}));if(Qd(a))return a(Hd({},p,{meta:b}));if(i){if("string"==typeof i){var f=s.innerRef,g=Vd(s,["innerRef"]);return(0,o.createElement)(i,Hd({ref:f},m,g,{className:c}),a)}return(0,o.createElement)(i,Hd({field:m,form:d},s,{className:c}),a)}var v=l||"input";if("string"==typeof v){var k=s.innerRef,y=Vd(s,["innerRef"]);return(0,o.createElement)(v,Hd({ref:k},m,y,{className:c}),a)}return(0,o.createElement)(v,Hd({},m,s,{className:c}),a)}(0,o.forwardRef)((function(e,n){var r=e.action,t=Vd(e,["action"]),a=null!=r?r:"#",l=Gd(),i=l.handleReset,c=l.handleSubmit;return(0,o.createElement)("form",Hd({onSubmit:c,ref:n,onReset:i,action:a},t))})).displayName="Form";var pu,fu,gu=function(e,n,o){var r=vu(e);return r.splice(n,0,o),r},vu=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(Hd({},e,{length:n+1}))}return[]},ku=function(e,n){var o="function"==typeof e?e:n;return function(e){if(Array.isArray(e)||Xd(e)){var n=vu(e);return o(n)}return e}},yu=function(e){function n(n){var o;return(o=e.call(this,n)||this).updateArrayField=function(e,n,r){var t=o.props,a=t.name;(0,t.formik.setFormikState)((function(o){var t=ku(r,e),l=ku(n,e),i=tu(o.values,a,e(ru(o.values,a))),c=r?t(ru(o.errors,a)):void 0,s=n?l(ru(o.touched,a)):void 0;return Yd(c)&&(c=void 0),Yd(s)&&(s=void 0),Hd({},o,{values:i,errors:r?tu(o.errors,a,c):o.errors,touched:n?tu(o.touched,a,s):o.touched})}))},o.push=function(e){return o.updateArrayField((function(n){return[].concat(vu(n),[zd(e)])}),!1,!1)},o.handlePush=function(e){return function(){return o.push(e)}},o.swap=function(e,n){return o.updateArrayField((function(o){return function(e,n,o){var r=vu(e),t=r[n];return r[n]=r[o],r[o]=t,r}(o,e,n)}),!0,!0)},o.handleSwap=function(e,n){return function(){return o.swap(e,n)}},o.move=function(e,n){return o.updateArrayField((function(o){return function(e,n,o){var r=vu(e),t=r[n];return r.splice(n,1),r.splice(o,0,t),r}(o,e,n)}),!0,!0)},o.handleMove=function(e,n){return function(){return o.move(e,n)}},o.insert=function(e,n){return o.updateArrayField((function(o){return gu(o,e,n)}),(function(n){return gu(n,e,null)}),(function(n){return gu(n,e,null)}))},o.handleInsert=function(e,n){return function(){return o.insert(e,n)}},o.replace=function(e,n){return o.updateArrayField((function(o){return function(e,n,o){var r=vu(e);return r[n]=o,r}(o,e,n)}),!1,!1)},o.handleReplace=function(e,n){return function(){return o.replace(e,n)}},o.unshift=function(e){var n=-1;return o.updateArrayField((function(o){var r=o?[e].concat(o):[e];return n=r.length,r}),(function(e){return e?[null].concat(e):[null]}),(function(e){return e?[null].concat(e):[null]})),n},o.handleUnshift=function(e){return function(){return o.unshift(e)}},o.handleRemove=function(e){return function(){return o.remove(e)}},o.handlePop=function(){return function(){return o.pop()}},o.remove=o.remove.bind(qd(o)),o.pop=o.pop.bind(qd(o)),o}var r,t;t=e,(r=n).prototype=Object.create(t.prototype),r.prototype.constructor=r,r.__proto__=t;var a=n.prototype;return a.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!Td()(ru(e.formik.values,e.name),ru(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},a.remove=function(e){var n;return this.updateArrayField((function(o){var r=o?vu(o):[];return n||(n=r[e]),Qd(r.splice)&&r.splice(e,1),Qd(r.every)&&r.every((function(e){return void 0===e}))?[]:r}),!0,!0),n},a.pop=function(){var e;return this.updateArrayField((function(n){var o=n.slice();return e||(e=o&&o.pop&&o.pop()),o}),!0,!0),e},a.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,r=n.component,t=n.render,a=n.children,l=n.name,i=Hd({},e,{form:Vd(n.formik,["validate","validationSchema"]),name:l});return r?(0,o.createElement)(r,i):t?t(i):a?"function"==typeof a?a(i):nu(a)?null:o.Children.only(a):null},n}(o.Component);function wu(e,n){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(r=Object.getOwnPropertySymbols(e);t<r.length;t++)n.indexOf(r[t])<0&&Object.prototype.propertyIsEnumerable.call(e,r[t])&&(o[r[t]]=e[r[t]])}return o}function _u(){}function Eu(e){return!!(e||"").match(/\d/)}function xu(e){return null==e}function zu(e){return xu(e)||function(e){return"number"==typeof e&&isNaN(e)}(e)||"number"==typeof e&&!isFinite(e)}function Su(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function Tu(e,n){void 0===n&&(n=!0);var o="-"===e[0],r=o&&n,t=(e=e.replace("-","")).split(".");return{beforeDecimal:t[0],afterDecimal:t[1]||"",hasNegation:o,addNegation:r}}function Ou(e,n,o){for(var r="",t=o?"0":"",a=0;a<=n-1;a++)r+=e[a]||t;return r}function Cu(e,n){return Array(n+1).join(e)}function Lu(e){var n=e+"",o="-"===n[0]?"-":"";o&&(n=n.substring(1));var r=n.split(/[eE]/g),t=r[0],a=r[1];if(!(a=Number(a)))return o+t;var l=1+a,i=(t=t.replace(".","")).length;return l<0?t="0."+Cu("0",Math.abs(l))+t:l>=i?t+=Cu("0",l-i):t=(t.substring(0,l)||"0")+"."+t.substring(l),o+t}function Nu(e,n,o){if(-1!==["","-"].indexOf(e))return e;var r=(-1!==e.indexOf(".")||o)&&n,t=Tu(e),a=t.beforeDecimal,l=t.afterDecimal,i=t.hasNegation,c=parseFloat("0."+(l||"0")),s=(l.length<=n?"0."+l:c.toFixed(n)).split("."),d=a;return a&&Number(s[0])&&(d=a.split("").reverse().reduce((function(e,n,o){return e.length>o?(Number(e[0])+Number(n)).toString()+e.substring(1,e.length):n+e}),s[0])),(i?"-":"")+d+(r?".":"")+Ou(s[1]||"",n,o)}function $u(e,n){if(e.value=e.value,null!==e){if(e.createTextRange){var o=e.createTextRange();return o.move("character",n),o.select(),!0}return e.selectionStart||0===e.selectionStart?(e.focus(),e.setSelectionRange(n,n),!0):(e.focus(),!1)}}yu.defaultProps={validateOnChange:!0},(fu=pu||(pu={})).event="event",fu.props="prop";var Au,Iu,Pu,ju=(Au=function(e,n){for(var o=0,r=0,t=e.length,a=n.length;e[o]===n[o]&&o<t;)o++;for(;e[t-1-r]===n[a-1-r]&&a-r>o&&t-r>o;)r++;return{from:{start:o,end:t-r},to:{start:o,end:a-r}}},Pu=void 0,function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return Iu&&e.length===Iu.length&&e.every((function(e,n){return e===Iu[n]}))?Pu:(Iu=e,Pu=Au.apply(void 0,e))});function Fu(e){return Math.max(e.selectionStart,e.selectionEnd)}function Ru(e){var n=e.currentValue,o=e.formattedValue,r=e.currentValueIndex,t=e.formattedValueIndex;return n[r]===o[t]}function Du(e,n,o,r){var t,a,l=e.length;if(t=n,a=l,n=Math.min(Math.max(t,0),a),"left"===r){for(;n>=0&&!o[n];)n--;-1===n&&(n=o.indexOf(!0))}else{for(;n<=l&&!o[n];)n++;n>l&&(n=o.lastIndexOf(!0))}return-1===n&&(n=l),n}function Ku(e){for(var n=Array.from({length:e.length+1}).map((function(){return!0})),o=0,r=n.length;o<r;o++)n[o]=Boolean(Eu(e[o])||Eu(e[o-1]));return n}function Mu(e,n,r,t,a,l){void 0===l&&(l=_u);var i=function(e){var n=(0,o.useRef)(e);n.current=e;var r=(0,o.useRef)((function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return n.current.apply(n,e)}));return r.current}((function(e,n){var o,r;return zu(e)?(r="",o=""):"number"==typeof e||n?(r="number"==typeof e?Lu(e):e,o=t(r)):(r=a(e,void 0),o=t(r)),{formattedValue:o,numAsString:r}})),c=(0,o.useState)((function(){return i(xu(e)?n:e,r)})),s=c[0],d=c[1],u=e,h=r;xu(e)&&(u=s.numAsString,h=!0);var m=i(u,h);return(0,o.useMemo)((function(){d(m)}),[m.formattedValue]),[s,function(e,n){e.formattedValue!==s.formattedValue&&d({formattedValue:e.formattedValue,numAsString:e.value}),l(e,n)}]}function Bu(e){return e.replace(/[^0-9]/g,"")}function Uu(e){return e}function Hu(e){var n=e.type;void 0===n&&(n="text");var r=e.displayType;void 0===r&&(r="input");var t=e.customInput,a=e.renderText,l=e.getInputRef,i=e.format;void 0===i&&(i=Uu);var c=e.removeFormatting;void 0===c&&(c=Bu);var s=e.defaultValue,d=e.valueIsNumericString,u=e.onValueChange,h=e.isAllowed,m=e.onChange;void 0===m&&(m=_u);var b=e.onKeyDown;void 0===b&&(b=_u);var p=e.onMouseUp;void 0===p&&(p=_u);var f=e.onFocus;void 0===f&&(f=_u);var g=e.onBlur;void 0===g&&(g=_u);var v=e.value,k=e.getCaretBoundary;void 0===k&&(k=Ku);var y=e.isValidInputCharacter;void 0===y&&(y=Eu);var w=e.isCharacterSame,_=wu(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),E=Mu(v,s,Boolean(d),i,c,u),x=E[0],z=x.formattedValue,S=x.numAsString,T=E[1],O=(0,o.useRef)(),C=(0,o.useRef)({formattedValue:z,numAsString:S}),L=function(e,n){C.current={formattedValue:e.formattedValue,numAsString:e.value},T(e,n)},N=(0,o.useState)(!1),$=N[0],A=N[1],I=(0,o.useRef)(null),P=(0,o.useRef)({setCaretTimeout:null,focusTimeout:null});(0,o.useEffect)((function(){return A(!0),function(){clearTimeout(P.current.setCaretTimeout),clearTimeout(P.current.focusTimeout)}}),[]);var j=i,F=function(e,n){var o=parseFloat(n);return{formattedValue:e,value:n,floatValue:isNaN(o)?void 0:o}},R=function(e,n,o){0===e.selectionStart&&e.selectionEnd===e.value.length||($u(e,n),P.current.setCaretTimeout=setTimeout((function(){e.value===o&&e.selectionStart!==n&&$u(e,n)}),0))},D=function(e,n,o){return Du(e,n,k(e),o)},K=function(e,n,o){var r=k(n),t=function(e,n,o,r,t,a,l){void 0===l&&(l=Ru);var i=t.findIndex((function(e){return e})),c=e.slice(0,i);n||o.startsWith(c)||(n=c,o=c+o,r+=c.length);for(var s=o.length,d=e.length,u={},h=new Array(s),m=0;m<s;m++){h[m]=-1;for(var b=0,p=d;b<p;b++)if(l({currentValue:o,lastValue:n,formattedValue:e,currentValueIndex:m,formattedValueIndex:b})&&!0!==u[b]){h[m]=b,u[b]=!0;break}}for(var f=r;f<s&&(-1===h[f]||!a(o[f]));)f++;var g=f===s||-1===h[f]?d:h[f];for(f=r-1;f>0&&-1===h[f];)f--;var v=-1===f||-1===h[f]?0:h[f]+1;return v>g?g:r-v<g-r?v:g}(n,z,e,o,r,y,w);return Du(n,t,r)};(0,o.useEffect)((function(){var e=C.current,n=e.formattedValue,o=e.numAsString;z===n&&S===o||L(F(z,S),{event:void 0,source:pu.props})}),[z,S]);var M=I.current?Fu(I.current):void 0;("undefined"!=typeof window?o.useLayoutEffect:o.useEffect)((function(){var e=I.current;if(z!==C.current.formattedValue&&e){var n=K(C.current.formattedValue,z,M);e.value=z,R(e,n,z)}}),[z]);var B=function(e,n){void 0===n&&(n=0);var o=e.selectionStart,r=e.selectionEnd;O.current={selectionStart:o,selectionEnd:r+n}},U=!$||"undefined"==typeof navigator||navigator.platform&&/iPhone|iPod/.test(navigator.platform)?void 0:"numeric",H=Object.assign({inputMode:U},_,{type:n,value:z,onChange:function(e){(function(e,n,o){var r=n.target,t=O.current?function(e,n){var o=Math.min(e.selectionStart,n);return{from:{start:o,end:e.selectionEnd},to:{start:o,end:n}}}(O.current,r.selectionEnd):ju(z,e),a=Object.assign(Object.assign({},t),{lastValue:z}),l=c(e,a),i=j(l);if(l=c(i,void 0),h&&!h(F(i,l))){var s=n.target,d=Fu(s),u=K(e,z,d);return s.value=z,R(s,u,z),!1}return function(e){var n=e.formattedValue;void 0===n&&(n="");var o,r=e.input,t=e.source,a=e.event,l=e.numAsString;if(r){var i=e.inputValue||r.value,c=Fu(r);r.value=n,void 0!==(o=K(i,n,c))&&R(r,o,n)}n!==z&&L(F(n,l),{event:a,source:t})}({formattedValue:i,numAsString:l,inputValue:e,event:n,source:o,input:n.target}),!0})(e.target.value,e,pu.event)&&m(e),O.current=void 0},onKeyDown:function(e){var n,o=e.target,r=e.key,t=o.selectionStart,a=o.selectionEnd,l=o.value;void 0===l&&(l=""),"ArrowLeft"===r||"Backspace"===r?n=Math.max(t-1,0):"ArrowRight"===r?n=Math.min(t+1,l.length):"Delete"===r&&(n=t);var i=0;"Delete"===r&&t===a&&(i=1);var c="ArrowLeft"===r||"ArrowRight"===r;if(void 0===n||t!==a&&!c)return b(e),void B(o,i);var s=n;c?(s=D(l,n,"ArrowLeft"===r?"left":"right"))!==n&&e.preventDefault():"Delete"!==r||y(l[n])?"Backspace"!==r||y(l[n])||(s=D(l,n,"left")):s=D(l,n,"right"),s!==n&&R(o,s,l),b(e),B(o,i)},onMouseUp:function(e){var n=e.target,o=function(){var e=n.selectionStart,o=n.selectionEnd,r=n.value;if(void 0===r&&(r=""),e===o){var t=D(r,e);t!==e&&R(n,t,r)}};o(),requestAnimationFrame((function(){o()})),p(e),B(n)},onFocus:function(e){e.persist&&e.persist();var n=e.target,o=e.currentTarget;I.current=n,P.current.focusTimeout=setTimeout((function(){var r=n.selectionStart,t=n.selectionEnd,a=n.value;void 0===a&&(a="");var l=D(a,r);l===r||0===r&&t===a.length||R(n,l,a),f(Object.assign(Object.assign({},e),{currentTarget:o}))}),0)},onBlur:function(e){I.current=null,clearTimeout(P.current.focusTimeout),clearTimeout(P.current.setCaretTimeout),g(e)}});if("text"===r)return a?o.createElement(o.Fragment,null,a(z,_)||null):o.createElement("span",Object.assign({},_,{ref:l}),z);if(t){var V=t;return o.createElement(V,Object.assign({},H,{ref:l}))}return o.createElement("input",Object.assign({},H,{ref:l}))}function Vu(e,n){var o=n.decimalScale,r=n.fixedDecimalScale,t=n.prefix;void 0===t&&(t="");var a=n.suffix;void 0===a&&(a="");var l=n.allowNegative,i=n.thousandsGroupStyle;if(void 0===i&&(i="thousand"),""===e||"-"===e)return e;var c=qu(n),s=c.thousandSeparator,d=c.decimalSeparator,u=0!==o&&-1!==e.indexOf(".")||o&&r,h=Tu(e,l),m=h.beforeDecimal,b=h.afterDecimal,p=h.addNegation;return void 0!==o&&(b=Ou(b,o,!!r)),s&&(m=function(e,n,o){var r=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}}(o),t=e.search(/[1-9]/);return t=-1===t?e.length:t,e.substring(0,t)+e.substring(t,e.length).replace(r,"$1"+n)}(m,s,i)),t&&(m=t+m),a&&(b+=a),p&&(m="-"+m),m+(u&&d||"")+b}function qu(e){var n=e.decimalSeparator;void 0===n&&(n=".");var o=e.thousandSeparator,r=e.allowedDecimalSeparators;return!0===o&&(o=","),r||(r=[n,"."]),{decimalSeparator:n,thousandSeparator:o,allowedDecimalSeparators:r}}function Wu(e){e=function(e){var n=qu(e),o=n.thousandSeparator,r=n.decimalSeparator,t=e.prefix;void 0===t&&(t="");var a=e.allowNegative;if(void 0===a&&(a=!0),o===r)throw new Error("\n        Decimal separator can't be same as thousand separator.\n        thousandSeparator: "+o+' (thousandSeparator = {true} is same as thousandSeparator = ",")\n        decimalSeparator: '+r+" (default value for decimalSeparator is .)\n     ");return t.startsWith("-")&&a&&(console.error("\n      Prefix can't start with '-' when allowNegative is true.\n      prefix: "+t+"\n      allowNegative: "+a+"\n    "),a=!1),Object.assign(Object.assign({},e),{allowNegative:a})}(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var n=e.suffix,o=e.allowNegative,r=e.allowLeadingZeros,t=e.onKeyDown;void 0===t&&(t=_u);var a=e.onBlur;void 0===a&&(a=_u);var l=e.thousandSeparator,i=e.decimalScale,c=e.fixedDecimalScale,s=e.prefix;void 0===s&&(s="");var d=e.defaultValue,u=e.value,h=e.valueIsNumericString,m=e.onValueChange,b=wu(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),p=qu(e),f=p.decimalSeparator,g=p.allowedDecimalSeparators,v=function(n){return Vu(n,e)},k=function(n,o){return function(e,n,o){var r;void 0===n&&(n=function(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}(e));var t=o.allowNegative,a=o.prefix;void 0===a&&(a="");var l=o.suffix;void 0===l&&(l="");var i=o.decimalScale,c=n.from,s=n.to,d=s.start,u=s.end,h=qu(o),m=h.allowedDecimalSeparators,b=h.decimalSeparator,p=e[u]===b;if(Eu(e)&&(e===a||e===l)&&""===n.lastValue)return e;if(u-d==1&&-1!==m.indexOf(e[d])){var f=0===i?"":b;e=e.substring(0,d)+f+e.substring(d+1,e.length)}var g=function(e,n,o){var r=!1,t=!1;a.startsWith("-")?r=!1:e.startsWith("--")?(r=!1,t=!0):l.startsWith("-")&&e.length===l.length?r=!1:"-"===e[0]&&(r=!0);var i=r?1:0;return t&&(i=2),i&&(e=e.substring(i),n-=i,o-=i),{value:e,start:n,end:o,hasNegation:r}},v=g(e,d,u),k=v.hasNegation;e=(r=v).value,d=r.start,u=r.end;var y=g(n.lastValue,c.start,c.end),w=y.start,_=y.end,E=y.value,x=e.substring(d,u);!(e.length&&E.length&&(w>E.length-l.length||_<a.length))||x&&l.startsWith(x)||(e=E);var z=0;e.startsWith(a)?z+=a.length:d<a.length&&(z=d),u-=z;var S=(e=e.substring(z)).length,T=e.length-l.length;e.endsWith(l)?S=T:(u>T||u>e.length-l.length)&&(S=u),e=e.substring(0,S),e=function(e,n){void 0===e&&(e="");var o=new RegExp("(-)"),r=new RegExp("(-)(.)*(-)"),t=o.test(e),a=r.test(e);return e=e.replace(/-/g,""),t&&!a&&n&&(e="-"+e),e}(k?"-"+e:e,t),e=(e.match(function(e){return new RegExp("(^-)|[0-9]|"+Su(e),"g")}(b))||[]).join("");var O=e.indexOf(b),C=Tu(e=e.replace(new RegExp(Su(b),"g"),(function(e,n){return n===O?".":""})),t),L=C.beforeDecimal,N=C.afterDecimal,$=C.addNegation;return s.end-s.start<c.end-c.start&&""===L&&p&&!parseFloat(N)&&(e=$?"-":""),e}(n,o,e)},y=xu(u)?d:u,w=null!=h?h:function(e,n,o){return""===e||!(null==n?void 0:n.match(/\d/))&&!(null==o?void 0:o.match(/\d/))&&"string"==typeof e&&!isNaN(Number(e))}(y,s,n);xu(u)?xu(d)||(w=w||"number"==typeof d):w=w||"number"==typeof u;var _=function(e){return zu(e)?e:("number"==typeof e&&(e=Lu(e)),w&&"number"==typeof i?Nu(e,i,Boolean(c)):e)},E=Mu(_(u),_(d),Boolean(w),v,k,m),x=E[0],z=x.numAsString,S=x.formattedValue,T=E[1];return Object.assign(Object.assign({},b),{value:S,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===f||Eu(e)},isCharacterSame:function(e){var n=e.currentValue,o=e.lastValue,r=e.formattedValue,t=e.currentValueIndex,a=e.formattedValueIndex,l=n[t],d=r[a],h=ju(o,n).to,m=function(e){return k(e).indexOf(".")+s.length};return!(0===u&&c&&i&&n[h.start]===f&&m(n)<t&&m(r)>a||!(t>=h.start&&t<h.end&&g&&g.includes(l)&&d===f)&&l!==d)},onValueChange:T,format:v,removeFormatting:k,getCaretBoundary:function(n){return function(e,n){var o=n.prefix;void 0===o&&(o="");var r=n.suffix;void 0===r&&(r="");var t=Array.from({length:e.length+1}).map((function(){return!0})),a="-"===e[0];t.fill(!1,0,o.length+(a?1:0));var l=e.length;return t.fill(!1,l-r.length+1,l+1),t}(n,e)},onKeyDown:function(e){var n=e.target,r=e.key,a=n.selectionStart,d=n.selectionEnd,u=n.value;if(void 0===u&&(u=""),("Backspace"===r||"Delete"===r)&&d<s.length)e.preventDefault();else if(a===d){"Backspace"===r&&"-"===u[0]&&a===s.length+1&&o&&$u(n,1),i&&c&&("Backspace"===r&&u[a-1]===f?($u(n,a-1),e.preventDefault()):"Delete"===r&&u[a]===f&&e.preventDefault()),(null==g?void 0:g.includes(r))&&u[a]===f&&$u(n,a+1);var h=!0===l?",":l;"Backspace"===r&&u[a-1]===h&&$u(n,a-1),"Delete"===r&&u[a]===h&&$u(n,a+1),t(e)}else t(e)},onBlur:function(n){var o=z;if(o.match(/\d/g)||(o=""),r||(o=function(e){if(!e)return e;var n="-"===e[0];n&&(e=e.substring(1,e.length));var o=e.split("."),r=o[0].replace(/^0+/,"")||"0",t=o[1]||"";return(n?"-":"")+r+(t?"."+t:"")}(o)),c&&i&&(o=Nu(o,i,c)),o!==z){var t=Vu(o,e);T({formattedValue:t,value:o,floatValue:parseFloat(o)},{event:n,source:pu.event})}a(n)}})}function Zu(e){var n=Wu(e);return o.createElement(Hu,Object.assign({},n))}var Gu=Object.getOwnPropertySymbols,Yu=Object.prototype.hasOwnProperty,Qu=Object.prototype.propertyIsEnumerable;const Xu=/[^a-zA-Z0-9]/g,Ju=/(.{4})(?!$)/g;class eh{electronicFormat(e){return e.replace(Xu,"").toUpperCase()}printFormat(e,n){return this.electronicFormat(e).replace(Ju,"$1"+(n||" "))}parse(e){return this.electronicFormat(e)}format(e){return this.printFormat(e)}}const nh={"input-text":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:Mi})),"hide-errors":()=>o.createElement("div",{className:"grid gap-4"},o.createElement(Eo,null,o.createElement("p",null,"This sample shows the ",o.createElement("code",null,"_hideError")," feature for KolInputText. It allows to hide the error message from an input field and can be used, when the error is already shown somewhere else, e.g. for a group of inputs.")),o.createElement(Me,{_label:"Normal input field with error",_level:0},o.createElement(an,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})),o.createElement(Me,{_label:"Input fields with hidden error",_level:0},o.createElement("fieldset",{className:"grid md:grid-cols-2 gap-4"},o.createElement("legend",null,"Combined input field"),o.createElement(Ie,{className:"col-span-2",_level:0,_type:"error"},"This is a combined error message"),o.createElement(an,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"First input",_touched:!0}),o.createElement(an,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"Second input with error",_touched:!0})))),"text-formatter":function(){const e=()=>{return e=this,n=function*(){},new Promise(((o,r)=>{var t=e=>{try{l(n.next(e))}catch(e){r(e)}},a=e=>{try{l(n.throw(e))}catch(e){r(e)}},l=e=>e.done?o(e.value):Promise.resolve(e.value).then(t,a);l((n=n.apply(e,null)).next())}));var e,n},n=new eh;return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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)")),o.createElement("section",{className:"w-full flex flex-col"},o.createElement(su,{initialValues:{iban:"DE89370400440532013000"},onSubmit:e},(e=>o.createElement(o.Fragment,null,o.createElement("div",{className:"p-2"},o.createElement(qe,{_label:"Formatted Form Field",_level:2}),o.createElement(Ve,null,o.createElement(bu,{name:"iban"},(({field:r})=>{var t;return o.createElement("div",{className:"block mt-2"},o.createElement(an,{onBlur:()=>{e.setFieldTouched("iban",!0)},id:"field-iban",_label:"IBAN",_value:n.format(null!=(t=r.value)?t:""),_msg:{_type:"error",_description:e.errors.iban||""},_touched:e.touched.iban,_required:!0,_on:{onInput:(o,r)=>{if(o.target){const o=n.parse(null!=r?r:"");e.setFieldValue("iban",o,!0)}}}}))})))),o.createElement("div",{className:"p-2"},o.createElement(qe,{_label:"Model",_level:2}),o.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))),o.createElement("section",{className:"w-full flex flex-col"},o.createElement(su,{initialValues:{currency:1e6},onSubmit:e},(e=>o.createElement(o.Fragment,null,o.createElement("div",{className:"p-2"},o.createElement(qe,{_label:"Formatted Form Field (with react-number-format)",_level:2}),o.createElement(Ve,null,o.createElement(bu,{name:"currency"},(({field:n})=>o.createElement("div",{className:"block mt-2"},o.createElement(Zu,{customInput:e=>{var n=e,{type:r,value:t,onBlur:a,onChange:l,onFocus:i}=n,c=((e,n)=>{var o={};for(var r in e)Yu.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Gu)for(var r of Gu(e))n.indexOf(r)<0&&Qu.call(e,r)&&(o[r]=e[r]);return o})(n,["type","value","onBlur","onChange","onFocus"]);return console.log("OTHER: ",c),o.createElement(an,{_label:"Currency",_type:r,_value:t,_on:{onBlur:a,onChange:l,onFocus:i}})},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})))))),o.createElement("div",{className:"p-2"},o.createElement(qe,{_label:"Model",_level:2}),o.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))))},"smart-button":()=>{const e=Mn.getInstance(document),n={_icons:"codicon codicon-info",_hideLabel:!0,_label:"Alert",_on:{onClick:()=>{e.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}}};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput.")),o.createElement(an,{_label:"With Smart Button",_type:"text",_smartButton:n}))},"expert-slot":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample show KolInputText with expert slot.")),o.createElement(an,{_label:"",_type:"text"},o.createElement("span",{slot:"expert"},"I am more than just a input field")))}},oh={kolibri:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.")),o.createElement(qe,{class:"block",_level:3,_label:"Regular"}),o.createElement(ln,{class:"block",style:{width:300}}),o.createElement(qe,{class:"block",_level:3,_label:"Without Label"}),o.createElement(ln,{class:"block",style:{width:300},_labeled:!1}),o.createElement(qe,{class:"block",_level:3,_label:"Customized color"}),o.createElement(ln,{class:"block",style:{width:300},_color:"#cc006e"}))}};var rh=Object.defineProperty,th=Object.getOwnPropertySymbols,ah=Object.prototype.hasOwnProperty,lh=Object.prototype.propertyIsEnumerable,ih=(e,n,o)=>n in e?rh(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ch=(e,n)=>{for(var o in n||(n={}))ah.call(n,o)&&ih(e,o,n[o]);if(th)for(var o of th(n))lh.call(n,o)&&ih(e,o,n[o]);return e};const sh={_href:"#/back-page"},dh={"link-button":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants.")),o.createElement("div",{className:"grid gap-14"},o.createElement("div",{className:"flex flex-wrap gap-14"},o.createElement(sn,ch({_label:"Primary",_variant:"primary"},sh)),o.createElement(sn,ch({_label:"Secondary",_variant:"secondary"},sh)),o.createElement(sn,ch({_label:"Normal",_variant:"normal"},sh)),o.createElement(sn,ch({_label:"Danger",_variant:"danger"},sh)),o.createElement(sn,ch({_label:"Ghost",_variant:"ghost"},sh)),o.createElement(sn,ch({_label:"Access Key",_variant:"primary",_accessKey:"c"},sh)),o.createElement(sn,ch({_label:"Short Key",_variant:"primary",_shortKey:"s"},sh))))),"aria-description":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolLinkButton with aria-description")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(sn,{_href:"#/back-page",_label:"Link Button Text without area description"}),o.createElement(sn,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})))}},uh=[{_label:"Link 1",_href:"#/back-page"},{_label:"Link 2",_href:"#/back-page"},{_label:"Link 3",_href:"#/back-page"}],hh=[{_label:"Link 1",_href:"#/back-page"},{_label:"Link 2",_href:"#/back-page"},{_label:"Link 3",_href:"#/back-page"}],mh={"link-group":{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolLinkGroup renders a list of the given links."),o.createElement("p",null,o.createElement(je,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),o.createElement(dn,{_links:uh,_label:""})),horizontal:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolLinkGroup renders a list of the given links. This sample shows the horizontal alignment."),o.createElement("p",null,o.createElement(je,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),o.createElement(dn,{_links:hh,_orientation:"horizontal",_label:""}))}},bh={link:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolLink renders a link. This sample shows disabled links, links with hidden label and links with different CSS ",o.createElement("code",null,"display"),"-properties.")),o.createElement("div",{className:"grid gap-4"},o.createElement(cn,{_href:"#/back-page",_label:"Simple Link"}),o.createElement(cn,{_disabled:!0,_href:"#/back-page",_label:"Simple Link (deaktiviert)"}),o.createElement(cn,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link"}),o.createElement(cn,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link (deaktiviert)"}),o.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes.",o.createElement(cn,{_href:"#/back-page",_label:"Simple Link"}),"It is rendered by default as a ",o.createElement("strong",null,"inline element"),"."),o.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",o.createElement(cn,{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.",o.createElement("br",null),o.createElement("br",null),"After that, there is a link that is rendered as a block element.",o.createElement(cn,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."))),icons:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolLink with icons in different alignments and combinations.")),o.createElement("div",{className:"grid gap-4"},o.createElement(cn,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),o.createElement(cn,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),o.createElement(cn,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),o.createElement(cn,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),o.createElement(cn,{_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"}),o.createElement(cn,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),o.createElement(cn,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),o.createElement(cn,{_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"}),o.createElement(cn,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),o.createElement(cn,{_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:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement("div",{className:"grid gap-4"},o.createElement(cn,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),o.createElement(cn,{_href:"#/back-page",_label:""},o.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),target:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolLink with different ",o.createElement("code",null,"_target"),"-properties.")),o.createElement("div",{className:"text-base d-flex gap-4"},o.createElement("ul",null,o.createElement("li",null,o.createElement(cn,{_href:"#/back-page",_label:"Link without target"})),o.createElement("li",null,o.createElement(cn,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})),o.createElement("li",null,o.createElement(cn,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})),o.createElement("li",null,o.createElement(cn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})),o.createElement("li",null,o.createElement(cn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})),o.createElement("li",null,o.createElement(cn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"}))))),"aria-description":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolLink with aria-description")),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(cn,{_href:"#/back-page",_label:"Link Text without aria description"}),o.createElement(cn,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"}))),"access-key":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,o.createElement("p",null,"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard."))),o.createElement("div",{className:"grid gap-4"},o.createElement(cn,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),o.createElement(cn,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),o.createElement(cn,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),o.createElement(cn,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"}))),"short-key":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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."," ")),o.createElement("div",{className:"grid gap-4"},o.createElement(cn,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),o.createElement(cn,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),o.createElement(cn,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),o.createElement(cn,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})))}},ph={modal:{basic:()=>{const[e]=Ee(),n=e.get("show-modal"),r=(0,o.useRef)(null),t=(0,o.useRef)(null);return(0,o.useEffect)((()=>{var e;"true"===n&&(null==(e=r.current)||e.openModal())}),[n]),o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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".')),o.createElement("div",{className:"flex"},o.createElement(un,{_label:"Primary modal",_width:"80%",ref:r,_on:{onClose:()=>console.log("Modal closed")}},o.createElement(Me,{_label:"I am a modal."},o.createElement(Re,{_label:"Open stacked modal",className:"mr",_on:{onClick:()=>{var e;null==(e=t.current)||e.openModal()}}}),o.createElement(Re,{_label:"Close modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.closeModal()}}}))),o.createElement(un,{_label:"Stacked modal",_width:"80%",ref:t},o.createElement(Me,{_label:"Stacked modal element"},o.createElement(Re,{_label:"Close stacked modal",_on:{onClick:()=>{var e;null==(e=t.current)||e.closeModal()}}}))),o.createElement(Re,{_label:"Open modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.openModal()}}})))}}},fh=[{_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"}]}],gh=[{_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"}],vh={nav:{basic:()=>{const[e,n]=(0,o.useState)(!1);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement("section",{className:"grid gap-8"},o.createElement("section",null,o.createElement(Ye,{_label:"Show icons when expanded",_checked:e,_on:{onChange:(e,o)=>{n(o)}}})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Navigation without submenu"}),o.createElement(hn,{class:"block w-fit",_label:"Main navigation",_links:gh,_hasCompactButton:!0,_hasIconsWhenExpanded:e})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Navigation with submenu"}),o.createElement(hn,{class:"block w-fit",_label:"Main navigation",_links:fh,_hasCompactButton:!0,_hasIconsWhenExpanded:e}))))},"aria-current":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolNav with a link to the current page. This makes the component automatically assign ",o.createElement("code",null,'aria-current="page"'),"to it.")),o.createElement(hn,{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:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolNav with horizontal alignment.")),o.createElement("section",{className:"grid gap-8"},o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Navigation without submenu"}),o.createElement(hn,{_label:"Main navigation",_links:gh,_orientation:"horizontal"})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Navigation with submenu"}),o.createElement(hn,{_label:"Main navigation",_links:fh,_orientation:"horizontal"}))))}},kh={pagination:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement("div",{className:"grid gap-4"},o.createElement(mn,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),o.createElement(mn,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),o.createElement(mn,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),o.createElement(mn,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),o.createElement(mn,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{},_pageSizeOptions:[10,100]})))}},yh={progress:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.')),o.createElement("div",{className:"grid gap-4"},o.createElement(bn,{_variant:"bar",_max:100,_value:0,_label:"With label"}),o.createElement(bn,{_variant:"bar",_max:100,_value:33}),o.createElement(bn,{_variant:"bar",_max:100,_value:100}),o.createElement(bn,{_variant:"cycle",_max:100,_value:33})))}},wh={quote:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.')),o.createElement(pn,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})),block:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'This sample shows a quote in the "block" variant.')),o.createElement(pn,{_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"}))}},_h=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"}]'),Eh=[..._h.map((e=>({label:e.name,value:e.alpha2})))],xh=[..._h.map((e=>e.name))];var zh=Object.defineProperty,Sh=Object.defineProperties,Th=Object.getOwnPropertyDescriptors,Oh=Object.getOwnPropertySymbols,Ch=Object.prototype.hasOwnProperty,Lh=Object.prototype.propertyIsEnumerable,Nh=(e,n,o)=>n in e?zh(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,$h=(e,n)=>{for(var o in n||(n={}))Ch.call(n,o)&&Nh(e,o,n[o]);if(Oh)for(var o of Oh(n))Lh.call(n,o)&&Nh(e,o,n[o]);return e},Ah=(e,n)=>Sh(e,Th(n));const Ih=[{label:"No choice",value:"",disabled:!0},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],Ph=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement(fn,Ah($h({},e),{ref:n,_accessKey:"a",_options:Ih,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),o.createElement(fn,Ah($h({},e),{_options:Ih,_label:"Disabled",_disabled:!0})),o.createElement(fn,Ah($h({},e),{_options:Ih,_label:"Salutation with error",_msg:{_type:"error",_description:yo},_touched:!0})),o.createElement(fn,Ah($h({},e),{_options:Eh,_label:"Multiple choice",_multiple:!0})),o.createElement(fn,Ah($h({},e),{_options:Eh,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:yo},_touched:!0})),o.createElement(fn,Ah($h({},e),{_options:Ih,_label:"With access key",_accessKey:"c"})),o.createElement(fn,Ah($h({},e),{_options:Ih,_label:"With short key",_shortKey:"s"})))}));var jh=Object.defineProperty,Fh=Object.defineProperties,Rh=Object.getOwnPropertyDescriptors,Dh=Object.getOwnPropertySymbols,Kh=Object.prototype.hasOwnProperty,Mh=Object.prototype.propertyIsEnumerable,Bh=(e,n,o)=>n in e?jh(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Uh=(e,n)=>{for(var o in n||(n={}))Kh.call(n,o)&&Bh(e,o,n[o]);if(Dh)for(var o of Dh(n))Mh.call(n,o)&&Bh(e,o,n[o]);return e};const Hh=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Text"),o.createElement(Ph,Uh({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Text (hideLabel)"),o.createElement(Ph,(r=Uh({ref:n},e),Fh(r,Rh({_hideLabel:!0}))))));var r})),Vh={select:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.")),o.createElement(Wr,{RefComponent:Hh}))}},qh={"skip-nav":{basic:()=>o.createElement("div",{className:"grid gap-4"},o.createElement(Eo,null,o.createElement("p",null,"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."),o.createElement("p",null,"For testing purposes, click into the example and press the tab-key in order to focus the first link.")),o.createElement(vn,{_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"}]}))}},Wh={spin:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'KolSpin renders a loading indicator. This sample shows the default variant "dot".')),o.createElement(kn,{_show:!0})),cycle:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'This sample shows the KolSpin variant "cycle".')),o.createElement(kn,{_show:!0,_variant:"cycle"})),custom:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement(kn,{_show:!0,_variant:"none"},o.createElement("span",{slot:"expert",className:"loader"})))}},Zh={"split-button":{basic:()=>{const e=Mn.getInstance(document);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement("div",{className:"flex gap-4"},o.createElement(yn,{_label:"Only the arrow opens",_on:{onClick:()=>{e.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})}}},"Dropdown-Inhalt"),o.createElement(yn,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request"},"Dropdown-Inhalt")))},"with-context":()=>{const e=o.useRef();return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.")),o.createElement("div",{className:"flex gap-4"},o.createElement(yn,{ref:e,_label:"Only the arrow opens"},o.createElement("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:e=>e.stopPropagation()},o.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."),o.createElement("div",{style:{gap:16,display:"flex",flexDirection:"column"}},o.createElement(an,{_label:"User"}),o.createElement(an,{_label:"Role"}),o.createElement(Re,{_label:"Close",_on:{onClick:()=>{var n;null==(n=e.current)||n.closePopup()}}}))))))}}},Gh=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Yh=[{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")}],Qh={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,o)=>Gh.format(o.date)}]]},Xh={_page:2},Jh=[{left:"Left Example",center:"Center Example",right:"Right Example"}],em=e=>e,nm=[{small:"Small Example",large:"Larger Example"}],om={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"}]]},rm=[{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 tm({label:e,icons:n}){const{dummyClickEventHandler:r}=Do(),t={onClick:r};return o.createElement(Re,{_label:e,_icons:n,_on:t})}const am={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>${Gh.format(n.label)}</strong>`},sort:e=>e.sort(((e,n)=>e.date.getTime()-n.date.getTime()))},{label:"Action (react)",key:"order",width:"20em",render:e=>{Sr(Ln(e)).render(o.createElement("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"}},o.createElement(an,{_label:"Input"}),o.createElement(tm,{label:"Save",icons:{left:"codicon codicon-save"}})))}}]]},lm=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),im={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,o)=>lm.format(o.date),sort:e=>e.sort(((e,n)=>e.date<n.date?-1:n.date<e.date?1:0))}]]},cm={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,o)=>lm.format(o.date),sort:e=>e.sort(((e,n)=>e.date<n.date?-1:n.date<e.date?1:0))}]]},sm=[{left:"Left Example",center:"Center Example",right:"Right Example"}],dm=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function um({label:e}){const{dummyClickEventHandler:n}=Do(),r={onClick:n};return o.createElement(Re,{_label:e,_on:r})}const hm=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function mm({label:e}){const{dummyClickEventHandler:n}=Do(),r={onClick:n};return o.createElement(Re,{_label:e,_on:r})}const bm=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function pm({label:e}){const{dummyClickEventHandler:n}=Do(),r={onClick:n};return o.createElement(Re,{_label:e,_on:r})}const fm=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function gm({label:e}){const{dummyClickEventHandler:n}=Do(),r={onClick:n};return o.createElement(Re,{_label:e,_on:r})}const vm={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,o)=>Gh.format(o.date)}]]},km={_page:2};var ym=Object.defineProperty,wm=Object.defineProperties,_m=Object.getOwnPropertyDescriptors,Em=Object.getOwnPropertySymbols,xm=Object.prototype.hasOwnProperty,zm=Object.prototype.propertyIsEnumerable,Sm=(e,n,o)=>n in e?ym(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Tm=(e,n)=>{for(var o in n||(n={}))xm.call(n,o)&&Sm(e,o,n[o]);if(Em)for(var o of Em(n))zm.call(n,o)&&Sm(e,o,n[o]);return e};function Om(e){var n=e,{_on:r}=n,t=((e,n)=>{var o={};for(var r in e)xm.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Em)for(var r of Em(e))n.indexOf(r)<0&&zm.call(e,r)&&(o[r]=e[r]);return o})(n,["_on"]);const{dummyClickEventHandler:a}=Do(),l={onClick:a};return o.createElement(Re,(i=Tm({},t),wm(i,_m({_on:l}))));var i}const Cm=e=>{const n=e.charAt(0).toUpperCase()+e.slice(1);return{label:n,key:e,textAlign:"left",render:(r,t)=>{const a={_label:n,_variant:e,_icons:{right:"codicon codicon-squirrel"}};Sr(Ln(r)).render("button"===t.label?o.createElement(Om,Tm({},a)):o.createElement(sn,Tm({_href:"#/back-page"},a)))}}},Lm=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Nm={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,o)=>Lm.format(o.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},$m={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,o)=>Lm.format(o.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Am={table:{"column-alignment":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTable with columns headers and data in different text alignments.")),o.createElement("section",{className:"w-full flex flex-col"},o.createElement(qe,{_label:"Simple table",_level:3}),o.createElement(wn,{_label:"Table for demonstration purposes with different text align properties",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:Jh,className:"block",style:{maxWidth:"600px"}}),o.createElement(qe,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),o.createElement(wn,{_label:"Table for demonstration purposes with sortable columns",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:em},{label:"center",key:"center",textAlign:"center",sort:em},{label:"right",key:"right",textAlign:"right",sort:em}]]},_data:Jh,className:"block",style:{maxWidth:"600px"}}),o.createElement(qe,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),o.createElement(wn,{_label:"Table for demonstration purposes with some but not all columns sortable",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:em},{label:"center",key:"center",textAlign:"center",sort:em},{label:"right",key:"right",textAlign:"right"}]]},_data:Jh,className:"block",style:{maxWidth:"600px"}}),o.createElement(qe,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),o.createElement(wn,{_label:"Table for demonstration purposes with vertical heading",_headers:{horizontal:[[{label:"",asTd:!0},{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:Jh,className:"block",style:{maxWidth:"600px"}}))),"complex-headers":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTable using vertical and horizontal headers, applying colspan and rowspan.")),o.createElement("section",{className:"w-full flex flex-col"},o.createElement(wn,{_label:"Business hours",_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:"",colSpan:7},{label:"Weekend",colSpan:2}],[{label:""},{label:"District",key:"asp"},{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,o.useState)(!0);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTable 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.")),o.createElement("section",{className:"w-full flex flex-col gap-4"},o.createElement(qe,{_label:"Table with scrollbar",_level:2}),o.createElement(wn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"auto",_headers:om,_data:nm,className:"block",style:{width:"400px"}}),o.createElement(qe,{_label:"Empty Table with scrollbar",_level:3}),o.createElement(wn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"auto",_headers:om,_data:[],className:"block",style:{width:"400px"}}),o.createElement(Ye,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(e,o)=>{n(Boolean(o))}}}),o.createElement(qe,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),o.createElement("p",{className:"mt-0"},o.createElement("i",null,"Scrollbar appears on very small viewport sizes")),o.createElement(wn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:om,_data:nm,className:"block"})))},"pagination-position":()=>o.createElement("div",{className:"w-full grid gap-14"},o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTable with different pagination positions.")),o.createElement("section",{className:"w-full flex flex-col gap-14"},o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Table with pagination at the bottom."}),o.createElement(wn,{_label:"Tabellenbeschreibung",_data:Yh,_headers:Qh,_pagination:Xh,_paginationPosition:"bottom"})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Table with pagination at the top."}),o.createElement(wn,{_label:"Tabellenbeschreibung",_data:Yh,_headers:Qh,_pagination:Xh,_paginationPosition:"top"})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Table with pagination at both top and bottom."}),o.createElement(wn,{_label:"Tabellenbeschreibung",_data:Yh,_headers:Qh,_pagination:Xh,_paginationPosition:"both"})))),"render-cell":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTable using React render functions for the cell contents.")),o.createElement(wn,{_label:"Sort by date column",_data:rm,_headers:am,className:"w-full"})),"sort-data":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'This sample shows KolTable with sortable columns. The sort-order can be changed by clicking the "date" header column.')),o.createElement("section",{className:"w-full grid gap-4"},o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Vertical"}),o.createElement(wn,{_label:"Sort a date column",_data:Yh.slice(0,10),_headers:cm,className:"block"})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Horizontal"}),o.createElement(wn,{_label:"Sort a date column",_data:Yh,_headers:im,className:"block"})))),"with-footer":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTable with footer data.")),o.createElement(wn,{className:"w-full",_label:"Business hours",_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"}]})),"stateful-with-selection":()=>{const[e,n]=(0,o.useState)(),r={label:e=>`Selection for ${e.name}`,selectedKeys:e?e.map((e=>e.internalIdentifier)):[],keyPropertyName:"internalIdentifier"},t=(0,o.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,o.useEffect)((()=>{var e;return null==(e=t.current)||e.addEventListener("kol-selection-change",a),()=>{var e;null==(e=t.current)||e.removeEventListener("kol-selection-change",a)}}),[t]),o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTableStateful with checkboxes for selection enabled.")),o.createElement("section",{className:"w-full"},o.createElement(_n,{_label:"Table with selection checkboxes",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var r;Sr(Ln(e)).render(o.createElement(um,{label:`Click ${null==(r=n.data)?void 0:r.id}`}))}}]]},_data:dm,_selection:r,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:t}),o.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},o.createElement(Re,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const o=yield null==(e=t.current)?void 0:e.getSelection();n(o)},new Promise(((n,o)=>{var r=n=>{try{a(e.next(n))}catch(e){o(e)}},t=n=>{try{a(e.throw(n))}catch(e){o(e)}},a=e=>e.done?n(e.value):Promise.resolve(e.value).then(r,t);a((e=e.apply(void 0,null)).next())}))}}}),o.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateful-with-single-selection":()=>{const[e,n]=(0,o.useState)(),r={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},t=(0,o.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,o.useEffect)((()=>{var e;return null==(e=t.current)||e.addEventListener("kol-selection-change",a),()=>{var e;null==(e=t.current)||e.removeEventListener("kol-selection-change",a)}}),[t]),o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTableStateful with radio buttons for selection enabled.")),o.createElement("section",{className:"w-full"},o.createElement(_n,{_label:"Table with selection radio",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var r;Sr(Ln(e)).render(o.createElement(mm,{label:`Click ${null==(r=n.data)?void 0:r.id}`}))}}]]},_data:hm,_selection:r,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:t}),o.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},o.createElement(Re,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const o=yield null==(e=t.current)?void 0:e.getSelection();n(o)},new Promise(((n,o)=>{var r=n=>{try{a(e.next(n))}catch(e){o(e)}},t=n=>{try{a(e.throw(n))}catch(e){o(e)}},a=e=>e.done?n(e.value):Promise.resolve(e.value).then(r,t);a((e=e.apply(void 0,null)).next())}))}}}),o.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateless-with-selection":()=>{const[e,n]=(0,o.useState)(["AAA1002"]),r={label:e=>`Selection for ${e.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier"},t=(0,o.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,o.useEffect)((()=>{var e;return null==(e=t.current)||e.addEventListener("kol-selection-change",a),()=>{var e;null==(e=t.current)||e.removeEventListener("kol-selection-change",a)}}),[t]),o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),o.createElement("section",{className:"w-full"},o.createElement(En,{_label:"Table with selection checkboxes",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var r;Sr(Ln(e)).render(o.createElement(pm,{label:`Click ${null==(r=n.data)?void 0:r.id}`}))}}]]},_data:bm,_selection:r,_on:{onSelectionChange:(e,o)=>{console.log("Selection change via callback",o),n("string"==typeof o?[o]:o)}},className:"block",style:{maxWidth:"600px"},ref:t})))},"stateless-with-single-selection":()=>{const[e,n]=(0,o.useState)(["1002"]),r={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e,keyPropertyName:"internalIdentifier"},t=(0,o.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,o.useEffect)((()=>{var e;return null==(e=t.current)||e.addEventListener("kol-selection-change",a),()=>{var e;null==(e=t.current)||e.removeEventListener("kol-selection-change",a)}}),[t]),o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),o.createElement("section",{className:"w-full"},o.createElement(En,{_label:"Table with selection checkboxes",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var r;Sr(Ln(e)).render(o.createElement(gm,{label:`Click ${null==(r=n.data)?void 0:r.id}`}))}}]]},_data:fm,_selection:r,_on:{onSelectionChange:(e,o)=>{console.log("Selection change via callback",o),n("string"==typeof o?[o]:o)}},className:"block",style:{maxWidth:"600px"},ref:t})))},"with-pagination":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows how KolTable can be navigated using a pagination.")),o.createElement("div",{className:"w-full"},o.createElement(wn,{_label:"Tabellenbeschreibung",_data:Yh,_headers:vm,_pagination:km}))),"interactive-child-elements":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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.")),o.createElement("section",{className:"w-full flex flex-col"},o.createElement(En,{_label:"Button styles",_headerCells:{horizontal:[[{label:"",asTd:!0,width:"20ex"},Cm("primary"),Cm("secondary"),Cm("normal"),Cm("danger"),Cm("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"}),o.createElement(En,{_label:"Link styles",_headerCells:{horizontal:[[{label:"",asTd:!0,width:"20ex"},{key:"regular",label:"Regular",textAlign:"left",render:(e,n)=>{const r={_label:n.label,_icons:{right:"codicon codicon-squirrel"}};Sr(Ln(e)).render("button-link"===n.label?o.createElement(Ke,Tm({},r)):o.createElement(cn,Tm({_href:"#/back-page"},r)))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"}))),stateless:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper.")),o.createElement("section",{className:"w-full"},o.createElement(En,{_label:"Table for demonstration purposes",_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:sm,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,n)=>{console.log(n)}}}))),"multi-sort":()=>{const[e,n]=(0,o.useState)(!1),[r,t]=(0,o.useState)(!0);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,'This sample shows KolTable with multi-sort functionality, allowing sorting by both "order" and "date" columns.')),o.createElement("section",{className:"w-full grid gap-4"},o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Vertical"}),o.createElement(Ye,{_checked:e,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,o)=>n(Boolean(o))}}),o.createElement(wn,{_label:"Sort Table with Order and Date",_data:Yh.slice(0,10),_headers:$m,className:"block",_allowMultiSort:e})),o.createElement("section",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Horizontal"}),o.createElement(Ye,{_checked:r,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,n)=>t(Boolean(n))}}),o.createElement(wn,{_label:"Sort Table with Order and Date",_data:Yh,_headers:Nm,className:"block",_allowMultiSort:r}))))}}};var Im=Object.defineProperty,Pm=Object.defineProperties,jm=Object.getOwnPropertyDescriptors,Fm=Object.getOwnPropertySymbols,Rm=Object.prototype.hasOwnProperty,Dm=Object.prototype.propertyIsEnumerable,Km=(e,n,o)=>n in e?Im(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;const Mm=[{_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"}],Bm=Mm.map((e=>{return n=((e,n)=>{for(var o in n||(n={}))Rm.call(n,o)&&Km(e,o,n[o]);if(Fm)for(var o of Fm(n))Dm.call(n,o)&&Km(e,o,n[o]);return e})({},e),Pm(n,jm({_icons:void 0}));var n})),Um=[{_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"}],Hm=[{_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}],Vm=[{_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"}],qm={tabs:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs.")),o.createElement(xn,{_tabs:Bm,_label:"Regular tabs"},o.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),o.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),o.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),o.createElement("div",{slot:"tab-3"},"Contents of Tab 4")),o.createElement(xn,{_tabs:Mm,className:"mt-4",_label:"Tabs with icons"},o.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),o.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),o.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),o.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),"icons-only":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTabs with hidden labels.")),o.createElement(xn,{_label:"Tabs with icons",_tabs:Hm},o.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),o.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),o.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),o.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),behavior:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTabs with the property ",o.createElement("code",null,"_behavior")," set to ",o.createElement("code",null,"select-manual")," and ",o.createElement("code",null,"select-automatic"),"."),o.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.")),o.createElement("div",{className:"grid gap-8"},o.createElement("div",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:'Tabs with "select manual" behavior'}),o.createElement(xn,{_tabs:Vm,_behavior:"select-manual",_label:"Tabs with select manual behavior"},o.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),o.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),o.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),o.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),o.createElement("div",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:'Tabs with "select automatic" behavior'}),o.createElement(xn,{_tabs:Vm,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior"},o.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),o.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),o.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),o.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))))),align:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolTabs with the property ",o.createElement("code",null,"_align")," set to ",o.createElement("code",null,"left"),", ",o.createElement("code",null,"right"),", ",o.createElement("code",null,"top")," and ",o.createElement("code",null,"bottom"),".")),o.createElement("div",{className:"grid gap-8"},["left","right","top","bottom"].map((e=>{const n=`Tabs with ${e} align`;return o.createElement("div",{key:e,className:"grid gap-4"},o.createElement(qe,{_level:2,_label:n}),o.createElement(xn,{_tabs:Um,_align:e,_label:n},o.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),o.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),o.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),o.createElement("div",{slot:"tab-3"},"Contents of Tab 4")))}))))}};var Wm=Object.defineProperty,Zm=Object.defineProperties,Gm=Object.getOwnPropertyDescriptors,Ym=Object.getOwnPropertySymbols,Qm=Object.prototype.hasOwnProperty,Xm=Object.prototype.propertyIsEnumerable,Jm=(e,n,o)=>n in e?Wm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,eb=(e,n)=>{for(var o in n||(n={}))Qm.call(n,o)&&Jm(e,o,n[o]);if(Ym)for(var o of Ym(n))Xm.call(n,o)&&Jm(e,o,n[o]);return e},nb=(e,n)=>Zm(e,Gm(n));const ob=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid gap-4"},o.createElement(zn,nb(eb({},e),{_msg:{_type:"error",_description:yo},_label:"Text",_touched:!0})),o.createElement(zn,nb(eb({},e),{ref:n,_accessKey:"T",_label:"Text (3 rows)",_rows:3})),o.createElement(zn,nb(eb({},e),{ref:n,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"})),o.createElement(zn,nb(eb({},e),{ref:n,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0})),o.createElement(zn,nb(eb({},e),{ref:n,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0})),o.createElement(zn,nb(eb({},e),{ref:n,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0})),o.createElement(zn,nb(eb({},e),{ref:n,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"})),o.createElement(zn,nb(eb({},e),{ref:n,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})))}));var rb=Object.defineProperty,tb=Object.defineProperties,ab=Object.getOwnPropertyDescriptors,lb=Object.getOwnPropertySymbols,ib=Object.prototype.hasOwnProperty,cb=Object.prototype.propertyIsEnumerable,sb=(e,n,o)=>n in e?rb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,db=(e,n)=>{for(var o in n||(n={}))ib.call(n,o)&&sb(e,o,n[o]);if(lb)for(var o of lb(n))cb.call(n,o)&&sb(e,o,n[o]);return e};const ub=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Text"),o.createElement(ob,db({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Text (hideLabel)"),o.createElement(ob,(r=db({ref:n},e),tb(r,ab({_hideLabel:!0}))))));var r})),hb={textarea:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.")),o.createElement(Wr,{RefComponent:ub})),"adjust-height":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates the ",o.createElement("code",null,"_adjustHeight"),"-property of KolTextarea. The textarea automatically grows with its content.")),o.createElement(Ve,{className:"w-full"},o.createElement(zn,{_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:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates the ",o.createElement("code",null,"_resize"),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction.")),o.createElement(Ve,{className:"w-full grid gap-4"},o.createElement(zn,{_resize:"both",_label:"Text input (both)"}),o.createElement(zn,{_resize:"vertical",_label:"Text input (vertical)",className:"mt"}),o.createElement(zn,{_resize:"horizontal",_label:"Text input (horizontal)",className:"mt"}),o.createElement(zn,{_resize:"none",_label:"Text input (none)",className:"mt"}))),rows:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates the ",o.createElement("code",null,"_rows"),"-property of KolTextarea. The sample textarea has a fixed row number of 10.")),o.createElement(Ve,{className:"w-full"},o.createElement(zn,{_rows:10,_label:"Texteingabe"}))),"with-counter":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates the ",o.createElement("code",null,"_hasCounter"),"-property of KolTextarea. It shows how many characters have been entered.")),o.createElement("section",{className:"w-full"},o.createElement(zn,{_label:"Textara with counter",_hasCounter:!0}),o.createElement(zn,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"})))}},mb={toast:{basic:()=>{const[e]=Ee(),n=e.get("type"),r=e.get("variant"),t=Mn.getInstance(document);(0,o.useEffect)((()=>{n&&r?t.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:n,variant:r}):n?t.enqueue({description:"Toasty",label:"Initial Toast",type:n}):r&&t.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:r})}),[n,r]);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates the toast service with all its options.")),o.createElement("section",{className:"grid gap-4"},o.createElement("section",{className:"flex gap-2"},o.createElement(Re,{_label:"Show simple toast",_on:{onClick:()=>{t.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"})}}}),o.createElement(Re,{_label:"Show toast with alert variant 'msg'",_on:{onClick:()=>{t.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})}}}),o.createElement(Re,{_label:"Show complex toast",_on:{onClick:()=>{t.enqueue({render:(e,{close:n})=>{Sr(e).render(o.createElement(o.Fragment,null,o.createElement(Re,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),n()}}})))},label:"Initial Toast",type:"warning"})}}})),o.createElement("section",{className:"flex gap-2"},o.createElement(Re,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>{var e;e=function*(){const e=yield t.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});e&&setTimeout(e,2e3)},new Promise(((n,o)=>{var r=n=>{try{a(e.next(n))}catch(e){o(e)}},t=n=>{try{a(e.throw(n))}catch(e){o(e)}},a=e=>e.done?n(e.value):Promise.resolve(e.value).then(r,t);a((e=e.apply(void 0,null)).next())}))}}})),o.createElement("section",{className:"flex gap-2"},o.createElement(Re,{_label:"Close all toasts",_on:{onClick:()=>{t.closeAll()}}}))))}}},bb={toolbar:{basic:()=>{const e=(0,o.useContext)(ko);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Sn,{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,o.useContext)(ko);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolToolbars with some of the elements disabled.")),!e&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Sn,{_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"}]}))}}},pb={version:{basic:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolVersion renders a label showing the given version number.")),o.createElement(Cn,{_label:"1.1.1"})),context:()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows KolVersion inline with text paragraph content.")),o.createElement("p",null,o.createElement(Cn,{_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 fb=l(9896),gb=l(2654),vb=l(3418),kb=l.n(vb);const yb=Object.prototype.toString,wb=Error.prototype.toString,_b=RegExp.prototype.toString,Eb="undefined"!=typeof Symbol?Symbol.prototype.toString:()=>"",xb=/^Symbol\((.*)\)(.*)$/;function zb(e,n=!1){if(null==e||!0===e||!1===e)return""+e;const o=typeof e;if("number"===o)return function(e){return e!=+e?"NaN":0===e&&1/e<0?"-0":""+e}(e);if("string"===o)return n?`"${e}"`:e;if("function"===o)return"[Function "+(e.name||"anonymous")+"]";if("symbol"===o)return Eb.call(e).replace(xb,"Symbol($1)");const r=yb.call(e).slice(8,-1);return"Date"===r?isNaN(e.getTime())?""+e:e.toISOString(e):"Error"===r||e instanceof Error?"["+wb.call(e)+"]":"RegExp"===r?_b.call(e):null}function Sb(e,n){let o=zb(e,n);return null!==o?o:JSON.stringify(e,(function(e,o){let r=zb(this[e],n);return null!==r?r:o}),2)}function Tb(e){return null==e?[]:[].concat(e)}let Ob,Cb,Lb,Nb=/\$\{\s*(\w+)\s*\}/g;Ob=Symbol.toStringTag;class $b{constructor(e,n,o,r){this.name=void 0,this.message=void 0,this.value=void 0,this.path=void 0,this.type=void 0,this.params=void 0,this.errors=void 0,this.inner=void 0,this[Ob]="Error",this.name="ValidationError",this.value=n,this.path=o,this.type=r,this.errors=[],this.inner=[],Tb(e).forEach((e=>{if(Ab.isError(e)){this.errors.push(...e.errors);const n=e.inner.length?e.inner:[e];this.inner.push(...n)}else this.errors.push(e)})),this.message=this.errors.length>1?`${this.errors.length} errors occurred`:this.errors[0]}}Cb=Symbol.hasInstance,Lb=Symbol.toStringTag;class Ab extends Error{static formatError(e,n){const o=n.label||n.path||"this";return o!==n.path&&(n=Object.assign({},n,{path:o})),"string"==typeof e?e.replace(Nb,((e,o)=>Sb(n[o]))):"function"==typeof e?e(n):e}static isError(e){return e&&"ValidationError"===e.name}constructor(e,n,o,r,t){const a=new $b(e,n,o,r);if(t)return a;super(),this.value=void 0,this.path=void 0,this.type=void 0,this.params=void 0,this.errors=[],this.inner=[],this[Lb]="Error",this.name=a.name,this.message=a.message,this.type=a.type,this.value=a.value,this.path=a.path,this.errors=a.errors,this.inner=a.inner,Error.captureStackTrace&&Error.captureStackTrace(this,Ab)}static[Cb](e){return $b[Symbol.hasInstance](e)||super[Symbol.hasInstance](e)}}let Ib={default:"${path} is invalid",required:"${path} is a required field",defined:"${path} must be defined",notNull:"${path} cannot be null",oneOf:"${path} must be one of the following values: ${values}",notOneOf:"${path} must not be one of the following values: ${values}",notType:({path:e,type:n,value:o,originalValue:r})=>{const t=null!=r&&r!==o?` (cast from the value \`${Sb(r,!0)}\`).`:".";return"mixed"!==n?`${e} must be a \`${n}\` type, but the final value was: \`${Sb(o,!0)}\``+t:`${e} must match the configured type. The validated value was: \`${Sb(o,!0)}\``+t}},Pb={length:"${path} must be exactly ${length} characters",min:"${path} must be at least ${min} characters",max:"${path} must be at most ${max} characters",matches:'${path} must match the following: "${regex}"',email:"${path} must be a valid email",url:"${path} must be a valid URL",uuid:"${path} must be a valid UUID",datetime:"${path} must be a valid ISO date-time",datetime_precision:"${path} must be a valid ISO date-time with a sub-second precision of exactly ${precision} digits",datetime_offset:'${path} must be a valid ISO date-time with UTC "Z" timezone',trim:"${path} must be a trimmed string",lowercase:"${path} must be a lowercase string",uppercase:"${path} must be a upper case string"},jb={min:"${path} must be greater than or equal to ${min}",max:"${path} must be less than or equal to ${max}",lessThan:"${path} must be less than ${less}",moreThan:"${path} must be greater than ${more}",positive:"${path} must be a positive number",negative:"${path} must be a negative number",integer:"${path} must be an integer"},Fb={min:"${path} field must be later than ${min}",max:"${path} field must be at earlier than ${max}"},Rb={isValue:"${path} field must be ${value}"},Db={noUnknown:"${path} field has unspecified keys: ${unknown}"},Kb={min:"${path} field must have at least ${min} items",max:"${path} field must have less than or equal to ${max} items",length:"${path} must have ${length} items"},Mb={notType:e=>{const{path:n,value:o,spec:r}=e,t=r.types.length;if(Array.isArray(o)){if(o.length<t)return`${n} tuple value has too few items, expected a length of ${t} but got ${o.length} for value: \`${Sb(o,!0)}\``;if(o.length>t)return`${n} tuple value has too many items, expected a length of ${t} but got ${o.length} for value: \`${Sb(o,!0)}\``}return Ab.formatError(Ib.notType,e)}};Object.assign(Object.create(null),{mixed:Ib,string:Pb,number:jb,date:Fb,object:Db,array:Kb,boolean:Rb,tuple:Mb});const Bb=e=>e&&e.__isYupSchema__;class Ub{static fromOptions(e,n){if(!n.then&&!n.otherwise)throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");let{is:o,then:r,otherwise:t}=n,a="function"==typeof o?o:(...e)=>e.every((e=>e===o));return new Ub(e,((e,n)=>{var o;let l=a(...e)?r:t;return null!=(o=null==l?void 0:l(n))?o:n}))}constructor(e,n){this.fn=void 0,this.refs=e,this.refs=e,this.fn=n}resolve(e,n){let o=this.refs.map((e=>e.getValue(null==n?void 0:n.value,null==n?void 0:n.parent,null==n?void 0:n.context))),r=this.fn(o,e,n);if(void 0===r||r===e)return e;if(!Bb(r))throw new TypeError("conditions must return a schema object");return r.resolve(n)}}class Hb{constructor(e,n={}){if(this.key=void 0,this.isContext=void 0,this.isValue=void 0,this.isSibling=void 0,this.path=void 0,this.getter=void 0,this.map=void 0,"string"!=typeof e)throw new TypeError("ref must be a string, got: "+e);if(this.key=e.trim(),""===e)throw new TypeError("ref must be a non-empty string");this.isContext="$"===this.key[0],this.isValue="."===this.key[0],this.isSibling=!this.isContext&&!this.isValue;let o=this.isContext?"$":this.isValue?".":"";this.path=this.key.slice(o.length),this.getter=this.path&&(0,fb.getter)(this.path,!0),this.map=n.map}getValue(e,n,o){let r=this.isContext?o:this.isValue?e:n;return this.getter&&(r=this.getter(r||{})),this.map&&(r=this.map(r)),r}cast(e,n){return this.getValue(e,null==n?void 0:n.parent,null==n?void 0:n.context)}resolve(){return this}describe(){return{type:"ref",key:this.key}}toString(){return`Ref(${this.key})`}static isRef(e){return e&&e.__isYupRef}}Hb.prototype.__isYupRef=!0;const Vb=e=>null==e;function qb(e){function n({value:n,path:o="",options:r,originalValue:t,schema:a},l,i){const{name:c,test:s,params:d,message:u,skipAbsent:h}=e;let{parent:m,context:b,abortEarly:p=a.spec.abortEarly,disableStackTrace:f=a.spec.disableStackTrace}=r;function g(e){return Hb.isRef(e)?e.getValue(n,m,b):e}function v(e={}){const r=Object.assign({value:n,originalValue:t,label:a.spec.label,path:e.path||o,spec:a.spec,disableStackTrace:e.disableStackTrace||f},d,e.params);for(const e of Object.keys(r))r[e]=g(r[e]);const l=new Ab(Ab.formatError(e.message||u,r),n,r.path,e.type||c,r.disableStackTrace);return l.params=r,l}const k=p?l:i;let y={path:o,parent:m,type:c,from:r.from,createError:v,resolve:g,options:r,originalValue:t,schema:a};const w=e=>{Ab.isError(e)?k(e):e?i(null):k(v())},_=e=>{Ab.isError(e)?k(e):l(e)};if(h&&Vb(n))return w(!0);let E;try{var x;if(E=s.call(y,n,y),"function"==typeof(null==(x=E)?void 0:x.then)){if(r.sync)throw new Error(`Validation test of type: "${y.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`);return Promise.resolve(E).then(w,_)}}catch(e){return void _(e)}w(E)}return n.OPTIONS=e,n}function Wb(e,n,o,r=o){let t,a,l;return n?((0,fb.forEach)(n,((i,c,s)=>{let d=c?i.slice(1,i.length-1):i,u="tuple"===(e=e.resolve({context:r,parent:t,value:o})).type,h=s?parseInt(d,10):0;if(e.innerType||u){if(u&&!s)throw new Error(`Yup.reach cannot implicitly index into a tuple type. the path part "${l}" must contain an index to the tuple element, e.g. "${l}[0]"`);if(o&&h>=o.length)throw new Error(`Yup.reach cannot resolve an array item at index: ${i}, in the path: ${n}. because there is no value at that index. `);t=o,o=o&&o[h],e=u?e.spec.types[h]:e.innerType}if(!s){if(!e.fields||!e.fields[d])throw new Error(`The schema does not contain the path: ${n}. (failed at: ${l} which is a type: "${e.type}")`);t=o,o=o&&o[d],e=e.fields[d]}a=d,l=c?"["+i+"]":"."+i})),{schema:e,parent:t,parentPath:a}):{parent:t,parentPath:n,schema:e}}class Zb extends Set{describe(){const e=[];for(const n of this.values())e.push(Hb.isRef(n)?n.describe():n);return e}resolveAll(e){let n=[];for(const o of this.values())n.push(e(o));return n}clone(){return new Zb(this.values())}merge(e,n){const o=this.clone();return e.forEach((e=>o.add(e))),n.forEach((e=>o.delete(e))),o}}function Gb(e,n=new Map){if(Bb(e)||!e||"object"!=typeof e)return e;if(n.has(e))return n.get(e);let o;if(e instanceof Date)o=new Date(e.getTime()),n.set(e,o);else if(e instanceof RegExp)o=new RegExp(e),n.set(e,o);else if(Array.isArray(e)){o=new Array(e.length),n.set(e,o);for(let r=0;r<e.length;r++)o[r]=Gb(e[r],n)}else if(e instanceof Map){o=new Map,n.set(e,o);for(const[r,t]of e.entries())o.set(r,Gb(t,n))}else if(e instanceof Set){o=new Set,n.set(e,o);for(const r of e)o.add(Gb(r,n))}else{if(!(e instanceof Object))throw Error(`Unable to clone ${e}`);o={},n.set(e,o);for(const[r,t]of Object.entries(e))o[r]=Gb(t,n)}return o}class Yb{constructor(e){this.type=void 0,this.deps=[],this.tests=void 0,this.transforms=void 0,this.conditions=[],this._mutate=void 0,this.internalTests={},this._whitelist=new Zb,this._blacklist=new Zb,this.exclusiveTests=Object.create(null),this._typeCheck=void 0,this.spec=void 0,this.tests=[],this.transforms=[],this.withMutation((()=>{this.typeError(Ib.notType)})),this.type=e.type,this._typeCheck=e.check,this.spec=Object.assign({strip:!1,strict:!1,abortEarly:!0,recursive:!0,disableStackTrace:!1,nullable:!1,optional:!0,coerce:!0},null==e?void 0:e.spec),this.withMutation((e=>{e.nonNullable()}))}get _type(){return this.type}clone(e){if(this._mutate)return e&&Object.assign(this.spec,e),this;const n=Object.create(Object.getPrototypeOf(this));return n.type=this.type,n._typeCheck=this._typeCheck,n._whitelist=this._whitelist.clone(),n._blacklist=this._blacklist.clone(),n.internalTests=Object.assign({},this.internalTests),n.exclusiveTests=Object.assign({},this.exclusiveTests),n.deps=[...this.deps],n.conditions=[...this.conditions],n.tests=[...this.tests],n.transforms=[...this.transforms],n.spec=Gb(Object.assign({},this.spec,e)),n}label(e){let n=this.clone();return n.spec.label=e,n}meta(...e){if(0===e.length)return this.spec.meta;let n=this.clone();return n.spec.meta=Object.assign(n.spec.meta||{},e[0]),n}withMutation(e){let n=this._mutate;this._mutate=!0;let o=e(this);return this._mutate=n,o}concat(e){if(!e||e===this)return this;if(e.type!==this.type&&"mixed"!==this.type)throw new TypeError(`You cannot \`concat()\` schema's of different types: ${this.type} and ${e.type}`);let n=this,o=e.clone();const r=Object.assign({},n.spec,o.spec);return o.spec=r,o.internalTests=Object.assign({},n.internalTests,o.internalTests),o._whitelist=n._whitelist.merge(e._whitelist,e._blacklist),o._blacklist=n._blacklist.merge(e._blacklist,e._whitelist),o.tests=n.tests,o.exclusiveTests=n.exclusiveTests,o.withMutation((n=>{e.tests.forEach((e=>{n.test(e.OPTIONS)}))})),o.transforms=[...n.transforms,...o.transforms],o}isType(e){return null==e?!(!this.spec.nullable||null!==e)||!(!this.spec.optional||void 0!==e):this._typeCheck(e)}resolve(e){let n=this;if(n.conditions.length){let o=n.conditions;n=n.clone(),n.conditions=[],n=o.reduce(((n,o)=>o.resolve(n,e)),n),n=n.resolve(e)}return n}resolveOptions(e){var n,o,r,t;return Object.assign({},e,{from:e.from||[],strict:null!=(n=e.strict)?n:this.spec.strict,abortEarly:null!=(o=e.abortEarly)?o:this.spec.abortEarly,recursive:null!=(r=e.recursive)?r:this.spec.recursive,disableStackTrace:null!=(t=e.disableStackTrace)?t:this.spec.disableStackTrace})}cast(e,n={}){let o=this.resolve(Object.assign({value:e},n)),r="ignore-optionality"===n.assert,t=o._cast(e,n);if(!1!==n.assert&&!o.isType(t)){if(r&&Vb(t))return t;let a=Sb(e),l=Sb(t);throw new TypeError(`The value of ${n.path||"field"} could not be cast to a value that satisfies the schema type: "${o.type}". \n\nattempted value: ${a} \n`+(l!==a?`result of cast: ${l}`:""))}return t}_cast(e,n){let o=void 0===e?e:this.transforms.reduce(((n,o)=>o.call(this,n,e,this)),e);return void 0===o&&(o=this.getDefault(n)),o}_validate(e,n={},o,r){let{path:t,originalValue:a=e,strict:l=this.spec.strict}=n,i=e;l||(i=this._cast(i,Object.assign({assert:!1},n)));let c=[];for(let e of Object.values(this.internalTests))e&&c.push(e);this.runTests({path:t,value:i,originalValue:a,options:n,tests:c},o,(e=>{if(e.length)return r(e,i);this.runTests({path:t,value:i,originalValue:a,options:n,tests:this.tests},o,r)}))}runTests(e,n,o){let r=!1,{tests:t,value:a,originalValue:l,path:i,options:c}=e,s=e=>{r||(r=!0,n(e,a))},d=e=>{r||(r=!0,o(e,a))},u=t.length,h=[];if(!u)return d([]);let m={value:a,originalValue:l,path:i,options:c,schema:this};for(let e=0;e<t.length;e++)(0,t[e])(m,s,(function(e){e&&(Array.isArray(e)?h.push(...e):h.push(e)),--u<=0&&d(h)}))}asNestedTest({key:e,index:n,parent:o,parentPath:r,originalParent:t,options:a}){const l=null!=e?e:n;if(null==l)throw TypeError("Must include `key` or `index` for nested validations");const i="number"==typeof l;let c=o[l];const s=Object.assign({},a,{strict:!0,parent:o,value:c,originalValue:t[l],key:void 0,[i?"index":"key"]:l,path:i||l.includes(".")?`${r||""}[${i?l:`"${l}"`}]`:(r?`${r}.`:"")+e});return(e,n,o)=>this.resolve(s)._validate(c,s,n,o)}validate(e,n){var o;let r=this.resolve(Object.assign({},n,{value:e})),t=null!=(o=null==n?void 0:n.disableStackTrace)?o:r.spec.disableStackTrace;return new Promise(((o,a)=>r._validate(e,n,((e,n)=>{Ab.isError(e)&&(e.value=n),a(e)}),((e,n)=>{e.length?a(new Ab(e,n,void 0,void 0,t)):o(n)}))))}validateSync(e,n){var o;let r,t=this.resolve(Object.assign({},n,{value:e})),a=null!=(o=null==n?void 0:n.disableStackTrace)?o:t.spec.disableStackTrace;return t._validate(e,Object.assign({},n,{sync:!0}),((e,n)=>{throw Ab.isError(e)&&(e.value=n),e}),((n,o)=>{if(n.length)throw new Ab(n,e,void 0,void 0,a);r=o})),r}isValid(e,n){return this.validate(e,n).then((()=>!0),(e=>{if(Ab.isError(e))return!1;throw e}))}isValidSync(e,n){try{return this.validateSync(e,n),!0}catch(e){if(Ab.isError(e))return!1;throw e}}_getDefault(e){let n=this.spec.default;return null==n?n:"function"==typeof n?n.call(this,e):Gb(n)}getDefault(e){return this.resolve(e||{})._getDefault(e)}default(e){return 0===arguments.length?this._getDefault():this.clone({default:e})}strict(e=!0){return this.clone({strict:e})}nullability(e,n){const o=this.clone({nullable:e});return o.internalTests.nullable=qb({message:n,name:"nullable",test(e){return null!==e||this.schema.spec.nullable}}),o}optionality(e,n){const o=this.clone({optional:e});return o.internalTests.optionality=qb({message:n,name:"optionality",test(e){return void 0!==e||this.schema.spec.optional}}),o}optional(){return this.optionality(!0)}defined(e=Ib.defined){return this.optionality(!1,e)}nullable(){return this.nullability(!0)}nonNullable(e=Ib.notNull){return this.nullability(!1,e)}required(e=Ib.required){return this.clone().withMutation((n=>n.nonNullable(e).defined(e)))}notRequired(){return this.clone().withMutation((e=>e.nullable().optional()))}transform(e){let n=this.clone();return n.transforms.push(e),n}test(...e){let n;if(n=1===e.length?"function"==typeof e[0]?{test:e[0]}:e[0]:2===e.length?{name:e[0],test:e[1]}:{name:e[0],message:e[1],test:e[2]},void 0===n.message&&(n.message=Ib.default),"function"!=typeof n.test)throw new TypeError("`test` is a required parameters");let o=this.clone(),r=qb(n),t=n.exclusive||n.name&&!0===o.exclusiveTests[n.name];if(n.exclusive&&!n.name)throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");return n.name&&(o.exclusiveTests[n.name]=!!n.exclusive),o.tests=o.tests.filter((e=>{if(e.OPTIONS.name===n.name){if(t)return!1;if(e.OPTIONS.test===r.OPTIONS.test)return!1}return!0})),o.tests.push(r),o}when(e,n){Array.isArray(e)||"string"==typeof e||(n=e,e=".");let o=this.clone(),r=Tb(e).map((e=>new Hb(e)));return r.forEach((e=>{e.isSibling&&o.deps.push(e.key)})),o.conditions.push("function"==typeof n?new Ub(r,n):Ub.fromOptions(r,n)),o}typeError(e){let n=this.clone();return n.internalTests.typeError=qb({message:e,name:"typeError",skipAbsent:!0,test(e){return!!this.schema._typeCheck(e)||this.createError({params:{type:this.schema.type}})}}),n}oneOf(e,n=Ib.oneOf){let o=this.clone();return e.forEach((e=>{o._whitelist.add(e),o._blacklist.delete(e)})),o.internalTests.whiteList=qb({message:n,name:"oneOf",skipAbsent:!0,test(e){let n=this.schema._whitelist,o=n.resolveAll(this.resolve);return!!o.includes(e)||this.createError({params:{values:Array.from(n).join(", "),resolved:o}})}}),o}notOneOf(e,n=Ib.notOneOf){let o=this.clone();return e.forEach((e=>{o._blacklist.add(e),o._whitelist.delete(e)})),o.internalTests.blacklist=qb({message:n,name:"notOneOf",test(e){let n=this.schema._blacklist,o=n.resolveAll(this.resolve);return!o.includes(e)||this.createError({params:{values:Array.from(n).join(", "),resolved:o}})}}),o}strip(e=!0){let n=this.clone();return n.spec.strip=e,n}describe(e){const n=(e?this.resolve(e):this).clone(),{label:o,meta:r,optional:t,nullable:a}=n.spec;return{meta:r,label:o,optional:t,nullable:a,default:n.getDefault(e),type:n.type,oneOf:n._whitelist.describe(),notOneOf:n._blacklist.describe(),tests:n.tests.map((e=>({name:e.OPTIONS.name,params:e.OPTIONS.params}))).filter(((e,n,o)=>o.findIndex((n=>n.name===e.name))===n))}}}Yb.prototype.__isYupSchema__=!0;for(const e of["validate","validateSync"])Yb.prototype[`${e}At`]=function(n,o,r={}){const{parent:t,parentPath:a,schema:l}=Wb(this,n,o,r.context);return l[e](t&&t[a],Object.assign({},r,{parent:t,path:n}))};for(const e of["equals","is"])Yb.prototype[e]=Yb.prototype.oneOf;for(const e of["not","nope"])Yb.prototype[e]=Yb.prototype.notOneOf;const Qb=/^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;function Xb(e){var n,o;const r=Qb.exec(e);return r?{year:Jb(r[1]),month:Jb(r[2],1)-1,day:Jb(r[3],1),hour:Jb(r[4]),minute:Jb(r[5]),second:Jb(r[6]),millisecond:r[7]?Jb(r[7].substring(0,3)):0,precision:null!=(n=null==(o=r[7])?void 0:o.length)?n:void 0,z:r[8]||void 0,plusMinus:r[9]||void 0,hourOffset:Jb(r[10]),minuteOffset:Jb(r[11])}:null}function Jb(e,n=0){return Number(e)||n}let ep=/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,np=/^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,op=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,rp=new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$"),tp=e=>Vb(e)||e===e.trim(),ap={}.toString();function lp(){return new ip}class ip extends Yb{constructor(){super({type:"string",check:e=>(e instanceof String&&(e=e.valueOf()),"string"==typeof e)}),this.withMutation((()=>{this.transform(((e,n,o)=>{if(!o.spec.coerce||o.isType(e))return e;if(Array.isArray(e))return e;const r=null!=e&&e.toString?e.toString():e;return r===ap?e:r}))}))}required(e){return super.required(e).withMutation((n=>n.test({message:e||Ib.required,name:"required",skipAbsent:!0,test:e=>!!e.length})))}notRequired(){return super.notRequired().withMutation((e=>(e.tests=e.tests.filter((e=>"required"!==e.OPTIONS.name)),e)))}length(e,n=Pb.length){return this.test({message:n,name:"length",exclusive:!0,params:{length:e},skipAbsent:!0,test(n){return n.length===this.resolve(e)}})}min(e,n=Pb.min){return this.test({message:n,name:"min",exclusive:!0,params:{min:e},skipAbsent:!0,test(n){return n.length>=this.resolve(e)}})}max(e,n=Pb.max){return this.test({name:"max",exclusive:!0,message:n,params:{max:e},skipAbsent:!0,test(n){return n.length<=this.resolve(e)}})}matches(e,n){let o,r,t=!1;return n&&("object"==typeof n?({excludeEmptyString:t=!1,message:o,name:r}=n):o=n),this.test({name:r||"matches",message:o||Pb.matches,params:{regex:e},skipAbsent:!0,test:n=>""===n&&t||-1!==n.search(e)})}email(e=Pb.email){return this.matches(ep,{name:"email",message:e,excludeEmptyString:!0})}url(e=Pb.url){return this.matches(np,{name:"url",message:e,excludeEmptyString:!0})}uuid(e=Pb.uuid){return this.matches(op,{name:"uuid",message:e,excludeEmptyString:!1})}datetime(e){let n,o,r="";return e&&("object"==typeof e?({message:r="",allowOffset:n=!1,precision:o}=e):r=e),this.matches(rp,{name:"datetime",message:r||Pb.datetime,excludeEmptyString:!0}).test({name:"datetime_offset",message:r||Pb.datetime_offset,params:{allowOffset:n},skipAbsent:!0,test:e=>{if(!e||n)return!0;const o=Xb(e);return!!o&&!!o.z}}).test({name:"datetime_precision",message:r||Pb.datetime_precision,params:{precision:o},skipAbsent:!0,test:e=>{if(!e||null==o)return!0;const n=Xb(e);return!!n&&n.precision===o}})}ensure(){return this.default("").transform((e=>null===e?"":e))}trim(e=Pb.trim){return this.transform((e=>null!=e?e.trim():e)).test({message:e,name:"trim",test:tp})}lowercase(e=Pb.lowercase){return this.transform((e=>Vb(e)?e:e.toLowerCase())).test({message:e,name:"string_case",exclusive:!0,skipAbsent:!0,test:e=>Vb(e)||e===e.toLowerCase()})}uppercase(e=Pb.uppercase){return this.transform((e=>Vb(e)?e:e.toUpperCase())).test({message:e,name:"string_case",exclusive:!0,skipAbsent:!0,test:e=>Vb(e)||e===e.toUpperCase()})}}lp.prototype=ip.prototype;let cp=new Date("");function sp(){return new dp}class dp extends Yb{constructor(){super({type:"date",check(e){return n=e,"[object Date]"===Object.prototype.toString.call(n)&&!isNaN(e.getTime());var n}}),this.withMutation((()=>{this.transform(((e,n,o)=>!o.spec.coerce||o.isType(e)||null===e?e:(e=function(e){const n=Xb(e);if(!n)return Date.parse?Date.parse(e):Number.NaN;if(void 0===n.z&&void 0===n.plusMinus)return new Date(n.year,n.month,n.day,n.hour,n.minute,n.second,n.millisecond).valueOf();let o=0;return"Z"!==n.z&&void 0!==n.plusMinus&&(o=60*n.hourOffset+n.minuteOffset,"+"===n.plusMinus&&(o=0-o)),Date.UTC(n.year,n.month,n.day,n.hour,n.minute+o,n.second,n.millisecond)}(e),isNaN(e)?dp.INVALID_DATE:new Date(e))))}))}prepareParam(e,n){let o;if(Hb.isRef(e))o=e;else{let r=this.cast(e);if(!this._typeCheck(r))throw new TypeError(`\`${n}\` must be a Date or a value that can be \`cast()\` to a Date`);o=r}return o}min(e,n=Fb.min){let o=this.prepareParam(e,"min");return this.test({message:n,name:"min",exclusive:!0,params:{min:e},skipAbsent:!0,test(e){return e>=this.resolve(o)}})}max(e,n=Fb.max){let o=this.prepareParam(e,"max");return this.test({message:n,name:"max",exclusive:!0,params:{max:e},skipAbsent:!0,test(e){return e<=this.resolve(o)}})}}function up(e,n){let o=1/0;return e.some(((e,r)=>{var t;if(null!=(t=n.path)&&t.includes(e))return o=r,!0})),o}function hp(e){return(n,o)=>up(e,n)-up(e,o)}dp.INVALID_DATE=cp,sp.prototype=dp.prototype,sp.INVALID_DATE=cp;const mp=(e,n,o)=>{if("string"!=typeof e)return e;let r=e;try{r=JSON.parse(e)}catch(e){}return o.isType(r)?r:e};function bp(e){if("fields"in e){const n={};for(const[o,r]of Object.entries(e.fields))n[o]=bp(r);return e.setFields(n)}if("array"===e.type){const n=e.optional();return n.innerType&&(n.innerType=bp(n.innerType)),n}return"tuple"===e.type?e.optional().clone({types:e.spec.types.map(bp)}):"optional"in e?e.optional():e}let pp=e=>"[object Object]"===Object.prototype.toString.call(e);const fp=hp([]);function gp(e){return new vp(e)}class vp extends Yb{constructor(e){super({type:"object",check:e=>pp(e)||"function"==typeof e}),this.fields=Object.create(null),this._sortErrors=fp,this._nodes=[],this._excludedEdges=[],this.withMutation((()=>{e&&this.shape(e)}))}_cast(e,n={}){var o;let r=super._cast(e,n);if(void 0===r)return this.getDefault(n);if(!this._typeCheck(r))return r;let t=this.fields,a=null!=(o=n.stripUnknown)?o:this.spec.noUnknown,l=[].concat(this._nodes,Object.keys(r).filter((e=>!this._nodes.includes(e)))),i={},c=Object.assign({},n,{parent:i,__validating:n.__validating||!1}),s=!1;for(const e of l){let o=t[e],l=e in r;if(o){let t,a=r[e];c.path=(n.path?`${n.path}.`:"")+e,o=o.resolve({value:a,context:n.context,parent:i});let l=o instanceof Yb?o.spec:void 0,d=null==l?void 0:l.strict;if(null!=l&&l.strip){s=s||e in r;continue}t=n.__validating&&d?r[e]:o.cast(r[e],c),void 0!==t&&(i[e]=t)}else l&&!a&&(i[e]=r[e]);l===e in i&&i[e]===r[e]||(s=!0)}return s?i:r}_validate(e,n={},o,r){let{from:t=[],originalValue:a=e,recursive:l=this.spec.recursive}=n;n.from=[{schema:this,value:a},...t],n.__validating=!0,n.originalValue=a,super._validate(e,n,o,((e,t)=>{if(!l||!pp(t))return void r(e,t);a=a||t;let i=[];for(let e of this._nodes){let o=this.fields[e];o&&!Hb.isRef(o)&&i.push(o.asNestedTest({options:n,key:e,parent:t,parentPath:n.path,originalParent:a}))}this.runTests({tests:i,value:t,originalValue:a,options:n},o,(n=>{r(n.sort(this._sortErrors).concat(e),t)}))}))}clone(e){const n=super.clone(e);return n.fields=Object.assign({},this.fields),n._nodes=this._nodes,n._excludedEdges=this._excludedEdges,n._sortErrors=this._sortErrors,n}concat(e){let n=super.concat(e),o=n.fields;for(let[e,n]of Object.entries(this.fields)){const r=o[e];o[e]=void 0===r?n:r}return n.withMutation((n=>n.setFields(o,[...this._excludedEdges,...e._excludedEdges])))}_getDefault(e){if("default"in this.spec)return super._getDefault(e);if(!this._nodes.length)return;let n={};return this._nodes.forEach((o=>{var r;const t=this.fields[o];let a=e;null!=(r=a)&&r.value&&(a=Object.assign({},a,{parent:a.value,value:a.value[o]})),n[o]=t&&"getDefault"in t?t.getDefault(a):void 0})),n}setFields(e,n){let o=this.clone();return o.fields=e,o._nodes=function(e,n=[]){let o=[],r=new Set,t=new Set(n.map((([e,n])=>`${e}-${n}`)));function a(e,n){let a=(0,fb.split)(e)[0];r.add(a),t.has(`${n}-${a}`)||o.push([n,a])}for(const n of Object.keys(e)){let o=e[n];r.add(n),Hb.isRef(o)&&o.isSibling?a(o.path,n):Bb(o)&&"deps"in o&&o.deps.forEach((e=>a(e,n)))}return kb().array(Array.from(r),o).reverse()}(e,n),o._sortErrors=hp(Object.keys(e)),n&&(o._excludedEdges=n),o}shape(e,n=[]){return this.clone().withMutation((o=>{let r=o._excludedEdges;return n.length&&(Array.isArray(n[0])||(n=[n]),r=[...o._excludedEdges,...n]),o.setFields(Object.assign(o.fields,e),r)}))}partial(){const e={};for(const[n,o]of Object.entries(this.fields))e[n]="optional"in o&&o.optional instanceof Function?o.optional():o;return this.setFields(e)}deepPartial(){return bp(this)}pick(e){const n={};for(const o of e)this.fields[o]&&(n[o]=this.fields[o]);return this.setFields(n,this._excludedEdges.filter((([n,o])=>e.includes(n)&&e.includes(o))))}omit(e){const n=[];for(const o of Object.keys(this.fields))e.includes(o)||n.push(o);return this.pick(n)}from(e,n,o){let r=(0,fb.getter)(e,!0);return this.transform((t=>{if(!t)return t;let a=t;return((e,n)=>{const o=[...(0,fb.normalizePath)(n)];if(1===o.length)return o[0]in e;let r=o.pop(),t=(0,fb.getter)((0,fb.join)(o),!0)(e);return!(!t||!(r in t))})(t,e)&&(a=Object.assign({},t),o||delete a[e],a[n]=r(t)),a}))}json(){return this.transform(mp)}noUnknown(e=!0,n=Db.noUnknown){"boolean"!=typeof e&&(n=e,e=!0);let o=this.test({name:"noUnknown",exclusive:!0,message:n,test(n){if(null==n)return!0;const o=function(e,n){let o=Object.keys(e.fields);return Object.keys(n).filter((e=>-1===o.indexOf(e)))}(this.schema,n);return!e||0===o.length||this.createError({params:{unknown:o.join(", ")}})}});return o.spec.noUnknown=e,o}unknown(e=!0,n=Db.noUnknown){return this.noUnknown(!e,n)}transformKeys(e){return this.transform((n=>{if(!n)return n;const o={};for(const r of Object.keys(n))o[e(r)]=n[r];return o}))}camelCase(){return this.transformKeys(gb.camelCase)}snakeCase(){return this.transformKeys(gb.snakeCase)}constantCase(){return this.transformKeys((e=>(0,gb.snakeCase)(e).toUpperCase()))}describe(e){const n=(e?this.resolve(e):this).clone(),o=super.describe(e);o.fields={};for(const[t,a]of Object.entries(n.fields)){var r;let n=e;null!=(r=n)&&r.value&&(n=Object.assign({},n,{parent:n.value,value:n.value[t]})),o.fields[t]=a.describe(n)}return o}}gp.prototype=vp.prototype;var kp=(e,n,o)=>new Promise(((r,t)=>{var a=e=>{try{i(o.next(e))}catch(e){t(e)}},l=e=>{try{i(o.throw(e))}catch(e){t(e)}},i=e=>e.done?r(e.value):Promise.resolve(e.value).then(a,l);i((o=o.apply(e,n)).next())}));const yp=(e,n)=>(e=Math.ceil(e),n=Math.floor(n),Math.floor(Math.random()*(n-e+1)+e)),wp=e=>`${e<10?"0":""}${e}`,_p=e=>new Promise((n=>setTimeout(n,e))),Ep=e=>kp(void 0,null,(function*(){var n;return yield _p(500),null!=(n=null==e?void 0:e.endsWith(":30"))&&n}));function xp(e){return Object.keys(e).map((n=>({message:e[n],selector:`#field-${n}`})))}function zp(e){var n;null==(n=e.current)||n.focusErrorList().catch(console.warn)}function Sp(){const e=Gd(),[n,r]=(0,o.useState)(!1),[t,a]=(0,o.useState)(null),[l,i]=(0,o.useState)(!0),c=xp(e.errors),s=(0,o.useRef)(null);(0,o.useEffect)((()=>{let o=!1;return a(null),l&&n&&(zp(s),i(!1)),e.values.date&&kp(void 0,null,(function*(){return yield _p(1e3),(()=>{const e=yp(2,9),n=new Set;for(;n.size!==e;)n.add(yp(8,17));return[...n].sort(((e,n)=>e-n)).flatMap((e=>[`${wp(e)}:00`,`${wp(e)}:30`]))})().map((e=>({label:e,value:e})))})).then((n=>{o||(a(n),e.setFieldValue("time",n[0].value),e.setFieldTouched("time"))}),(()=>{})),()=>{o=!0}}),[e.values.date,n]);const d=(0,o.useCallback)(((e,n)=>o.createElement(bu,{name:e},(({field:e})=>n(e)))),[]),u=(0,o.useCallback)((n=>({onChange:(o,r)=>{o.target&&e.setFieldValue(n,r,!0)},onBlur:()=>{e.setFieldTouched(n,!0)}})),[e.setFieldValue,e.setFieldTouched]);return o.createElement("div",{className:"p-2"},o.createElement(qe,{_level:2,_label:"Select an appointment"}),o.createElement(Ve,{ref:s,_errorList:n?c:[],_on:{onSubmit:()=>{r(!0),e.submitForm(),zp(s)}}},d("date",(n=>o.createElement(Xe,{id:"field-date",_label:"Date",_value:n.value,_msg:{_type:"error",_description:e.errors.date||""},_touched:e.touched.date,_required:!0,_on:u("date")}))),e.values.date&&o.createElement("div",{className:"grid gap-4 mt-4"},t?o.createElement(o.Fragment,null,d("time",(n=>o.createElement(rn,{id:"field-time",_label:"Time",_orientation:"horizontal",_options:t,_value:n.value,_msg:{_type:"error",_description:e.errors.time||""},_touched:e.touched.time,_required:!0,_on:u("time")}))),o.createElement("p",null,o.createElement("em",null,"For test purposes, only the dates for every half hour are available."))):o.createElement(kn,{_show:!0,className:"block","aria-label":"Dates are loaded.",_variant:"cycle"})),o.createElement(Re,{_label:"Weiter",_type:"submit",className:"mt-2"}),e.values.date&&e.isValidating?o.createElement(kn,{_show:!0,"aria-label":"Date being checked."}):""))}const Tp=[{value:"Aplerbeck",label:"Aplerbeck"},{value:"Brackel",label:"Brackel"},{value:"Dorstfeld",label:"Dorstfeld"},{value:"Downtown East",label:"downtown East"},{value:"Downtown West",label:"downtown West"}];function Op(){const e=Gd(),n=xp(e.errors),[r,t]=(0,o.useState)(!1),a=(0,o.useRef)(null);return o.createElement("div",{className:"p-2"},o.createElement(qe,{_level:2,_label:"Select a district"}),o.createElement(Ve,{ref:a,_errorList:r?n:[],_on:{onSubmit:()=>{t(!0),e.validateForm().then((n=>{if(n&&Object.keys(n).length>0)throw Error();e.submitForm()})).catch((()=>{zp(a)}))}}},o.createElement(bu,{name:"district"},(({field:n})=>o.createElement(fn,{id:"field-district",_label:"District",_options:[{label:"Please select…",value:""},...Tp],_value:[n.value],_msg:{_type:"error",_description:e.errors.district||""},_touched:e.touched.district,_required:!0,onBlur:()=>{e.setFieldTouched("district",!0)},_on:{onChange:(n,o)=>{if(t(!1),n.target){const[n]=o;e.setFieldValue("district",n,!0)}}}}))),o.createElement(Re,{_label:"Next",_type:"submit",className:"mt-2"})))}const Cp=[{value:"Company",label:"Company"},{value:"Mrs.",label:"Mrs."},{value:"Mr.",label:"Mr."},{value:"Hello",label:"Hello"}];function Lp(){const e=Gd(),[n,r]=(0,o.useState)(!1),t=xp(e.errors),a=(0,o.useRef)(null);return(0,o.useEffect)((()=>{zp(a)}),[n]),o.createElement("div",{className:"p-2"},o.createElement(qe,{_level:2,_label:"Enter your contact details"}),o.createElement(Ve,{ref:a,_errorList:n?t:[],_on:{onSubmit:()=>{e.submitForm(),r(!0),zp(a)}}},o.createElement(bu,{name:"salutation"},(({field:n})=>o.createElement(fn,{onBlur:()=>{e.setFieldTouched("salutation",!0)},id:"field-salutation",_label:"Salutation",_value:[n.value],_msg:{_type:"error",_description:e.errors.salutation||""},_touched:e.touched.salutation,_options:[{label:"Please select…",value:""},...Cp],_required:!0,_on:{onChange:(n,o)=>{if(n.target){const[n]=o;e.setFieldValue("salutation",n,!0)}}}}))),"Company"===e.values.salutation&&o.createElement(bu,{name:"company"},(({field:n})=>o.createElement("div",{className:"block mt-2"},o.createElement(an,{onBlur:()=>{e.setFieldTouched("company",!0)},id:"field-company",_label:"Company",_value:n.value,_msg:{_type:"error",_description:e.errors.company||""},_touched:e.touched.company,_required:!0,_on:{onChange:(n,o)=>{n.target&&e.setFieldValue("company",o,!0)}}})))),o.createElement(bu,{name:"name"},(({field:n})=>o.createElement("div",{className:"block mt-2"},o.createElement(an,{onBlur:()=>{e.setFieldTouched("name",!0)},id:"field-name",_label:"First name and surname",_value:n.value,_msg:{_type:"error",_description:e.errors.name||""},_touched:e.touched.name,_required:!0,_on:{onChange:(n,o)=>{n.target&&e.setFieldValue("name",o,!0)}}})))),o.createElement(bu,{name:"email"},(({field:n})=>o.createElement("div",{className:"block mt-2"},o.createElement(Je,{onBlur:()=>{e.setFieldTouched("email",!0)},id:"field-email",_label:"E-Mail",_value:n.value,_error:e.errors.email||"",_touched:e.touched.email,_required:!0,_on:{onChange:(n,o)=>{n.target&&e.setFieldValue("email",o,!0)}}})))),o.createElement(bu,{name:"phone"},(({field:n})=>o.createElement("div",{className:"block mt-2"},o.createElement(an,{id:"field-phone",_type:"tel",_label:"Telephone number",_value:n.value,_msg:{_type:"error",_description:e.errors.phone||""},_touched:e.touched.phone,_on:{onChange:(n,o)=>{n.target&&(e.setFieldTouched("phone",!0),e.setFieldValue("phone",o,!0))}}})))),o.createElement(Re,{_label:"Next",_type:"submit",className:"mt-2"})))}const Np=()=>o.createElement("i",null,"Nicht angegeben"),$p=({value:e})=>e||o.createElement(Np,null);function Ap(){const{values:e}=Gd();return o.createElement(o.Fragment,null,o.createElement(qe,{_level:2,_label:"Zusammenfassung"}),o.createElement("dl",null,o.createElement("dt",null,"District"),o.createElement("dd",null,o.createElement($p,{value:e.district})),o.createElement("dt",null,"Appointment"),o.createElement("dd",null,e.date&&e.time?`${e.date} ${e.time} Uhr`:o.createElement(Np,null)),"Company"===e.salutation?o.createElement(o.Fragment,null,o.createElement("dt",null,"Company"),o.createElement("dd",null,o.createElement($p,{value:e.company}))):o.createElement(o.Fragment,null,o.createElement("dt",null,"Salutation"),o.createElement("dd",null,o.createElement($p,{value:e.salutation}))),o.createElement("dt",null,"Name"),o.createElement("dd",null,o.createElement($p,{value:e.name})),o.createElement("dt",null,"E-Mail"),o.createElement("dd",null,o.createElement($p,{value:e.email})),o.createElement("dt",null,"Phone number"),o.createElement("dd",null,o.createElement($p,{value:e.phone}))))}var Ip=Object.defineProperty,Pp=Object.getOwnPropertySymbols,jp=Object.prototype.hasOwnProperty,Fp=Object.prototype.propertyIsEnumerable,Rp=(e,n,o)=>n in e?Ip(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Dp=(e,n)=>{for(var o in n||(n={}))jp.call(n,o)&&Rp(e,o,n[o]);if(Pp)for(var o of Pp(n))Fp.call(n,o)&&Rp(e,o,n[o]);return e};const Kp=[0,1,2,3],Mp={district:"",date:"",time:"",salutation:"",name:"",company:"",email:"",phone:""},Bp={district:lp().required("Please select district.")},Up={salutation:lp().required("Please select salutation."),name:lp().required("Please enter your first and last name."),company:lp().when("salutation",{is:e=>"Company"===e,then:e=>e.required("Please specify company.")}),email:lp().required("Please enter your e-mail address.")},Hp={date:lp().required("Please enter date."),time:lp().when("date",{is:e=>Boolean(e),then:e=>e.test("checkTimeAvailability","Date unfortunately no longer available.",Ep)})},Vp=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}];var qp=Object.defineProperty,Wp=Object.getOwnPropertySymbols,Zp=Object.prototype.hasOwnProperty,Gp=Object.prototype.propertyIsEnumerable,Yp=(e,n,o)=>n in e?qp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;const Qp=(0,o.createContext)(void 0),Xp=(0,o.createContext)(!1),Jp=e=>{const n=(0,o.useRef)(),[r,t]=(0,o.useState)(void 0),a=e.formatter||JSON.stringify,l=(0,o.useContext)(Qp),i=(0,o.useContext)(Xp),c=()=>{return e=function*(){var e;t(yield null==(e=n.current)?void 0:e.getValue())},new Promise(((n,o)=>{var r=n=>{try{a(e.next(n))}catch(e){o(e)}},t=n=>{try{a(e.throw(n))}catch(e){o(e)}},a=e=>e.done?n(e.value):Promise.resolve(e.value).then(r,t);a((e=e.apply(undefined,null)).next())}));var e};(0,o.useEffect)((()=>{const e=()=>{c()};return null==l||l.addEventListener("runAll",e),()=>{null==l||l.removeEventListener("runAll",e)}}),[l]);const s=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map((n=>[n,(o,r)=>{i&&console.log(e.inputProps._label,n,r,o)}])));return o.createElement(o.Fragment,null,o.createElement("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":e.testId},o.createElement(e.InputComponent,((e,n)=>{for(var o in n||(n={}))Zp.call(n,o)&&Yp(e,o,n[o]);if(Wp)for(var o of Wp(n))Gp.call(n,o)&&Yp(e,o,n[o]);return e})({ref:n,_on:s},e.inputProps)),o.createElement(Re,{_label:"getValue()",_on:{onClick:()=>{c()}}}),o.createElement("pre",{className:"text-base"},a(r))))},ef=()=>{const e=new Map;return e.set("inputCheckbox",((e,n)=>o.createElement(Ye,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:n}))),e.set("inputColor",((e,n)=>o.createElement(Qe,{className:"w-full",_name:"color",_label:"Color",ref:n}))),e.set("inputDate",((e,n)=>o.createElement(Xe,{className:"w-full",_name:"date",_label:"Date",ref:n}))),e.set("inputEmail",((e,n)=>o.createElement(Je,{className:"w-full",_name:"email",_label:"Email",ref:n}))),e.set("inputFile",((e,n)=>o.createElement(en,{className:"w-full",_name:"file",_label:"File",ref:n}))),e.set("inputFileMultiple",((e,n)=>o.createElement(en,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:n}))),e.set("inputNumber",((e,n)=>o.createElement(nn,{className:"w-full",_name:"number",_label:"Number",ref:n}))),e.set("inputPassword",((e,n)=>o.createElement(on,{className:"w-full",_name:"password",_label:"Password",ref:n}))),e.set("inputRadio",((e,n)=>o.createElement(rn,{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)=>o.createElement(tn,{className:"w-full",_name:"range",_label:"Range",ref:n}))),e.set("inputText",((e,n)=>o.createElement(an,{className:"w-full",_name:"text",_label:"Text",ref:n}))),e.set("select",((e,n)=>o.createElement(fn,{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)=>o.createElement(fn,{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)=>o.createElement(gn,{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)=>o.createElement(zn,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:n}))),e.set("accordion",((e,n)=>o.createElement(Ae,{className:"w-full",_label:"Accordion here",ref:n}))),e.set("button",((e,n)=>o.createElement("div",null,o.createElement(Re,{_label:"Button here",ref:n})))),e.set("buttonLink",((e,n)=>o.createElement(Ke,{_label:"ButtonLink here",ref:n}))),e.set("combobox",((e,n)=>o.createElement(Be,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:n}))),e.set("details",((e,n)=>o.createElement(Ue,{className:"w-full",_label:"Details here",ref:n},"detailed details"))),e.set("link",((e,n)=>o.createElement(cn,{className:"w-full",_label:"Link here",_href:"#",ref:n}))),e.set("linkButton",((e,n)=>o.createElement("div",null,o.createElement(sn,{_label:"LinkButton here",_href:"#",ref:n})))),e},nf=e=>{const n=[...(0,o.useMemo)((()=>ef()),[]).keys()].map((e=>e));return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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&&o.createElement(Ie,{_type:"error",_variant:"card"},"Component not found."),o.createElement(qe,{_level:2,_label:"Focus Test Cases"}),o.createElement("ul",null,n.map((e=>o.createElement("li",{key:e},o.createElement(cn,{_label:e,_href:`#/scenarios/focus-elements?component=${e}`}))))))},of=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}]'),rf=[{_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}],tf={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"}]]},af={scenarios:{"appointment-form":function(){const[e,n]=(0,o.useState)(0),[r,t]=(0,o.useState)(e),a=(0,o.useRef)(null),l=gp().shape(Dp(Dp(Dp({},0===e?Bp:{}),1===e?Hp:{}),2===e?Up:{}));return(0,o.useEffect)((()=>{t(e)}),[e]),o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"The Appointment Form is a full form example featuring a large variety of KoliBri form components,"," ",o.createElement(cn,{_label:"Formik",_href:"https://formik.org/",_target:"blank"})," and"," ",o.createElement(cn,{_label:"Yup",_href:"https://github.com/jquense/yup",_target:"blank"}),".")),o.createElement(su,{innerRef:a,initialValues:Mp,validationSchema:l,onSubmit:(o,r)=>{return t=this,a=function*(){const o=Kp.indexOf(e),t=Kp[o+1];void 0!==t&&(yield r.setTouched({}),n(t))},new Promise(((e,n)=>{var o=e=>{try{l(a.next(e))}catch(e){n(e)}},r=e=>{try{l(a.throw(e))}catch(e){n(e)}},l=n=>n.done?e(n.value):Promise.resolve(n.value).then(o,r);l((a=a.apply(t,null)).next())}));var t,a}},o.createElement(xn,{className:"w-full",_tabs:[{_label:"1. Choose registration office"},{_label:"2. Available dates",_disabled:e<1},{_label:"3. Personal data",_disabled:e<2},{_label:"Summary",_disabled:e<3}],_label:"Form navigation",_selected:r,_on:{onSelect:(e,o)=>{var r;n(o),null==(r=a.current)||r.setErrors({})}}},o.createElement("div",null,o.createElement(Op,null)),o.createElement("div",null,o.createElement(Sp,null)),o.createElement("div",null,o.createElement(Lp,null)),o.createElement("div",null,o.createElement(Ap,null)))))},"custom-tooltip-width":()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",o.createElement("code",null,"--kol-tooltip-width")," on one of the parent elements.")),o.createElement(Re,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:n}))},"disabled-interactive-scenario":()=>{const{dummyClickEventHandler:e}=Do(),n={onClick:e};return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This example shows how deactivated interactive elements are displayed."),o.createElement("ul",null,o.createElement("li",null,"Deactivated interactive elements pose a particular challenge for accessibility."),o.createElement("li",null,"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."),o.createElement("li",null,"Deactivated interactive elements should be labelled clearly and legibly."),o.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.")),o.createElement("p",null,"This implementation ensures standardized use for all users.")),o.createElement("div",{className:"w-full grid gap-4"},o.createElement(Me,{_label:"Button",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,{_label:"Label",_on:n}),o.createElement(Re,{_disabled:!0,_label:"Label",_on:n}),o.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:n}),o.createElement(Re,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:n}))),o.createElement(Me,{_label:"ButtonLink",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Ke,{_label:"Label"}),o.createElement(Ke,{_disabled:!0,_label:"Label"}),o.createElement(Ke,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),o.createElement(Ke,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"}))),o.createElement(Me,{_label:"Link",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(cn,{_href:"#",_label:"Label"}),o.createElement(cn,{_disabled:!0,_href:"#",_label:"Label"}),o.createElement(cn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),o.createElement(cn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),o.createElement(Me,{_label:"LinkButton",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(sn,{_href:"#",_label:"Label"}),o.createElement(sn,{_disabled:!0,_href:"#",_label:"Label"}),o.createElement(sn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),o.createElement(sn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),o.createElement(Me,{_label:"Accordion",_level:0},o.createElement("div",{className:"grid gap-4"},o.createElement(Ae,{_label:"Label"},"Content"),o.createElement(Ae,{_disabled:!0,_label:"Label"},"Content"),o.createElement(Ae,{_label:"Label (open)",_open:!0},"Content"),o.createElement(Ae,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),o.createElement(Me,{_label:"Details",_level:0},o.createElement("div",{className:"grid gap-4"},o.createElement(Ue,{_label:"Label"},"Content"),o.createElement(Ue,{_disabled:!0,_label:"Label"},"Content"),o.createElement(Ue,{_label:"Label (open)",_open:!0},"Content"),o.createElement(Ue,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),[Ye,Qe,Xe,Je,en,nn,on,tn,an].map((e=>{const n=e.render.displayName;return o.createElement(Me,{key:n,_label:n,_level:0},o.createElement("div",{className:"grid gap-4"},o.createElement(e,{_label:"Label"}),o.createElement(e,{_disabled:!0,_label:"Label"}),o.createElement(e,{_hideLabel:!0,_label:"Label"}),o.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label"})))})),[rn,fn].map((e=>{const n=e.render.displayName;return o.createElement(Me,{key:n,_label:n,_level:0},o.createElement("div",{className:"grid gap-4"},o.createElement(e,{_label:"Label",_options:Vp}),o.createElement(e,{_disabled:!0,_label:"Label",_options:Vp}),o.createElement(e,{_hideLabel:!0,_label:"Label",_options:Vp}),o.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:Vp})))})),o.createElement(Me,{_label:"KolTextarea",_level:0},o.createElement("div",{className:"grid gap-4"},o.createElement(zn,{_label:"Label",_rows:3}),o.createElement(zn,{_disabled:!0,_label:"Label",_rows:3}),o.createElement(zn,{_hideLabel:!0,_label:"Label",_rows:3}),o.createElement(zn,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})))))},"focus-elements":()=>{const e=(0,o.useRef)(null),n=(0,o.useMemo)((()=>ef()),[]),[r]=Ee(),t=r.get("component");if((0,o.useLayoutEffect)((()=>{setTimeout((()=>{var n;null==(n=e.current)||n.kolFocus()}),500)}),[e]),t){const r=n.get(t);if(!r)return o.createElement(nf,{invalidComponent:!0});const a=(0,o.forwardRef)(r);return o.createElement(a,{ref:e})}return o.createElement(nf,null)},"input-group-with-error":()=>{const e="Unrecognized phone number.";return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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."),o.createElement("p",null,"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example.")),o.createElement("fieldset",null,o.createElement("legend",null,"Phone number"),o.createElement(Ie,{_alert:!0,_type:"error",_label:e}),o.createElement("div",{className:"grid grid-cols-3 gap-4 max-w-2xl"},o.createElement(fn,{_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,_hideError:!0}),o.createElement(an,{_label:"Area code",_msg:{_description:e,_type:"error"},_touched:!0,_hideError:!0}),o.createElement(an,{_label:"Local number",_msg:{_description:e,_type:"error"},_touched:!0,_hideError:!0}))),o.createElement("fieldset",{className:"mt"},o.createElement("legend",null,"Pizza toppings"),o.createElement(Ie,{_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=>o.createElement(Ye,{key:n,_label:n,_msg:{_description:e,_type:"error"},_touched:!0,_hideError:!0})))))},"inputs-get-value":()=>{const e=(0,o.useMemo)((()=>new EventTarget),[]),[n,r]=(0,o.useState)(!0);return o.createElement(o.Fragment,null,o.createElement(Qp.Provider,{value:e},o.createElement(Xp.Provider,{value:n},o.createElement(Eo,null,o.createElement("p",null,"This sample shows how the input components ",o.createElement("code",null,"getValue()"),' method works. It\'s called when clicking the "getValue()" button and prints the current value right next to itself.')),o.createElement("section",{className:"w-full flex flex-col"},o.createElement(Me,{_label:"Sample options",className:"block ha mb-8"},o.createElement(Ye,{_label:"Log events to console",_value:!0,_checked:n,_on:{onChange:(e,n)=>r(n)}})),o.createElement("div",{className:"grid gap-4"},o.createElement(Jp,{testId:"scenario-inputText",InputComponent:an,inputProps:{_label:"InputText"}}),o.createElement(Jp,{testId:"scenario-inputCheckboxString",InputComponent:Ye,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),o.createElement(Jp,{testId:"scenario-inputCheckboxBoolean",InputComponent:Ye,inputProps:{_label:"KolInputCheckbox (boolean)"}}),o.createElement(Jp,{testId:"scenario-inputColor",InputComponent:Qe,inputProps:{_label:"KolInputColor"}}),o.createElement(Jp,{testId:"scenario-inputDate",InputComponent:Xe,inputProps:{_label:"KolInputDate"}}),o.createElement(Jp,{testId:"scenario-inputEmail",InputComponent:Je,inputProps:{_label:"KolInputEmail"}}),o.createElement(Jp,{testId:"scenario-inputFile",InputComponent:en,inputProps:{_label:"KolInputFile"},formatter:e=>e instanceof FileList?`FileList{${Array.from(e).map((e=>e.name)).join(", ")}}`:JSON.stringify(e)}),o.createElement(Jp,{testId:"scenario-inputNumber",InputComponent:nn,inputProps:{_label:"KolInputNumber"}}),o.createElement(Jp,{testId:"scenario-inputPassword",InputComponent:on,inputProps:{_label:"KolInputPassword"}}),o.createElement(Jp,{testId:"scenario-inputRange",InputComponent:tn,inputProps:{_label:"KolInputRange"}}),o.createElement(Jp,{testId:"scenario-inputRadio",InputComponent:rn,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"}}),o.createElement(Jp,{testId:"scenario-select",InputComponent:fn,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),o.createElement(Jp,{testId:"scenario-singleSelect",InputComponent:gn,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),o.createElement(Jp,{testId:"scenario-combobox",InputComponent:Be,inputProps:{_label:"KolCombobox",_suggestions:xh,_value:"Deutschland"}}),o.createElement(Jp,{testId:"scenario-textarea",InputComponent:zn,inputProps:{_label:"KolTextarea"}}),o.createElement(Jp,{testId:"scenario-button",InputComponent:Re,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),o.createElement(Jp,{testId:"scenario-buttonLink",InputComponent:Ke,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),o.createElement("div",{className:"grid grid-cols-3 gap-4"},o.createElement("div",null),o.createElement(Re,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{e.dispatchEvent(new Event("runAll"))}}})))))))},"static-form":()=>{const{searchParams:e}=new URL(location.href);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This sample shows how KoliBri can be used in a static form context."),o.createElement("ol",null,o.createElement("li",null,"First you have to enable the ",o.createElement("code",null,"experimental mode"),":"," ",o.createElement("code",{className:"bg-gray-200"},'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />')),o.createElement("li",null,"Currently you have to use a native ",o.createElement("code",null,"form")," element:"," ",o.createElement("code",{className:"bg-gray-200"},'<form method="GET">...</form>')),o.createElement("li",null,"It is important in static usage to give every input a ",o.createElement("code",null,"name")," attribute:"," ",o.createElement("code",{className:"bg-gray-200"},'<KolInputColor _name="color" _label="Color" />')),o.createElement("li",null,"Last of all one button should have the type ",o.createElement("code",null,"submit"),":"," ",o.createElement("code",{className:"bg-gray-200"},'<KolButton _label="Submit" _type="submit" _variant="primary" />')))),o.createElement("section",{className:"w-full flex flex-col"},e.size>0&&o.createElement("div",{className:"grid gap-4"},o.createElement(qe,{_level:2,_label:"Submitted data"}),o.createElement("pre",{className:"text-base"},o.createElement("code",null,JSON.stringify(Object.fromEntries(e.entries()),null,2)))),o.createElement("form",{className:"grid gap-4",method:"get",noValidate:!0},o.createElement(Ye,{_name:"checkbox",_label:"Checkbox"}),o.createElement(Qe,{_name:"color",_label:"Color"}),o.createElement(Xe,{_name:"date",_label:"Date"}),o.createElement(Je,{_name:"email",_label:"Email"}),o.createElement(en,{_name:"file",_label:"File"}),o.createElement(en,{_name:"file",_label:"Files (multiple)",_multiple:!0}),o.createElement(nn,{_name:"number",_label:"Number"}),o.createElement(on,{_name:"password",_label:"Password"}),o.createElement(rn,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),o.createElement(tn,{_name:"range",_label:"Range"}),o.createElement(an,{_name:"text",_label:"Text"}),o.createElement(fn,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),o.createElement(fn,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),o.createElement(gn,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),o.createElement(Be,{_name:"combobox",_label:"Combobox",_suggestions:xh}),o.createElement(zn,{_name:"textarea",_label:"Textarea",_rows:5}),o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,{_label:"Submit",_type:"submit",_variant:"primary"}),o.createElement(Re,{_label:"Reset",_type:"reset"})),o.createElement("input",{type:"hidden",value:crypto.randomUUID(),name:"random"}))))},"table-horizontal-scrollbar-advanced":function(){const[e]=o.useState((()=>{var e;const n=tf.horizontal[0];let o=0;for(const r of n)o+=Number((null==(e=r.width)?void 0:e.replace("px",""))||0);return`${o}px`}));return o.createElement(o.Fragment,null,o.createElement(Eo,null),o.createElement("div",{className:"mainlayout"},o.createElement("aside",{className:"nav-area"},o.createElement(hn,{_label:"Main navigation",_links:fh,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})),o.createElement("div",{className:"content"},o.createElement(xn,{_tabs:rf,_align:"top",_label:"Demo Tabs"},o.createElement("div",{style:{overflow:"hidden"}},o.createElement(wn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:tf,_data:of,_pagination:{_page:1},className:"block"})),o.createElement("div",null),o.createElement("div",null),o.createElement("div",null)))))},"change-tabindex":()=>o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"This example show how different components works with tabIndex.")),o.createElement("div",{className:"w-full grid gap-4"},o.createElement(Me,{_label:"Button",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Re,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),o.createElement(Re,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),o.createElement(Re,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),o.createElement(Re,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1}))),o.createElement(Me,{_label:"ButtonLink",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Ke,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),o.createElement(Ke,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),o.createElement(Ke,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),o.createElement(Ke,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"Combobox",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Be,{_hint:wo,_label:"Combobox 1, Tabindex 4",_suggestions:xh,_value:"Deutschland",tabIndex:4}),o.createElement(Be,{_disabled:!0,_hint:wo,_label:"Combobox 2, Tabindex 3",_suggestions:xh,_value:"Deutschland",tabIndex:3}),o.createElement(Be,{_touched:!0,_hint:wo,_msg:{_type:"error",_description:yo},_label:"Combobox 3, Tabindex 2",_suggestions:xh,_value:"Deutschland",tabIndex:2}),o.createElement(Be,{_hint:wo,_label:"Combobox 4, Tabindex 1",_suggestions:xh,_value:"Deutschland",tabIndex:1}))),o.createElement(Me,{_label:"InputCheckbox",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Ye,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),o.createElement(Ye,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),o.createElement(Ye,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:yo},_value:!1,tabIndex:2}),o.createElement(Ye,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1}))),o.createElement(Me,{_label:"InputColor",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Qe,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),o.createElement(Qe,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),o.createElement(Qe,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(Qe,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputDate",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Xe,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),o.createElement(Xe,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),o.createElement(Xe,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(Xe,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputEmail",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(Je,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),o.createElement(Je,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),o.createElement(Je,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(Je,{_label:"InputEmail 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputFile",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(en,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),o.createElement(en,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),o.createElement(en,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(en,{_label:"InputFile 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputNumber",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(nn,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),o.createElement(nn,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),o.createElement(nn,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(nn,{_label:"InputNumber 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputPassword",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(on,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),o.createElement(on,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),o.createElement(on,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(on,{_label:"InputPassword 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputRadio",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(rn,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),o.createElement(rn,{_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}),o.createElement(rn,{_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:yo},tabIndex:2})," ",o.createElement(rn,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"InputRange",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(tn,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),o.createElement(tn,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),o.createElement(tn,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(tn,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1}))),o.createElement(Me,{_label:"InputText",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(an,{_label:"InputText 1, Tabindex 4",tabIndex:4}),o.createElement(an,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),o.createElement(an,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(an,{_label:"InputText 4, Tabindex 1",tabIndex:1}))),o.createElement(Me,{_label:"LinkButton",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(sn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),o.createElement(sn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),o.createElement(sn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),o.createElement(sn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1}))),o.createElement(Me,{_label:"Link",_level:0},o.createElement(cn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),o.createElement(cn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),o.createElement(cn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),o.createElement(cn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})),o.createElement(Me,{_label:"SingleSelect",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(gn,{_label:"InputText 1, Tabindex 4",_options:Eh,_value:"de",tabIndex:4}),o.createElement(gn,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Eh,_value:"de",tabIndex:3}),o.createElement(gn,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Eh,_msg:{_type:"error",_description:yo},_value:"de",tabIndex:2}),o.createElement(gn,{_label:"InputText 4, Tabindex 1",_options:Eh,_value:"de",tabIndex:1}))),o.createElement(Me,{_label:"SplitButton",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(yn,{_label:"InputText 1, Tabindex 4",tabIndex:4},"Dropdown-Inhalt"),o.createElement(yn,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0},"Dropdown-Inhalt"),o.createElement(yn,{_label:"InputText 3, Tabindex 2",tabIndex:2},"Dropdown-Inhalt")," ",o.createElement(yn,{_label:"InputText 4, Tabindex 1",tabIndex:1},"Dropdown-Inhalt"))),o.createElement(Me,{_label:"Textarea",_level:0},o.createElement("div",{className:"flex flex-wrap gap-4"},o.createElement(zn,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),o.createElement(zn,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),o.createElement(zn,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:yo},tabIndex:2}),o.createElement(zn,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})))))}};var lf=Object.defineProperty,cf=Object.defineProperties,sf=Object.getOwnPropertyDescriptors,df=Object.getOwnPropertySymbols,uf=Object.prototype.hasOwnProperty,hf=Object.prototype.propertyIsEnumerable,mf=(e,n,o)=>n in e?lf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,bf=(e,n)=>{for(var o in n||(n={}))uf.call(n,o)&&mf(e,o,n[o]);if(df)for(var o of df(n))hf.call(n,o)&&mf(e,o,n[o]);return e};const pf={tree:{"basic/:subPage":()=>{const e=(0,o.useContext)(ko),{subPage:n}=function(){let{matches:e}=o.useContext(W),n=e[e.length-1];return n?n.params:{}}(),[r,t]=(0,o.useState)("1 Home"),[a,l]=(0,o.useState)(!1),[i,c]=(0,o.useState)(!1),[s,d]=(0,o.useState)(!0),u=o=>({_href:`#/tree/basic/${o}${e?"?hideMenus":""}`,_active:o===n});return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.")),!e&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Tn,{_label:"Sitemap",class:"block w-fit"},o.createElement(On,bf({_label:r},u("home"))),o.createElement(On,(h=bf({_label:"2 About (open initially)"},u("about")),cf(h,sf({_open:!0}))),o.createElement(On,bf({_label:"2.1 Team"},u("team")),o.createElement(On,bf({_label:"2.1.1. Values"},u("values"))),o.createElement(On,bf({_label:"2.1.2. Members"},u("members")),o.createElement(On,bf({_label:"2.1.2.1 Humans"},u("humans"))),a&&o.createElement(On,bf({_label:"2.1.2.2 Pets"},u("pets")))),o.createElement(On,bf({_label:"2.1.3 Locations"},u("locations")),i&&o.createElement(On,bf({_label:"2.1.3.1 Europe"},u("europe")),o.createElement(On,bf({_label:"2.1.3.1.1 Denmark"},u("denmark"))),o.createElement(On,bf({_label:"2.1.3.1.2 Netherlands"},u("netherlands"))))))),s&&o.createElement(On,bf({_label:"3. Products"},u("products")),o.createElement(On,bf({_label:"3.1 Home"},u("home-products")),o.createElement(On,bf({_label:"3.1.1 Refrigerators"},u("fridges"))),o.createElement(On,bf({_label:"3.1.2 Coffee makers"},u("coffee-makers")))),o.createElement(On,bf({_label:"3.1 Office"},u("office-products")),o.createElement(On,bf({_label:"3.2.1 Printers"},u("printers")))))),o.createElement("p",null,"Current tree item: ",null!=n?n:"none"),o.createElement("div",{className:"flex flex-row gap-2"},o.createElement(Re,{_label:"Change label for '1 Home'",_on:{onClick:()=>{t(`1 Home ${(()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]})()}`)}}}),o.createElement(Re,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>l(!a)}}),o.createElement(Re,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>c(!i)}}),o.createElement(Re,{_label:"Toggle '3. Products'",_on:{onClick:()=>d(!s)}})));var h}}};var ff=Object.defineProperty,gf=Object.defineProperties,vf=Object.getOwnPropertyDescriptors,kf=Object.getOwnPropertySymbols,yf=Object.prototype.hasOwnProperty,wf=Object.prototype.propertyIsEnumerable,_f=(e,n,o)=>n in e?ff(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Ef=(e,n)=>{for(var o in n||(n={}))yf.call(n,o)&&_f(e,o,n[o]);if(kf)for(var o of kf(n))wf.call(n,o)&&_f(e,o,n[o]);return e},xf=(e,n)=>gf(e,vf(n));const zf=e=>o.createElement("div",{className:"grid gap-4"},o.createElement(Be,xf(Ef({},e),{_hint:wo,_label:"Label",_suggestions:xh,_value:"Deutschland"})),o.createElement(Be,xf(Ef({},e),{_label:"Disabled",_suggestions:xh,_value:"Deutschland",_disabled:!0})),o.createElement(Be,xf(Ef({},e),{_suggestions:xh,_msg:{_type:"error",_description:yo},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),o.createElement(Be,xf(Ef({},e),{_label:"With access key",_suggestions:xh,_value:"Deutschland",_accessKey:"c"})),o.createElement(Be,xf(Ef({},e),{_label:"With short key",_suggestions:xh,_value:"Deutschland",_shortKey:"s"})));var Sf=Object.defineProperty,Tf=Object.defineProperties,Of=Object.getOwnPropertyDescriptors,Cf=Object.getOwnPropertySymbols,Lf=Object.prototype.hasOwnProperty,Nf=Object.prototype.propertyIsEnumerable,$f=(e,n,o)=>n in e?Sf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Af=(e,n)=>{for(var o in n||(n={}))Lf.call(n,o)&&$f(e,o,n[o]);if(Cf)for(var o of Cf(n))Nf.call(n,o)&&$f(e,o,n[o]);return e};const If=e=>{return o.createElement("div",{className:"w-full grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Text"),o.createElement(zf,Af({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Text (hideLabel)"),o.createElement(zf,(n=Af({},e),Tf(n,Of({_hideLabel:!0}))))));var n},Pf={combobox:{basic:()=>{const e=(0,o.useContext)(ko);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.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&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Wr,{RefComponent:If}))}}};var jf=Object.defineProperty,Ff=Object.defineProperties,Rf=Object.getOwnPropertyDescriptors,Df=Object.getOwnPropertySymbols,Kf=Object.prototype.hasOwnProperty,Mf=Object.prototype.propertyIsEnumerable,Bf=(e,n,o)=>n in e?jf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Uf=(e,n)=>{for(var o in n||(n={}))Kf.call(n,o)&&Bf(e,o,n[o]);if(Df)for(var o of Df(n))Mf.call(n,o)&&Bf(e,o,n[o]);return e},Hf=(e,n)=>Ff(e,Rf(n));const Vf=(0,o.forwardRef)((function(e){return o.createElement("div",{className:"grid gap-4"},o.createElement(gn,Hf(Uf({},e),{_hint:wo,_label:"Label",_options:Eh,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})),o.createElement(gn,Hf(Uf({},e),{_label:"Disabled",_options:Eh,_value:"de",_disabled:!0})),o.createElement(gn,Hf(Uf({},e),{_options:Eh,_msg:{_type:"error",_description:yo},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),o.createElement(gn,Hf(Uf({},e),{_label:"With access key",_options:Eh,_value:"de",_accessKey:"c"})),o.createElement(gn,Hf(Uf({},e),{_label:"With short key",_options:Eh,_value:"de",_shortKey:"s"})))}));var qf=Object.defineProperty,Wf=Object.defineProperties,Zf=Object.getOwnPropertyDescriptors,Gf=Object.getOwnPropertySymbols,Yf=Object.prototype.hasOwnProperty,Qf=Object.prototype.propertyIsEnumerable,Xf=(e,n,o)=>n in e?qf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Jf=(e,n)=>{for(var o in n||(n={}))Yf.call(n,o)&&Xf(e,o,n[o]);if(Gf)for(var o of Gf(n))Qf.call(n,o)&&Xf(e,o,n[o]);return e};const eg=(0,o.forwardRef)((function(e,n){return o.createElement("div",{className:"grid md:grid-cols-2 gap-4"},o.createElement("fieldset",null,o.createElement("legend",null,"Text"),o.createElement(Vf,Jf({},e))),o.createElement("fieldset",null,o.createElement("legend",null,"Text (hideLabel)"),o.createElement(Vf,(r=Jf({ref:n},e),Wf(r,Zf({_hideLabel:!0}))))));var r})),ng={"single-select":{basic:()=>{const e=(0,o.useContext)(ko);return o.createElement(o.Fragment,null,o.createElement(Eo,null,o.createElement("p",null,"SingleSelect provides a select field for a single value, supported by a search field.")),!e&&o.createElement(je,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),o.createElement(Wr,{RefComponent:eg}))}}};var og=Object.defineProperty,rg=Object.getOwnPropertySymbols,tg=Object.prototype.hasOwnProperty,ag=Object.prototype.propertyIsEnumerable,lg=(e,n,o)=>n in e?og(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ig=(e,n)=>{for(var o in n||(n={}))tg.call(n,o)&&lg(e,o,n[o]);if(rg)for(var o of rg(n))ag.call(n,o)&&lg(e,o,n[o]);return e};const cg=ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig(ig({},Fr),xo),zo),Oo),Co),Fo),Ro),Ko),Mo),ur),hr),Pf),mr),fr),gr),Rr),Dr),Kr),Mr),bt),It),da),La),Ya),fl),jl),oi),_i),nh),oh),dh),mh),bh),ph),vh),kh),yh),wh),Vh),Vh),qh),Wh),ng),Zh),Am),qm),hb),mb),bb),pf),pb),af);_r(localStorage);const sg=(e,n="/")=>{let o=[];for(const r in e)if(e[r]){const t=e[r],a=`${n}${r}`;"function"==typeof t?o.push(a):"object"==typeof t&&null!==t&&(o=o.concat(sg(t,`${a}/`)))}return o},dg=e=>{const n=[];for(const r in e)if(e[r]){const t=e[r],a=`/${r}`;if("function"==typeof t)n.push(o.createElement(he,{key:a,path:a,element:o.createElement(t,null)})),n.push(o.createElement(he,{key:`${a}/all`,path:`${a}/all`,element:o.createElement("div",{className:"d-grid gap-4"},mo.filter((e=>so.indexOf(e.value)>=0)).map((e=>o.createElement("div",{className:"d-grid gap-2",key:e.value,"data-theme":e.value},o.createElement("div",{className:"mt-4"},o.createElement("strong",null,e.label)),o.createElement("div",{className:"my-2"},o.createElement(t,null)),o.createElement("hr",{"aria-hidden":"true"})))))}));else if("object"==typeof t&&null!==t){const e=Object.keys(t);e.length>0&&n.push(o.createElement(he,{key:a,path:`${a}/*`,element:o.createElement(be,null,o.createElement(he,{path:"/",element:o.createElement(ue,{to:e[0]})}),dg(t))}))}}return n},ug=sg(cg),hg=dg(cg);console.log("ROUTE_LIST",ug);const mg=new Map;ug.forEach((e=>{const n=e.split("/");mg.has(n[1])||mg.set(n[1],{label:n[1],value:e})}));const bg=()=>{var e;const n=Y(),[r,t]=Ee(),a=null!=(e=r.get("theme"))?e:Er(),l=r.has("hideMenus");return(e=>{if(!ho(e))throw new Error(`The theme identifier "${e}" is not valid or an available option.`);yr.theme=e,wr.setItem(kr,JSON.stringify(yr))})(a),(()=>{const e=Y();(0,vo.s)("#"+e.pathname)})(),document.title=`KoliBri-Handout - ${xr(Er())} | v${io.rE}`,document.body.setAttribute("class",a),document.body.dataset.theme=a,o.createElement(ko.Provider,{value:l},o.createElement("div",{className:l?"":"app-container","data-theme":a},!l&&o.createElement(go,{version:io.rE,theme:a,sample:n.pathname,routes:cg,routeList:ug,buildDate:"2024-11-21T08:45:07.539Z",commitHash:"d3441d250",onThemeChange:e=>{t({theme:e}),window.location.reload()}}),o.createElement("main",{className:"flex flex-col items-stretch p-4",id:"route-container"},!l&&(e=>uo.includes(e))(a)&&o.createElement(je,{className:"block mb-3",_label:"DRAFT",_color:"#db5461"}),o.createElement(be,null,hg,o.createElement(he,{path:"*",element:o.createElement(ue,{to:ug[0],replace:!0})}),o.createElement(he,{path:"back-page",element:o.createElement(co,null)})))))};var pg=(e,n,o)=>new Promise(((r,t)=>{var a=e=>{try{i(o.next(e))}catch(e){t(e)}},l=e=>{try{i(o.throw(e))}catch(e){t(e)}},i=e=>e.done?r(e.value):Promise.resolve(e.value).then(a,l);i((o=o.apply(e,n)).next())}));const fg=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),gg=e=>`${e}-sample`;fg&&(Ce=gg),pg(void 0,null,(function*(){try{console.info("bootstap is initialized: ",Kn()),console.info("start kolibri bootstrap"),yield((e,n,o)=>{return r=function*(){var r,t;(0,Rn.s)("development"===(null==o?void 0:o.environment)),(0,Fn.i)(null!==(t=null===(r=null==o?void 0:o.translation)||void 0===r?void 0:r.name)&&void 0!==t?t:"de",null==o?void 0:o.translations),(null==o?void 0:o.transformTagName)&&(0,Pn.s)(null==o?void 0:o.transformTagName);const a=yield(0,jn.B)(e,n,o);return Dn=!0,a},new Promise(((e,n)=>{var o=e=>{try{a(r.next(e))}catch(e){n(e)}},t=e=>{try{a(r.throw(e))}catch(e){n(e)}},a=n=>n.done?e(n.value):Promise.resolve(n.value).then(o,t);a((r=r.apply(void 0,null)).next())}));var r})(yield pg(void 0,null,(function*(){return[ro,to,ao,lo]})),(()=>{((e,n)=>{return o=function*(){if("undefined"!=typeof window)return yield,(0,Bn.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],"focus":[64],"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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"focus":[64],"kolFocus":[64]}]]],["kol-button-group",[[33,"kol-button-group"]]],["kol-button-group-wc",[[4,"kol-button-group-wc",{"state":[32]}]]],["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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"focus":[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"],"_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],"_alert":[1540],"_disabled":[4],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1025],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[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"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[33,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[33,"kol-drawer",{"_open":[4],"_align":[1],"_label":[1],"_modal":[4],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_modal":["validateModal"],"_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-indented-text",[[33,"kol-indented-text"]]],["kol-indented-text-wc",[[4,"kol-indented-text-wc",{"state":[32]}]]],["kol-input",[[4,"kol-input",{"_accessKey":[1,"_access-key"],"_alert":[4],"_currentLength":[2,"_current-length"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideError":[4,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[16],"_readOnly":[4,"_read-only"],"_renderNoLabel":[4,"_render-no-label"],"_required":[4],"_shortKey":[1,"_short-key"],"_slotName":[1,"_slot-name"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[4]}]]],["kol-input-checkbox",[[49,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_checked":[1540],"_hideError":[1540,"_hide-error"],"_disabled":[4],"_error":[1],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[49,"kol-input-color",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[49,"kol-input-date",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[2],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1025],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[49,"kol-input-email",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-file",[[49,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-number",[[49,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1032],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[49,"kol-input-password",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[49,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_tooltipAlign":["validateTooltipAlign"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideLabel":["validateHideLabel"],"_hideError":["validateHideError"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[49,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[2],"_min":[2],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[2],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[2],"state":[32],"inputHasFocus":[32],"focus":[64],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[49,"kol-input-text",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_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"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1025],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_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"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"focus":[64],"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"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"focus":[64],"kolFocus":[64]}]]],["kol-link-group",[[33,"kol-link-group",{"_listStyleType":[1,"_list-style-type"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_label":["validateLabel"],"_listStyleType":["validateListStyleType"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["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"],"_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"],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-logo",[[33,"kol-logo",{"_org":[1],"state":[32]},null,{"_org":["validateOrg"]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_label":[1],"_on":[16],"_width":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_activeElement":["validateActiveElement"],"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"]}]]],["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-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"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[1025],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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],"_alert":[1540],"_disabled":[4],"_hideError":[1540,"_hide-error"],"_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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1025],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[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"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_hideError":["validateHideError"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["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"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"closePopup":[64]}]]],["kol-symbol",[[0,"kol-symbol",{"_label":[1],"_symbol":[1],"state":[32]},null,{"_label":["validateLabel"],"_symbol":["validateSymbol"]}]]],["kol-table",[[1,"kol-table",{"_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]}]]],["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],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_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]}]]],["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],"state":[32],"tableDivElementHasScrollbar":[32]},[[0,"keydown","handleKeyDown"]],{"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"]}]]],["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"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_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"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_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 r=e=>{try{a(o.next(e))}catch(e){n(e)}},t=e=>{try{a(o.throw(e))}catch(e){n(e)}},a=n=>n.done?e(n.value):Promise.resolve(n.value).then(r,t);a((o=o.apply(void 0,null)).next())}));var o})(window,{transformTagName:fg?gg:void 0})}),{theme:{detect:"auto"},translation:{name:"en"},transformTagName:fg?gg:void 0,environment:"production"}),console.info("bootstap is initialized: ",Kn())}catch(e){console.warn("Theme registration failed:",e)}const e=document.querySelector("div#app");e instanceof HTMLDivElement&&(0,t.H)(e).render(o.createElement(o.StrictMode,null,o.createElement(ve,null,o.createElement(bg,null))))}))})()})();