@public-ui/sample-react 2.2.12 → 2.2.13-rc.0

package/dist/main.js

@@ -1,2 +0,0 @@
-/*! For license information please see main.js.LICENSE.txt */
-(()=>{var e,n,o={813:(e,n,o)=>{"use strict";e.exports=o(7036)},980:(e,n,o)=>{var r={"./kol-abbr.entry.js":[7461,7461],"./kol-accordion.entry.js":[1786,1786],"./kol-alert-wc.entry.js":[6717,6717],"./kol-alert.entry.js":[81,2462],"./kol-avatar-wc.entry.js":[8126,8126],"./kol-avatar.entry.js":[8471,8471],"./kol-badge.entry.js":[7391,7391],"./kol-breadcrumb.entry.js":[6731,6731],"./kol-button-group-wc.entry.js":[5399,5399],"./kol-button-group.entry.js":[92,92],"./kol-button-link.entry.js":[8799,8799],"./kol-button-wc.entry.js":[2441,2441],"./kol-button.entry.js":[8210,8210],"./kol-card.entry.js":[8956,8956],"./kol-combobox.entry.js":[6705,9857,6705],"./kol-details.entry.js":[9818,9818],"./kol-drawer.entry.js":[8191,8191],"./kol-form.entry.js":[2960,2960],"./kol-heading-wc.entry.js":[4181,4181],"./kol-heading.entry.js":[4294,4294],"./kol-icon.entry.js":[3503,3503],"./kol-image.entry.js":[5781,5781],"./kol-indented-text-wc.entry.js":[3440,3440],"./kol-indented-text.entry.js":[3845,3845],"./kol-input-checkbox.entry.js":[5204,9857,5204],"./kol-input-color.entry.js":[3882,9857,3882],"./kol-input-date.entry.js":[85,9857,85],"./kol-input-email.entry.js":[4737,9857,4737],"./kol-input-file.entry.js":[6567,9857,6567],"./kol-input-number.entry.js":[5076,9857,5076],"./kol-input-password.entry.js":[4604,9857,4604],"./kol-input-radio.entry.js":[6974,9857,6974],"./kol-input-range.entry.js":[6320,9857,6320],"./kol-input-text.entry.js":[7162,9857,7162],"./kol-input.entry.js":[7560,7560],"./kol-kolibri.entry.js":[9768,9768],"./kol-link-button.entry.js":[7163,7163],"./kol-link-group.entry.js":[2728,2728],"./kol-link-wc.entry.js":[5677,5677],"./kol-link.entry.js":[7582,7582],"./kol-logo.entry.js":[9849,9849],"./kol-modal.entry.js":[1601,1601],"./kol-nav.entry.js":[6473,6473],"./kol-pagination.entry.js":[8902,8902],"./kol-popover-button.entry.js":[4714,7192,4714],"./kol-popover-wc.entry.js":[9980,7192,9980],"./kol-progress.entry.js":[6649,6649],"./kol-quote.entry.js":[4972,4972],"./kol-select.entry.js":[1266,9857,1266],"./kol-single-select.entry.js":[6199,9857,6199],"./kol-skip-nav.entry.js":[5813,5813],"./kol-span-wc.entry.js":[1797,1797],"./kol-spin.entry.js":[7310,7310],"./kol-split-button.entry.js":[5829,5829],"./kol-symbol.entry.js":[5514,5514],"./kol-table-stateful.entry.js":[989,989],"./kol-table-stateless-wc.entry.js":[1832,1832],"./kol-table-stateless.entry.js":[2605,2605],"./kol-table.entry.js":[8100,8100],"./kol-tabs.entry.js":[5522,5522],"./kol-textarea.entry.js":[8116,9857,8116],"./kol-toast-container.entry.js":[7157,7157],"./kol-toolbar.entry.js":[5431,5431],"./kol-tooltip-wc.entry.js":[9558,7192,9558],"./kol-tree-item-wc.entry.js":[7183,7183],"./kol-tree-item.entry.js":[3460,3460],"./kol-tree-wc.entry.js":[3965,3965],"./kol-tree.entry.js":[8286,8286],"./kol-version.entry.js":[3492,3492],"./test-component.entry.js":[7609,7609]};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},1430: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 p=e instanceof Date,h=l instanceof Date;if(p!=h)return!1;if(p&&h)return e.getTime()==l.getTime();var b=e instanceof RegExp,m=l instanceof RegExp;if(b!=m)return!1;if(b&&m)return e.toString()==l.toString();var g=o(e);if((c=g.length)!==o(l).length)return!1;for(i=c;0!==i--;)if(!r.call(l,g[i]))return!1;if(t&&e instanceof Element&&l instanceof Element)return e===l;for(i=c;0!==i--;)if(!("_owner"===(s=g[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}}},1708:(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,p=null,h=3,b=!1,m=!1,g=!1,f="function"==typeof setTimeout?setTimeout:null,v="function"==typeof clearTimeout?clearTimeout:null,k="undefined"!=typeof setImmediate?setImmediate:null;function w(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 y(e){if(g=!1,w(e),!m)if(null!==r(s))m=!0,$(_);else{var n=r(d);null!==n&&I(y,n.startTime-e)}}function _(e,o){m=!1,g&&(g=!1,v(S),S=-1),b=!0;var a=h;try{for(w(o),p=r(s);null!==p&&(!(p.expirationTime>o)||e&&!L());){var l=p.callback;if("function"==typeof l){p.callback=null,h=p.priorityLevel;var i=l(p.expirationTime<=o);o=n.unstable_now(),"function"==typeof i?p.callback=i:p===r(s)&&t(s),w(o)}else t(s);p=r(s)}if(null!==p)var c=!0;else{var u=r(d);null!==u&&I(y,u.startTime-o),c=!1}return c}finally{p=null,h=a,b=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var x,E=!1,z=null,S=-1,T=5,O=-1;function L(){return!(n.unstable_now()-O<T)}function C(){if(null!==z){var e=n.unstable_now();O=e;var o=!0;try{o=z(!0,e)}finally{o?x():(E=!1,z=null)}}else E=!1}if("function"==typeof k)x=function(){k(C)};else if("undefined"!=typeof MessageChannel){var N=new MessageChannel,A=N.port2;N.port1.onmessage=C,x=function(){A.postMessage(null)}}else x=function(){f(C,0)};function $(e){z=e,E||(E=!0,x())}function I(e,o){S=f((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(){m||b||(m=!0,$(_))},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 h},n.unstable_getFirstCallbackNode=function(){return r(s)},n.unstable_next=function(e){switch(h){case 1:case 2:case 3:var n=3;break;default:n=h}var o=h;h=n;try{return e()}finally{h=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=h;h=e;try{return n()}finally{h=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)&&(g?(v(S),S=-1):g=!0,I(y,a-l))):(e.sortIndex=i,o(s,e),m||b||(m=!0,$(_))),e},n.unstable_shouldYield=L,n.unstable_wrapCallback=function(e){var n=h;return function(){var o=h;h=n;try{return e.apply(this,arguments)}finally{h=o}}}},2227:(e,n,o)=>{"use strict";var r=o(5610);n.H=r.createRoot,r.hydrateRoot},2462:(e,n,o)=>{"use strict";e.exports=o(5554)},3e3:(e,n,o)=>{"use strict";var r=o(2462),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,p=Object.getOwnPropertyDescriptor,h=Object.getPrototypeOf,b=Object.prototype;e.exports=function e(n,o,r){if("string"!=typeof o){if(b){var t=h(o);t&&t!==b&&e(n,t,r)}var l=d(o);u&&(l=l.concat(u(o)));for(var i=c(n),m=c(o),g=0;g<l.length;++g){var f=l[g];if(!(a[f]||r&&r[f]||m&&m[f]||i&&i[f])){var v=p(o,f);try{s(n,f,v)}catch(e){}}}}return n}},3395:(e,n,o)=>{"use strict";e.exports=o(1708)},4539:(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)})},5554:(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,p=o?Symbol.for("react.forward_ref"):60112,h=o?Symbol.for("react.suspense"):60113,b=o?Symbol.for("react.suspense_list"):60120,m=o?Symbol.for("react.memo"):60115,g=o?Symbol.for("react.lazy"):60116,f=o?Symbol.for("react.block"):60121,v=o?Symbol.for("react.fundamental"):60117,k=o?Symbol.for("react.responder"):60118,w=o?Symbol.for("react.scope"):60119;function y(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 h:return e;default:switch(e=e&&e.$$typeof){case s:case p:case g:case m:case c:return e;default:return n}}case t:return n}}}function _(e){return y(e)===u}n.AsyncMode=d,n.ConcurrentMode=u,n.ContextConsumer=s,n.ContextProvider=c,n.Element=r,n.ForwardRef=p,n.Fragment=a,n.Lazy=g,n.Memo=m,n.Portal=t,n.Profiler=i,n.StrictMode=l,n.Suspense=h,n.isAsyncMode=function(e){return _(e)||y(e)===d},n.isConcurrentMode=_,n.isContextConsumer=function(e){return y(e)===s},n.isContextProvider=function(e){return y(e)===c},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},n.isForwardRef=function(e){return y(e)===p},n.isFragment=function(e){return y(e)===a},n.isLazy=function(e){return y(e)===g},n.isMemo=function(e){return y(e)===m},n.isPortal=function(e){return y(e)===t},n.isProfiler=function(e){return y(e)===i},n.isStrictMode=function(e){return y(e)===l},n.isSuspense=function(e){return y(e)===h},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===u||e===i||e===l||e===h||e===b||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===m||e.$$typeof===c||e.$$typeof===s||e.$$typeof===p||e.$$typeof===v||e.$$typeof===k||e.$$typeof===w||e.$$typeof===f)},n.typeOf=y},5610:(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(5870)},5870:(e,n,o)=>{"use strict";var r=o(813),t=o(3395);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,p=/^[: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]*$/,h={},b={};function m(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 g={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){g[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var n=e[0];g[n]=new m(n,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){g[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){g[e]=new m(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){g[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){g[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){g[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){g[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){g[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var f=/[\-:]([a-z])/g;function v(e){return e[1].toUpperCase()}function k(e,n,o,r){var t=g.hasOwnProperty(n)?g[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(h,e)&&(p.test(e)?b[e]=!0:(h[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(f,v);g[n]=new m(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(f,v);g[n]=new m(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(f,v);g[n]=new m(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,y=Symbol.for("react.element"),_=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),S=Symbol.for("react.provider"),T=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),L=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),A=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var $=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var I=Symbol.iterator;function B(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=I&&e[I]||e["@@iterator"])?e:null}var P,F=Object.assign;function j(e){if(void 0===P)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);P=n&&n[1]||""}return"\n"+P+e}var R=!1;function D(e,n){if(!e||R)return"";R=!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{R=!1,Error.prepareStackTrace=o}return(e=e?e.displayName||e.name:"")?j(e):""}function M(e){switch(e.tag){case 5:return j(e.type);case 16:return j("Lazy");case 13:return j("Suspense");case 19:return j("SuspenseList");case 0:case 2:case 15:return D(e.type,!1);case 11:return D(e.type.render,!1);case 1:return D(e.type,!0);default:return""}}function K(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case x:return"Fragment";case _:return"Portal";case z:return"Profiler";case E:return"StrictMode";case L:return"Suspense";case C: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:K(e.type)||"Memo";case A:n=e._payload,e=e._init;try{return K(e(n))}catch(e){}}return null}function H(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return K(n);case 8:return n===E?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function U(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function 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=U(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 J(e,n){null!=(n=n.checked)&&k(e,"checked",n,!1)}function Q(e,n){J(e,n);var o=U(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,U(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function X(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=""+U(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:U(o)}}function ae(e,n){var o=U(n.value),r=U(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 pe(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 he={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 me(e,n,o){return null==n||"boolean"==typeof n||""===n?"":o||"number"!=typeof n||0===n||he.hasOwnProperty(e)&&he[e]?(""+n).trim():n+"px"}function ge(e,n){for(var o in e=e.style,n)if(n.hasOwnProperty(o)){var r=0===o.indexOf("--"),t=me(o,n[o],r);"float"===o&&(o="cssFloat"),r?e.setProperty(o,t):e[o]=t}}Object.keys(he).forEach((function(e){be.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),he[n]=he[e]}))}));var fe=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(fe[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 we=null;function ye(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var _e=null,xe=null,Ee=null;function ze(e){if(e=wt(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){xe?Ee?Ee.push(e):Ee=[e]:xe=e}function Te(){if(xe){var e=xe,n=Ee;if(Ee=xe=null,ze(e),n)for(e=0;e<n.length;e++)ze(n[e])}}function Oe(e,n){return e(n)}function Le(){}var Ce=!1;function Ne(e,n,o){if(Ce)return e(n,o);Ce=!0;try{return Oe(e,n,o)}finally{Ce=!1,(null!==xe||null!==Ee)&&(Le(),Te())}}function Ae(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 $e=!1;if(d)try{var Ie={};Object.defineProperty(Ie,"passive",{get:function(){$e=!0}}),window.addEventListener("test",Ie,Ie),window.removeEventListener("test",Ie,Ie)}catch(de){$e=!1}function Be(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 Pe=!1,Fe=null,je=!1,Re=null,De={onError:function(e){Pe=!0,Fe=e}};function Me(e,n,o,r,t,a,l,i,c){Pe=!1,Fe=null,Be.apply(De,arguments)}function Ke(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 He(e){if(13===e.tag){var n=e.memoizedState;if(null===n&&null!==(e=e.alternate)&&(n=e.memoizedState),null!==n)return n.dehydrated}return null}function Ue(e){if(Ke(e)!==e)throw Error(a(188))}function Ve(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Ke(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 Ue(t),e;if(l===r)return Ue(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,Je=t.unstable_now,Qe=t.unstable_getCurrentPriorityLevel,Xe=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 pn(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 hn(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=pn(i):0!==(a&=l)&&(r=pn(a))}else 0!==(l=o&~t)?r=pn(l):0!==a&&(r=pn(a));if(0===r)return 0;if(0!==n&&n!==r&&0===(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 mn(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function gn(){var e=dn;return!(4194240&(dn<<=1))&&(dn=64),e}function fn(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 wn=0;function yn(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var _n,xn,En,zn,Sn,Tn=!1,On=[],Ln=null,Cn=null,Nn=null,An=new Map,$n=new Map,In=[],Bn="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Pn(e,n){switch(e){case"focusin":case"focusout":Ln=null;break;case"dragenter":case"dragleave":Cn=null;break;case"mouseover":case"mouseout":Nn=null;break;case"pointerover":case"pointerout":An.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":$n.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=wt(n))&&xn(n),e):(e.eventSystemFlags|=r,n=e.targetContainers,null!==t&&-1===n.indexOf(t)&&n.push(t),e)}function jn(e){var n=kt(e.target);if(null!==n){var o=Ke(n);if(null!==o)if(13===(n=o.tag)){if(null!==(n=He(o)))return e.blockedOn=n,void Sn(e.priority,(function(){En(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 Rn(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=wt(o))&&xn(n),e.blockedOn=o,!1;var r=new(o=e.nativeEvent).constructor(o.type,o);we=r,o.target.dispatchEvent(r),we=null,n.shift()}return!0}function Dn(e,n,o){Rn(e)&&o.delete(n)}function Mn(){Tn=!1,null!==Ln&&Rn(Ln)&&(Ln=null),null!==Cn&&Rn(Cn)&&(Cn=null),null!==Nn&&Rn(Nn)&&(Nn=null),An.forEach(Dn),$n.forEach(Dn)}function Kn(e,n){e.blockedOn===n&&(e.blockedOn=null,Tn||(Tn=!0,t.unstable_scheduleCallback(t.unstable_NormalPriority,Mn)))}function Hn(e){function n(n){return Kn(n,e)}if(0<On.length){Kn(On[0],e);for(var o=1;o<On.length;o++){var r=On[o];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==Ln&&Kn(Ln,e),null!==Cn&&Kn(Cn,e),null!==Nn&&Kn(Nn,e),An.forEach(n),$n.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;)jn(o),null===o.blockedOn&&In.shift()}var Un=w.ReactCurrentBatchConfig,Vn=!0;function qn(e,n,o,r){var t=wn,a=Un.transition;Un.transition=null;try{wn=1,Zn(e,n,o,r)}finally{wn=t,Un.transition=a}}function Wn(e,n,o,r){var t=wn,a=Un.transition;Un.transition=null;try{wn=4,Zn(e,n,o,r)}finally{wn=t,Un.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),Pn(e,r);else if(function(e,n,o,r,t){switch(n){case"focusin":return Ln=Fn(Ln,e,n,o,r,t),!0;case"dragenter":return Cn=Fn(Cn,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 An.set(a,Fn(An.get(a)||null,e,n,o,r,t)),!0;case"gotpointercapture":return a=t.pointerId,$n.set(a,Fn($n.get(a)||null,e,n,o,r,t)),!0}return!1}(t,e,n,o,r))r.stopPropagation();else if(Pn(e,r),4&n&&-1<Bn.indexOf(e)){for(;null!==t;){var a=wt(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=ye(r))))if(null===(n=Ke(e)))e=null;else if(13===(o=n.tag)){if(null!==(e=He(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 Jn(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Qe()){case Xe:return 1;case en:return 4;case nn:case on:return 16;case rn:return 536870912;default:return 16}default:return 16}}var Qn=null,Xn=null,eo=null;function no(){if(eo)return eo;var e,n,o=Xn,r=o.length,t="value"in Qn?Qn.value:Qn.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),po=F({},so,{view:0,detail:0}),ho=ao(po),bo=F({},po,{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}}),mo=ao(bo),go=ao(F({},bo,{dataTransfer:0})),fo=ao(F({},po,{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}}),wo=ao(ko),yo=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"},xo={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"},Eo={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function zo(e){var n=this.nativeEvent;return n.getModifierState?n.getModifierState(e):!!(e=Eo[e])&&!!n[e]}function So(){return zo}var To=F({},po,{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?xo[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),Lo=ao(F({},bo,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Co=ao(F({},po,{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})),Ao=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}),$o=ao(Ao),Io=[9,13,27,32],Bo=d&&"CompositionEvent"in window,Po=null;d&&"documentMode"in document&&(Po=document.documentMode);var Fo=d&&"TextEvent"in window&&!Po,jo=d&&(!Bo||Po&&8<Po&&11>=Po),Ro=String.fromCharCode(32),Do=!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 Ko(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Ho=!1,Uo={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?!!Uo[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){Rr(e,0)}function Yo(e){if(W(yt(e)))return e}function Jo(e,n){if("change"===e)return n}var Qo=!1;if(d){var Xo;if(d){var er="oninput"in document;if(!er){var nr=document.createElement("div");nr.setAttribute("oninput","return;"),er="function"==typeof nr.oninput}Xo=er}else Xo=!1;Qo=Xo&&(!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,ye(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 pr(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?pr(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function hr(){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 mr(e){var n=hr(),o=e.focusedElem,r=e.selectionRange;if(n!==o&&o&&o.ownerDocument&&pr(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 gr=d&&"documentMode"in document&&11>=document.documentMode,fr=null,vr=null,kr=null,wr=!1;function yr(e,n,o){var r=o.window===o?o.document:9===o.nodeType?o:o.ownerDocument;wr||null==fr||fr!==Z(r)||(r="selectionStart"in(r=fr)&&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=fr)))}function _r(e,n){var o={};return o[e.toLowerCase()]=n.toLowerCase(),o["Webkit"+e]="webkit"+n,o["Moz"+e]="moz"+n,o}var xr={animationend:_r("Animation","AnimationEnd"),animationiteration:_r("Animation","AnimationIteration"),animationstart:_r("Animation","AnimationStart"),transitionend:_r("Transition","TransitionEnd")},Er={},zr={};function Sr(e){if(Er[e])return Er[e];if(!xr[e])return e;var n,o=xr[e];for(n in o)if(o.hasOwnProperty(n)&&n in zr)return Er[e]=o[n];return e}d&&(zr=document.createElement("div").style,"AnimationEvent"in window||(delete xr.animationend.animation,delete xr.animationiteration.animation,delete xr.animationstart.animation),"TransitionEvent"in window||delete xr.transitionend.transition);var Tr=Sr("animationend"),Or=Sr("animationiteration"),Lr=Sr("animationstart"),Cr=Sr("transitionend"),Nr=new Map,Ar="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 $r(e,n){Nr.set(e,n),c(n,[e])}for(var Ir=0;Ir<Ar.length;Ir++){var Br=Ar[Ir];$r(Br.toLowerCase(),"on"+(Br[0].toUpperCase()+Br.slice(1)))}$r(Tr,"onAnimationEnd"),$r(Or,"onAnimationIteration"),$r(Lr,"onAnimationStart"),$r("dblclick","onDoubleClick"),$r("focusin","onFocus"),$r("focusout","onBlur"),$r(Cr,"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 Pr="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(Pr));function jr(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),Pe){if(!Pe)throw Error(a(198));var d=Fe;Pe=!1,Fe=null,je||(je=!0,Re=d)}}(r,n,void 0,e),e.currentTarget=null}function Rr(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;jr(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;jr(t,i,s),a=c}}}if(je)throw e=Re,je=!1,Re=null,e}function Dr(e,n){var o=n[gt];void 0===o&&(o=n[gt]=new Set);var r=e+"__bubble";o.has(r)||(Ur(n,e,2,!1),o.add(r))}function Mr(e,n,o){var r=0;n&&(r|=4),Ur(o,e,r,n)}var Kr="_reactListening"+Math.random().toString(36).slice(2);function Hr(e){if(!e[Kr]){e[Kr]=!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[Kr]||(n[Kr]=!0,Mr("selectionchange",!1,n))}}function Ur(e,n,o,r){switch(Jn(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,!$e||"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=ye(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=fo;break;case"focusout":s="blur",c=fo;break;case"beforeblur":case"afterblur":c=fo;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=mo;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":c=go;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":c=Co;break;case Tr:case Or:case Lr:c=vo;break;case Cr:c=No;break;case"scroll":c=ho;break;case"wheel":c=$o;break;case"copy":case"cut":case"paste":c=wo;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":c=Lo}var d=!!(4&n),u=!d&&"scroll"===e,p=d?null!==i?i+"Capture":null:i;d=[];for(var h,b=r;null!==b;){var m=(h=b).stateNode;if(5===h.tag&&null!==m&&(h=m,null!==p&&null!=(m=Ae(b,p))&&d.push(qr(b,m,h))),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===we||!(s=o.relatedTarget||o.fromElement)||!kt(s)&&!s[mt])&&(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=Ke(s))||5!==s.tag&&6!==s.tag)&&(s=null)):(c=null,s=r),c!==s)){if(d=mo,m="onMouseLeave",p="onMouseEnter",b="mouse","pointerout"!==e&&"pointerover"!==e||(d=Lo,m="onPointerLeave",p="onPointerEnter",b="pointer"),u=null==c?i:yt(c),h=null==s?i:yt(s),(i=new d(m,b+"leave",c,o,t)).target=u,i.relatedTarget=h,m=null,kt(t)===r&&((d=new d(p,b+"enter",s,o,t)).target=h,d.relatedTarget=u,m=d),u=m,c&&s)e:{for(p=s,b=0,h=d=c;h;h=Zr(h))b++;for(h=0,m=p;m;m=Zr(m))h++;for(;0<b-h;)d=Zr(d),b--;for(;0<h-b;)p=Zr(p),h--;for(;b--;){if(d===p||null!==p&&d===p.alternate)break e;d=Zr(d),p=Zr(p)}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?yt(r):window).nodeName&&i.nodeName.toLowerCase())||"input"===c&&"file"===i.type)var g=Jo;else if(Vo(i))if(Qo)g=ir;else{g=ar;var f=tr}else(c=i.nodeName)&&"input"===c.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(g=lr);switch(g&&(g=g(e,r))?qo(l,g,o,t):(f&&f(e,i,r),"focusout"===e&&(f=i._wrapperState)&&f.controlled&&"number"===i.type&&ee(i,"number",i.value)),f=r?yt(r):window,e){case"focusin":(Vo(f)||"true"===f.contentEditable)&&(fr=f,vr=r,kr=null);break;case"focusout":kr=vr=fr=null;break;case"mousedown":wr=!0;break;case"contextmenu":case"mouseup":case"dragend":wr=!1,yr(l,o,t);break;case"selectionchange":if(gr)break;case"keydown":case"keyup":yr(l,o,t)}var v;if(Bo)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 Ho?Mo(e,o)&&(k="onCompositionEnd"):"keydown"===e&&229===o.keyCode&&(k="onCompositionStart");k&&(jo&&"ko"!==o.locale&&(Ho||"onCompositionStart"!==k?"onCompositionEnd"===k&&Ho&&(v=no()):(Xn="value"in(Qn=t)?Qn.value:Qn.textContent,Ho=!0)),0<(f=Wr(r,k)).length&&(k=new yo(k,e,null,o,t),l.push({event:k,listeners:f}),(v||null!==(v=Ko(o)))&&(k.data=v))),(v=Fo?function(e,n){switch(e){case"compositionend":return Ko(n);case"keypress":return 32!==n.which?null:(Do=!0,Ro);case"textInput":return(e=n.data)===Ro&&Do?null:e;default:return null}}(e,o):function(e,n){if(Ho)return"compositionend"===e||!Bo&&Mo(e,n)?(e=no(),eo=Xn=Qn=null,Ho=!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 jo&&"ko"!==n.locale?null:n.data}}(e,o))&&0<(r=Wr(r,"onBeforeInput")).length&&(t=new yo("onBeforeInput","beforeinput",null,o,t),l.push({event:t,listeners:r}),t.data=v)}Rr(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=Ae(e,o))&&r.unshift(qr(e,a,t)),null!=(a=Ae(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=Ae(o,a))&&l.unshift(qr(o,c,i)):t||null!=(c=Ae(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,Jr=/\u0000|\uFFFD/g;function Qr(e){return("string"==typeof e?e:""+e).replace(Yr,"\n").replace(Jr,"")}function Xr(e,n,o){if(n=Qr(n),Qr(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 Hn(n);r--}else"$"!==o&&"$?"!==o&&"$!"!==o||r++;o=t}while(o);Hn(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 pt=Math.random().toString(36).slice(2),ht="__reactFiber$"+pt,bt="__reactProps$"+pt,mt="__reactContainer$"+pt,gt="__reactEvents$"+pt,ft="__reactListeners$"+pt,vt="__reactHandles$"+pt;function kt(e){var n=e[ht];if(n)return n;for(var o=e.parentNode;o;){if(n=o[mt]||o[ht]){if(o=n.alternate,null!==n.child||null!==o&&null!==o.child)for(e=ut(e);null!==e;){if(o=e[ht])return o;e=ut(e)}return n}o=(e=o).parentNode}return null}function wt(e){return!(e=e[ht]||e[mt])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function yt(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(a(33))}function _t(e){return e[bt]||null}var xt=[],Et=-1;function zt(e){return{current:e}}function St(e){0>Et||(e.current=xt[Et],xt[Et]=null,Et--)}function Tt(e,n){Et++,xt[Et]=e.current,e.current=n}var Ot={},Lt=zt(Ot),Ct=zt(!1),Nt=Ot;function At(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 $t(e){return null!=e.childContextTypes}function It(){St(Ct),St(Lt)}function Bt(e,n,o){if(Lt.current!==Ot)throw Error(a(168));Tt(Lt,n),Tt(Ct,o)}function Pt(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,H(e)||"Unknown",t));return F({},o,r)}function Ft(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ot,Nt=Lt.current,Tt(Lt,e),Tt(Ct,Ct.current),!0}function jt(e,n,o){var r=e.stateNode;if(!r)throw Error(a(169));o?(e=Pt(e,n,Nt),r.__reactInternalMemoizedMergedChildContext=e,St(Ct),St(Lt),Tt(Lt,e)):St(Ct),Tt(Ct,o)}var Rt=null,Dt=!1,Mt=!1;function Kt(e){null===Rt?Rt=[e]:Rt.push(e)}function Ht(){if(!Mt&&null!==Rt){Mt=!0;var e=0,n=wn;try{var o=Rt;for(wn=1;e<o.length;e++){var r=o[e];do{r=r(!0)}while(null!==r)}Rt=null,Dt=!1}catch(n){throw null!==Rt&&(Rt=Rt.slice(e+1)),We(Xe,Ht),n}finally{wn=n,Mt=!1}}return null}var Ut=[],Vt=0,qt=null,Wt=0,Zt=[],Gt=0,Yt=null,Jt=1,Qt="";function Xt(e,n){Ut[Vt++]=Wt,Ut[Vt++]=qt,qt=e,Wt=n}function ea(e,n,o){Zt[Gt++]=Jt,Zt[Gt++]=Qt,Zt[Gt++]=Yt,Yt=e;var r=Jt;e=Qt;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,Jt=1<<32-ln(n)+t|o<<t|r,Qt=a+e}else Jt=1<<a|o<<t|r,Qt=e}function na(e){null!==e.return&&(Xt(e,1),ea(e,1,0))}function oa(e){for(;e===qt;)qt=Ut[--Vt],Ut[Vt]=null,Wt=Ut[--Vt],Ut[Vt]=null;for(;e===Yt;)Yt=Zt[--Gt],Zt[Gt]=null,Qt=Zt[--Gt],Zt[Gt]=null,Jt=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:Jt,overflow:Qt}: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 pa(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 ha(),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 ha(){for(var e=ta;e;)e=dt(e.nextSibling)}function ba(){ta=ra=null,aa=!1}function ma(e){null===la?la=[e]:la.push(e)}var ga=w.ReactCurrentBatchConfig;function fa(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 wa(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=$s(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===x?u(e,n,o.props.children,r,o.key):null!==n&&(n.elementType===a||"object"==typeof a&&null!==a&&a.$$typeof===A&&ka(a)===n.type)?((r=t(n,o.props)).ref=fa(e,n,o),r.return=e,r):((r=Is(o.type,o.key,o.props,null,e.mode,r)).ref=fa(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=js(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=Bs(o,e.mode,r,a)).return=e,n):((n=t(n,o)).return=e,n)}function p(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 y:return(o=Is(n.type,n.key,n.props,null,e.mode,o)).ref=fa(e,null,n),o.return=e,o;case _:return(n=js(n,e.mode,o)).return=e,n;case A:return p(e,(0,n._init)(n._payload),o)}if(ne(n)||B(n))return(n=Bs(n,e.mode,o,null)).return=e,n;va(e,n)}return null}function h(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 y:return o.key===t?s(e,n,o,r):null;case _:return o.key===t?d(e,n,o,r):null;case A:return h(e,n,(t=o._init)(o._payload),r)}if(ne(o)||B(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 y: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 A:return b(e,n,o,(0,r._init)(r._payload),t)}if(ne(r)||B(r))return u(n,e=e.get(o)||null,r,t,null);va(n,r)}return null}return function c(s,d,u,m){if("object"==typeof u&&null!==u&&u.type===x&&null===u.key&&(u=u.props.children),"object"==typeof u&&null!==u){switch(u.$$typeof){case y:e:{for(var g=u.key,f=d;null!==f;){if(f.key===g){if((g=u.type)===x){if(7===f.tag){o(s,f.sibling),(d=t(f,u.props.children)).return=s,s=d;break e}}else if(f.elementType===g||"object"==typeof g&&null!==g&&g.$$typeof===A&&ka(g)===f.type){o(s,f.sibling),(d=t(f,u.props)).ref=fa(s,f,u),d.return=s,s=d;break e}o(s,f);break}n(s,f),f=f.sibling}u.type===x?((d=Bs(u.props.children,s.mode,m,u.key)).return=s,s=d):((m=Is(u.type,u.key,u.props,null,s.mode,m)).ref=fa(s,d,u),m.return=s,s=m)}return i(s);case _:e:{for(f=u.key;null!==d;){if(d.key===f){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=js(u,s.mode,m)).return=s,s=d}return i(s);case A:return c(s,d,(f=u._init)(u._payload),m)}if(ne(u))return function(t,a,i,c){for(var s=null,d=null,u=a,m=a=0,g=null;null!==u&&m<i.length;m++){u.index>m?(g=u,u=null):g=u.sibling;var f=h(t,u,i[m],c);if(null===f){null===u&&(u=g);break}e&&u&&null===f.alternate&&n(t,u),a=l(f,a,m),null===d?s=f:d.sibling=f,d=f,u=g}if(m===i.length)return o(t,u),aa&&Xt(t,m),s;if(null===u){for(;m<i.length;m++)null!==(u=p(t,i[m],c))&&(a=l(u,a,m),null===d?s=u:d.sibling=u,d=u);return aa&&Xt(t,m),s}for(u=r(t,u);m<i.length;m++)null!==(g=b(u,t,m,i[m],c))&&(e&&null!==g.alternate&&u.delete(null===g.key?m:g.key),a=l(g,a,m),null===d?s=g:d.sibling=g,d=g);return e&&u.forEach((function(e){return n(t,e)})),aa&&Xt(t,m),s}(s,d,u,m);if(B(u))return function(t,i,c,s){var d=B(c);if("function"!=typeof d)throw Error(a(150));if(null==(c=d.call(c)))throw Error(a(151));for(var u=d=null,m=i,g=i=0,f=null,v=c.next();null!==m&&!v.done;g++,v=c.next()){m.index>g?(f=m,m=null):f=m.sibling;var k=h(t,m,v.value,s);if(null===k){null===m&&(m=f);break}e&&m&&null===k.alternate&&n(t,m),i=l(k,i,g),null===u?d=k:u.sibling=k,u=k,m=f}if(v.done)return o(t,m),aa&&Xt(t,g),d;if(null===m){for(;!v.done;g++,v=c.next())null!==(v=p(t,v.value,s))&&(i=l(v,i,g),null===u?d=v:u.sibling=v,u=v);return aa&&Xt(t,g),d}for(m=r(t,m);!v.done;g++,v=c.next())null!==(v=b(m,t,g,v.value,s))&&(e&&null!==v.alternate&&m.delete(null===v.key?g:v.key),i=l(v,i,g),null===u?d=v:u.sibling=v,u=v);return e&&m.forEach((function(e){return n(t,e)})),aa&&Xt(t,g),d}(s,d,u,m);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,m)).return=s,s=d),i(s)):o(s,d)}}var ya=wa(!0),_a=wa(!1),xa=zt(null),Ea=null,za=null,Sa=null;function Ta(){Sa=za=Ea=null}function Oa(e){var n=xa.current;St(xa),e._currentValue=n}function La(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 Ca(e,n){Ea=e,Sa=za=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!==(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===Ea)throw Error(a(308));za=e,Ea.dependencies={lanes:0,firstContext:e}}else za=za.next=e;return n}var Aa=null;function $a(e){null===Aa?Aa=[e]:Aa.push(e)}function Ia(e,n,o,r){var t=n.interleaved;return null===t?(o.next=o,$a(n)):(o.next=t.next,t.next=o),n.interleaved=o,Ba(e,r)}function Ba(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 Pa=!1;function Fa(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function ja(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 Ra(e,n){return{eventTime:e,lane:n,tag:0,payload:null,callback:null,next:null}}function Da(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,Ba(e,o)}return null===(t=r.interleaved)?(n.next=n,$a(r)):(n.next=t.next,t.next=n),r.interleaved=n,Ba(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 Ka(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 Ha(e,n,o,r){var t=e.updateQueue;Pa=!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 p=i.lane,h=i.eventTime;if((r&p)===p){null!==d&&(d=d.next={eventTime:h,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var b=e,m=i;switch(p=n,h=o,m.tag){case 1:if("function"==typeof(b=m.payload)){u=b.call(h,u,p);break e}u=b;break e;case 3:b.flags=-65537&b.flags|128;case 0:if(null==(p="function"==typeof(b=m.payload)?b.call(h,u,p):b))break e;u=F({},u,p);break e;case 2:Pa=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(p=t.effects)?t.effects=[i]:p.push(i))}else h={eventTime:h,lane:p,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(s=d=h,c=u):d=d.next=h,l|=p;if(null===(i=i.next)){if(null===(i=t.shared.pending))break;i=(p=i).next,p.next=null,t.lastBaseUpdate=p,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);Pc|=l,e.lanes=l,e.memoizedState=u}}function Ua(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 Ja(){St(qa),St(Wa),St(Za)}function Qa(e){Ga(Za.current);var n=Ga(qa.current),o=ce(n,e.type);n!==o&&(Tt(Wa,e),Tt(qa,o))}function Xa(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=w.ReactCurrentDispatcher,al=w.ReactCurrentBatchConfig,ll=0,il=null,cl=null,sl=null,dl=!1,ul=!1,pl=0,hl=0;function bl(){throw Error(a(321))}function ml(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 gl(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?Xl:ei,e=o(r,t),ul){l=0;do{if(ul=!1,pl=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=Ql,n=null!==cl&&null!==cl.next,ll=0,sl=cl=il=null,dl=!1,n)throw Error(a(300));return e}function fl(){var e=0!==pl;return pl=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 wl(e,n){return"function"==typeof n?n(e):n}function yl(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 p={lane:u,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null};null===s?(c=s=p,i=r):s=s.next=p,il.lanes|=u,Pc|=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,Pc|=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 xl(){}function El(e,n){var o=il,r=kl(),t=n(),l=!cr(r.memoizedState,t);if(l&&(r.memoizedState=t,ki=!0),r=r.queue,Pl(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===Lc)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)&&Ll(e)}function Tl(e,n,o){return o((function(){Ol(n)&&Ll(e)}))}function Ol(e){var n=e.getSnapshot;e=e.value;try{var o=n();return!cr(e,o)}catch(e){return!0}}function Ll(e){var n=Ba(e,1);null!==n&&os(n,e,1,-1)}function Cl(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:wl,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 Al(){return kl().memoizedState}function $l(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&&ml(r,l.deps))return void(t.memoizedState=Nl(n,o,a,r))}il.flags|=e,t.memoizedState=Nl(1|n,o,a,r)}function Bl(e,n){return $l(8390656,8,e,n)}function Pl(e,n){return Il(2048,8,e,n)}function Fl(e,n){return Il(4,2,e,n)}function jl(e,n){return Il(4,4,e,n)}function Rl(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 Dl(e,n,o){return o=null!=o?o.concat([e]):null,Il(4,4,Rl.bind(null,n,e),o)}function Ml(){}function Kl(e,n){var o=kl();n=void 0===n?null:n;var r=o.memoizedState;return null!==r&&null!==n&&ml(n,r[1])?r[0]:(o.memoizedState=[e,n],e)}function Hl(e,n){var o=kl();n=void 0===n?null:n;var r=o.memoizedState;return null!==r&&null!==n&&ml(n,r[1])?r[0]:(e=e(),o.memoizedState=[e,n],e)}function Ul(e,n,o){return 21&ll?(cr(o,n)||(o=gn(),il.lanes|=o,Pc|=o,e.baseState=!0),n):(e.baseState&&(e.baseState=!1,ki=!0),e.memoizedState=o)}function Vl(e,n){var o=wn;wn=0!==o&&4>o?o:4,e(!0);var r=al.transition;al.transition={};try{e(!1),n()}finally{wn=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()),Jl(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,$a(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()),Jl(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 Jl(e,n,o){if(4194240&o){var r=n.lanes;o|=r&=e.pendingLanes,n.lanes=o,kn(e,o)}}var Ql={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},Xl={readContext:Na,useCallback:function(e,n){return vl().memoizedState=[e,void 0===n?null:n],e},useContext:Na,useEffect:Bl,useImperativeHandle:function(e,n,o){return o=null!=o?o.concat([e]):null,$l(4194308,4,Rl.bind(null,n,e),o)},useLayoutEffect:function(e,n){return $l(4194308,4,e,n)},useInsertionEffect:function(e,n){return $l(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:Cl,useDebugValue:Ml,useDeferredValue:function(e){return vl().memoizedState=e},useTransition:function(){var e=Cl(!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===Lc)throw Error(a(349));30&ll||zl(r,n,o)}t.memoizedState=o;var l={value:o,getSnapshot:n};return t.queue=l,Bl(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=Lc.identifierPrefix;if(aa){var o=Qt;n=":"+n+"R"+(o=(Jt&~(1<<32-ln(Jt)-1)).toString(32)+o),0<(o=pl++)&&(n+="H"+o.toString(32)),n+=":"}else n=":"+n+"r"+(o=hl++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},ei={readContext:Na,useCallback:Kl,useContext:Na,useEffect:Pl,useImperativeHandle:Dl,useInsertionEffect:Fl,useLayoutEffect:jl,useMemo:Hl,useReducer:yl,useRef:Al,useState:function(){return yl(wl)},useDebugValue:Ml,useDeferredValue:function(e){return Ul(kl(),cl.memoizedState,e)},useTransition:function(){return[yl(wl)[0],kl().memoizedState]},useMutableSource:xl,useSyncExternalStore:El,useId:ql,unstable_isNewReconciler:!1},ni={readContext:Na,useCallback:Kl,useContext:Na,useEffect:Pl,useImperativeHandle:Dl,useInsertionEffect:Fl,useLayoutEffect:jl,useMemo:Hl,useReducer:_l,useRef:Al,useState:function(){return _l(wl)},useDebugValue:Ml,useDeferredValue:function(e){var n=kl();return null===cl?n.memoizedState=e:Ul(n,cl.memoizedState,e)},useTransition:function(){return[_l(wl)[0],kl().memoizedState]},useMutableSource:xl,useSyncExternalStore:El,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)&&Ke(e)===e},enqueueSetState:function(e,n,o){e=e._reactInternals;var r=es(),t=ns(e),a=Ra(r,t);a.payload=n,null!=o&&(a.callback=o),null!==(n=Da(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=Ra(r,t);a.tag=1,a.payload=n,null!=o&&(a.callback=o),null!==(n=Da(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=Ra(o,r);t.tag=2,null!=n&&(t.callback=n),null!==(n=Da(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=$t(n)?Nt:Lt.current,a=(r=null!=(r=n.contextTypes))?At(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=$t(n)?Nt:Lt.current,t.context=At(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),Ha(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 pi="function"==typeof WeakMap?WeakMap:Map;function hi(e,n,o){(o=Ra(-1,o)).tag=3,o.payload={element:null};var r=n.value;return o.callback=function(){Uc||(Uc=!0,Vc=r),ui(0,n)},o}function bi(e,n,o){(o=Ra(-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 mi(e,n,o){var r=e.pingCache;if(null===r){r=e.pingCache=new pi;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 gi(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 fi(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=Ra(-1,1)).tag=2,Da(o,n,1))),o.lanes|=1),e)}var vi=w.ReactCurrentOwner,ki=!1;function wi(e,n,o,r){n.child=null===e?_a(n,null,o,r):ya(n,e.child,o,r)}function yi(e,n,o,r,t){o=o.render;var a=n.ref;return Ca(n,t),r=gl(e,n,o,r,a,t),o=fl(),null===e||ki?(aa&&o&&na(n),n.flags|=1,wi(e,n,r,t),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~t,Ui(e,n,t))}function _i(e,n,o,r,t){if(null===e){var a=o.type;return"function"!=typeof a||As(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,xi(e,n,a,r,t))}if(a=e.child,0===(e.lanes&t)){var l=a.memoizedProps;if((o=null!==(o=o.compare)?o:sr)(l,r)&&e.ref===n.ref)return Ui(e,n,t)}return n.flags|=1,(e=$s(a,r)).ref=n.ref,e.return=n,n.child=e}function xi(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,0===(e.lanes&t))return n.lanes=e.lanes,Ui(e,n,t);131072&e.flags&&(ki=!0)}}return Si(e,n,o,r,t)}function Ei(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($c,Ac),Ac|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=null!==a?a.baseLanes:o,Tt($c,Ac),Ac|=r}else n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Tt($c,Ac),Ac|=o;else null!==a?(r=a.baseLanes|o,n.memoizedState=null):r=o,Tt($c,Ac),Ac|=r;return wi(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=$t(o)?Nt:Lt.current;return a=At(n,a),Ca(n,t),o=gl(e,n,o,r,a,t),r=fl(),null===e||ki?(aa&&r&&na(n),n.flags|=1,wi(e,n,o,t),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~t,Ui(e,n,t))}function Ti(e,n,o,r,t){if($t(o)){var a=!0;Ft(n)}else a=!1;if(Ca(n,t),null===n.stateNode)Hi(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):At(n,s=$t(o)?Nt:Lt.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),Pa=!1;var p=n.memoizedState;l.state=p,Ha(n,r,l,t),c=n.memoizedState,i!==r||p!==c||Ct.current||Pa?("function"==typeof d&&(ri(n,o,d,r),c=n.memoizedState),(i=Pa||ai(n,o,i,r,p,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,ja(e,n),i=n.memoizedProps,s=n.type===n.elementType?i:oi(n.type,i),l.props=s,u=n.pendingProps,p=l.context,c="object"==typeof(c=o.contextType)&&null!==c?Na(c):At(n,c=$t(o)?Nt:Lt.current);var h=o.getDerivedStateFromProps;(d="function"==typeof h||"function"==typeof l.getSnapshotBeforeUpdate)||"function"!=typeof l.UNSAFE_componentWillReceiveProps&&"function"!=typeof l.componentWillReceiveProps||(i!==u||p!==c)&&ii(n,l,r,c),Pa=!1,p=n.memoizedState,l.state=p,Ha(n,r,l,t);var b=n.memoizedState;i!==u||p!==b||Ct.current||Pa?("function"==typeof h&&(ri(n,o,h,r),b=n.memoizedState),(s=Pa||ai(n,o,s,r,p,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&&p===e.memoizedState||(n.flags|=4),"function"!=typeof l.getSnapshotBeforeUpdate||i===e.memoizedProps&&p===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&&p===e.memoizedState||(n.flags|=4),"function"!=typeof l.getSnapshotBeforeUpdate||i===e.memoizedProps&&p===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&&jt(n,o,!1),Ui(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=ya(n,e.child,null,a),n.child=ya(n,null,i,a)):wi(e,n,i,a),n.memoizedState=r.state,t&&jt(n,o,!0),n.child}function Li(e){var n=e.stateNode;n.pendingContext?Bt(0,n.pendingContext,n.pendingContext!==n.context):n.context&&Bt(0,n.context,!1),Ya(e,n.containerInfo)}function Ci(e,n,o,r,t){return ba(),ma(t),n.flags|=256,wi(e,n,o,r),n.child}var Ni,Ai,$i,Ii,Bi={dehydrated:null,treeContext:null,retryLane:0};function Pi(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=Ps(c,t,0,null):(i.childLanes=0,i.pendingProps=c),e=Bs(e,t,o,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=Pi(o),n.memoizedState=Bi,e):ji(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,Ri(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=Ps({mode:"visible",children:r.children},t,0,null),(l=Bs(l,t,i,null)).flags|=2,r.return=n,l.return=n,r.sibling=l,n.child=r,1&n.mode&&ya(n,e.child,null,i),n.child.memoizedState=Pi(i),n.memoizedState=Bi,l);if(!(1&n.mode))return Ri(e,n,i,null);if("$!"===t.data){if(r=t.nextSibling&&t.nextSibling.dataset)var c=r.dgst;return r=c,Ri(e,n,i,r=di(l=Error(a(419)),r,void 0))}if(c=0!==(i&e.childLanes),ki||c){if(null!==(r=Lc)){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=0!==(t&(r.suspendedLanes|i))?0:t)&&t!==l.retryLane&&(l.retryLane=t,Ba(e,t),os(r,e,t,-1))}return ms(),Ri(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++]=Jt,Zt[Gt++]=Qt,Zt[Gt++]=Yt,Jt=e.id,Qt=e.overflow,Yt=n),(n=ji(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=$s(l,s)).subtreeFlags=14680064&l.subtreeFlags:((t=n.child).childLanes=0,t.pendingProps=s,n.deletions=null),null!==r?i=$s(r,i):(i=Bs(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)?Pi(o):{baseLanes:c.baseLanes|o,cachePool:null,transitions:c.transitions},i.memoizedState=c,i.childLanes=e.childLanes&~o,n.memoizedState=Bi,t}return e=(i=e.child).sibling,t=$s(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 ji(e,n){return(n=Ps({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function Ri(e,n,o,r){return null!==r&&ma(r),ya(n,e.child,null,o),(e=ji(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Di(e,n,o){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),La(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 Ki(e,n,o){var r=n.pendingProps,t=r.revealOrder,a=r.tail;if(wi(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&&Di(e,o,n);else if(19===e.tag)Di(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 Hi(e,n){!(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function Ui(e,n,o){if(null!==e&&(n.dependencies=e.dependencies),Pc|=n.lanes,0===(o&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(a(153));if(null!==n.child){for(o=$s(e=n.child,e.pendingProps),n.child=o,o.return=n;null!==e.sibling;)e=e.sibling,(o=o.sibling=$s(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 $t(n.type)&&It(),qi(n),null;case 3:return r=n.stateNode,Ja(),St(Ct),St(Lt),rl(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(pa(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&n.flags)||(n.flags|=1024,null!==la&&(ls(la),la=null))),Ai(e,n),qi(n),null;case 5:Xa(n);var t=Ga(Za.current);if(o=n.type,null!==e&&null!=n.stateNode)$i(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),pa(n)){r=n.stateNode,o=n.type;var l=n.memoizedProps;switch(r[ht]=n,r[bt]=l,e=!!(1&n.mode),o){case"dialog":Dr("cancel",r),Dr("close",r);break;case"iframe":case"object":case"embed":Dr("load",r);break;case"video":case"audio":for(t=0;t<Pr.length;t++)Dr(Pr[t],r);break;case"source":Dr("error",r);break;case"img":case"image":case"link":Dr("error",r),Dr("load",r);break;case"details":Dr("toggle",r);break;case"input":Y(r,l),Dr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!l.multiple},Dr("invalid",r);break;case"textarea":te(r,l),Dr("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&&Xr(r.textContent,s,e),t=["children",s]):"number"==typeof s&&r.textContent!==""+s&&(!0!==l.suppressHydrationWarning&&Xr(r.textContent,s,e),t=["children",""+s]):i.hasOwnProperty(c)&&null!=s&&"onScroll"===c&&Dr("scroll",r)}switch(o){case"input":q(r),X(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[ht]=n,e[bt]=r,Ni(e,n,!1,!1),n.stateNode=e;e:{switch(c=ke(o,r),o){case"dialog":Dr("cancel",e),Dr("close",e),t=r;break;case"iframe":case"object":case"embed":Dr("load",e),t=r;break;case"video":case"audio":for(t=0;t<Pr.length;t++)Dr(Pr[t],e);t=r;break;case"source":Dr("error",e),t=r;break;case"img":case"image":case"link":Dr("error",e),Dr("load",e),t=r;break;case"details":Dr("toggle",e),t=r;break;case"input":Y(e,r),t=G(e,r),Dr("invalid",e);break;case"option":default:t=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},t=F({},r,{value:void 0}),Dr("invalid",e);break;case"textarea":te(e,r),t=re(e,r),Dr("invalid",e)}for(l in ve(o,t),s=t)if(s.hasOwnProperty(l)){var d=s[l];"style"===l?ge(e,d):"dangerouslySetInnerHTML"===l?null!=(d=d?d.__html:void 0)&&ue(e,d):"children"===l?"string"==typeof d?("textarea"!==o||""!==d)&&pe(e,d):"number"==typeof d&&pe(e,""+d):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(i.hasOwnProperty(l)?null!=d&&"onScroll"===l&&Dr("scroll",e):null!=d&&k(e,l,d,c))}switch(o){case"input":q(e),X(e,r,!1);break;case"textarea":q(e),le(e);break;case"option":null!=r.value&&e.setAttribute("value",""+U(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),pa(n)){if(r=n.stateNode,o=n.memoizedProps,r[ht]=n,(l=r.nodeValue!==o)&&null!==(e=ra))switch(e.tag){case 3:Xr(r.nodeValue,o,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xr(r.nodeValue,o,!!(1&e.mode))}l&&(n.flags|=4)}else(r=(9===o.nodeType?o:o.ownerDocument).createTextNode(r))[ht]=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))ha(),ba(),n.flags|=98560,l=!1;else if(l=pa(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[ht]=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):ms())),null!==n.updateQueue&&(n.flags|=4),qi(n),null);case 4:return Ja(),Ai(e,n),null===e&&Hr(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&&Je()>Kc&&(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*Je()-l.renderingStartTime>Kc&&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=Je(),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&Ac)&&(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 $t(n.type)&&It(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return Ja(),St(Ct),St(Lt),rl(),65536&(e=n.flags)&&!(128&e)?(n.flags=-65537&e|128,n):null;case 5:return Xa(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 Ja(),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}},Ai=function(){},$i=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&&Dr("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,Ji="function"==typeof WeakSet?WeakSet:Set,Qi=null;function Xi(e,n){var o=e.ref;if(null!==o)if("function"==typeof o)try{o(null)}catch(o){Es(e,n,o)}else o.current=null}function ec(e,n,o){try{o()}catch(o){Es(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[ht],delete n[bt],delete n[gt],delete n[ft],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 pc(e,n,o){for(o=o.child;null!==o;)hc(e,n,o),o=o.sibling}function hc(e,n,o){if(an&&"function"==typeof an.onCommitFiberUnmount)try{an.onCommitFiberUnmount(tn,o)}catch(e){}switch(o.tag){case 5:Yi||Xi(o,n);case 6:var r=dc,t=uc;dc=null,pc(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),Hn(e)):st(dc,o.stateNode));break;case 4:r=dc,t=uc,dc=o.stateNode.containerInfo,uc=!0,pc(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)}pc(e,n,o);break;case 1:if(!Yi&&(Xi(o,n),"function"==typeof(r=o.stateNode).componentWillUnmount))try{r.props=o.memoizedProps,r.state=o.memoizedState,r.componentWillUnmount()}catch(e){Es(o,n,e)}pc(e,n,o);break;case 21:pc(e,n,o);break;case 22:1&o.mode?(Yi=(r=Yi)||null!==o.memoizedState,pc(e,n,o),Yi=r):pc(e,n,o);break;default:pc(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 Ji),n.forEach((function(n){var r=Os.bind(null,e,n);o.has(n)||(o.add(n),n.then(r,r))}))}}function mc(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));hc(l,i,t),dc=null,uc=!1;var s=t.alternate;null!==s&&(s.return=null),t.return=null}catch(e){Es(t,n,e)}}if(12854&n.subtreeFlags)for(n=n.child;null!==n;)gc(n,e),n=n.sibling}function gc(e,n){var o=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(mc(n,e),fc(e),4&r){try{oc(3,e,e.return),rc(3,e)}catch(n){Es(e,e.return,n)}try{oc(5,e,e.return)}catch(n){Es(e,e.return,n)}}break;case 1:mc(n,e),fc(e),512&r&&null!==o&&Xi(o,o.return);break;case 5:if(mc(n,e),fc(e),512&r&&null!==o&&Xi(o,o.return),32&e.flags){var t=e.stateNode;try{pe(t,"")}catch(n){Es(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&&J(t,l),ke(c,i);var d=ke(c,l);for(i=0;i<s.length;i+=2){var u=s[i],p=s[i+1];"style"===u?ge(t,p):"dangerouslySetInnerHTML"===u?ue(t,p):"children"===u?pe(t,p):k(t,u,p,d)}switch(c){case"input":Q(t,l);break;case"textarea":ae(t,l);break;case"select":var h=t._wrapperState.wasMultiple;t._wrapperState.wasMultiple=!!l.multiple;var b=l.value;null!=b?oe(t,!!l.multiple,b,!1):h!==!!l.multiple&&(null!=l.defaultValue?oe(t,!!l.multiple,l.defaultValue,!0):oe(t,!!l.multiple,l.multiple?[]:"",!1))}t[bt]=l}catch(n){Es(e,e.return,n)}}break;case 6:if(mc(n,e),fc(e),4&r){if(null===e.stateNode)throw Error(a(162));t=e.stateNode,l=e.memoizedProps;try{t.nodeValue=l}catch(n){Es(e,e.return,n)}}break;case 3:if(mc(n,e),fc(e),4&r&&null!==o&&o.memoizedState.isDehydrated)try{Hn(n.containerInfo)}catch(n){Es(e,e.return,n)}break;case 4:default:mc(n,e),fc(e);break;case 13:mc(n,e),fc(e),8192&(t=e.child).flags&&(l=null!==t.memoizedState,t.stateNode.isHidden=l,!l||null!==t.alternate&&null!==t.alternate.memoizedState||(Mc=Je())),4&r&&bc(e);break;case 22:if(u=null!==o&&null!==o.memoizedState,1&e.mode?(Yi=(d=Yi)||u,mc(n,e),Yi=d):mc(n,e),fc(e),8192&r){if(d=null!==e.memoizedState,(e.stateNode.isHidden=d)&&!u&&1&e.mode)for(Qi=e,u=e.child;null!==u;){for(p=Qi=u;null!==Qi;){switch(b=(h=Qi).child,h.tag){case 0:case 11:case 14:case 15:oc(4,h,h.return);break;case 1:Xi(h,h.return);var m=h.stateNode;if("function"==typeof m.componentWillUnmount){r=h,o=h.return;try{n=r,m.props=n.memoizedProps,m.state=n.memoizedState,m.componentWillUnmount()}catch(e){Es(r,o,e)}}break;case 5:Xi(h,h.return);break;case 22:if(null!==h.memoizedState){yc(p);continue}}null!==b?(b.return=h,Qi=b):yc(p)}u=u.sibling}e:for(u=null,p=e;;){if(5===p.tag){if(null===u){u=p;try{t=p.stateNode,d?"function"==typeof(l=t.style).setProperty?l.setProperty("display","none","important"):l.display="none":(c=p.stateNode,i=null!=(s=p.memoizedProps.style)&&s.hasOwnProperty("display")?s.display:null,c.style.display=me("display",i))}catch(n){Es(e,e.return,n)}}}else if(6===p.tag){if(null===u)try{p.stateNode.nodeValue=d?"":p.memoizedProps}catch(n){Es(e,e.return,n)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;u===p&&(u=null),p=p.return}u===p&&(u=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:mc(n,e),fc(e),4&r&&bc(e);case 21:}}function fc(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&&(pe(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){Es(e,e.return,n)}e.flags&=-3}4096&n&&(e.flags&=-4097)}function vc(e,n,o){Qi=e,kc(e,n,o)}function kc(e,n,o){for(var r=!!(1&e.mode);null!==Qi;){var t=Qi,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(Qi=t;null!==Qi;)c=(l=Qi).child,22===l.tag&&null!==l.memoizedState?_c(t):null!==c?(c.return=l,Qi=c):_c(t);for(;null!==a;)Qi=a,kc(a,n,o),a=a.sibling;Qi=t,Gi=i,Yi=s}wc(e)}else 8772&t.subtreeFlags&&null!==a?(a.return=t,Qi=a):wc(e)}}function wc(e){for(;null!==Qi;){var n=Qi;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&&Ua(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}Ua(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 p=u.dehydrated;null!==p&&Hn(p)}}}break;default:throw Error(a(163))}Yi||512&n.flags&&tc(n)}catch(e){Es(n,n.return,e)}}if(n===e){Qi=null;break}if(null!==(o=n.sibling)){o.return=n.return,Qi=o;break}Qi=n.return}}function yc(e){for(;null!==Qi;){var n=Qi;if(n===e){Qi=null;break}var o=n.sibling;if(null!==o){o.return=n.return,Qi=o;break}Qi=n.return}}function _c(e){for(;null!==Qi;){var n=Qi;try{switch(n.tag){case 0:case 11:case 15:var o=n.return;try{rc(4,n)}catch(e){Es(n,o,e)}break;case 1:var r=n.stateNode;if("function"==typeof r.componentDidMount){var t=n.return;try{r.componentDidMount()}catch(e){Es(n,t,e)}}var a=n.return;try{tc(n)}catch(e){Es(n,a,e)}break;case 5:var l=n.return;try{tc(n)}catch(e){Es(n,l,e)}}}catch(e){Es(n,n.return,e)}if(n===e){Qi=null;break}var i=n.sibling;if(null!==i){i.return=n.return,Qi=i;break}Qi=n.return}}var xc,Ec=Math.ceil,zc=w.ReactCurrentDispatcher,Sc=w.ReactCurrentOwner,Tc=w.ReactCurrentBatchConfig,Oc=0,Lc=null,Cc=null,Nc=0,Ac=0,$c=zt(0),Ic=0,Bc=null,Pc=0,Fc=0,jc=0,Rc=null,Dc=null,Mc=0,Kc=1/0,Hc=null,Uc=!1,Vc=null,qc=null,Wc=!1,Zc=null,Gc=0,Yc=0,Jc=null,Qc=-1,Xc=0;function es(){return 6&Oc?Je():-1!==Qc?Qc:Qc=Je()}function ns(e){return 1&e.mode?2&Oc&&0!==Nc?Nc&-Nc:null!==ga.transition?(0===Xc&&(Xc=gn()),Xc):0!==(e=wn)?e:e=void 0===(e=window.event)?16:Jn(e.type):1}function os(e,n,o,r){if(50<Yc)throw Yc=0,Jc=null,Error(a(185));vn(e,o,r),2&Oc&&e===Lc||(e===Lc&&(!(2&Oc)&&(Fc|=o),4===Ic&&is(e,Nc)),rs(e,r),1===o&&0===Oc&&!(1&n.mode)&&(Kc=Je()+500,Dt&&Ht()))}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?0!==(i&o)&&0===(i&r)||(t[l]=bn(i,n)):c<=n&&(e.expiredLanes|=i),a&=~i}}(e,n);var r=hn(e,e===Lc?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){Dt=!0,Kt(e)}(cs.bind(null,e)):Kt(cs.bind(null,e)),it((function(){!(6&Oc)&&Ht()})),o=null;else{switch(yn(r)){case 1:o=Xe;break;case 4:o=en;break;case 16:default:o=nn;break;case 536870912:o=rn}o=Ls(o,ts.bind(null,e))}e.callbackPriority=n,e.callbackNode=o}}function ts(e,n){if(Qc=-1,Xc=0,6&Oc)throw Error(a(327));var o=e.callbackNode;if(_s()&&e.callbackNode!==o)return null;var r=hn(e,e===Lc?Nc:0);if(0===r)return null;if(30&r||0!==(r&e.expiredLanes)||n)n=gs(e,r);else{n=r;var t=Oc;Oc|=2;var l=bs();for(Lc===e&&Nc===n||(Hc=null,Kc=Je()+500,ps(e,n));;)try{vs();break}catch(n){hs(e,n)}Ta(),zc.current=l,Oc=t,null!==Cc?n=0:(Lc=null,Nc=0,n=Ic)}if(0!==n){if(2===n&&0!==(t=mn(e))&&(r=t,n=as(e,t)),1===n)throw o=Bc,ps(e,0),is(e,r),rs(e,Je()),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=gs(e,r),2===n&&(l=mn(e),0!==l&&(r=l,n=as(e,l))),1!==n)))throw o=Bc,ps(e,0),is(e,r),rs(e,Je()),o;switch(e.finishedWork=t,e.finishedLanes=r,n){case 0:case 1:throw Error(a(345));case 2:case 5:ys(e,Dc,Hc);break;case 3:if(is(e,r),(130023424&r)===r&&10<(n=Mc+500-Je())){if(0!==hn(e,0))break;if(((t=e.suspendedLanes)&r)!==r){es(),e.pingedLanes|=e.suspendedLanes&t;break}e.timeoutHandle=tt(ys.bind(null,e,Dc,Hc),n);break}ys(e,Dc,Hc);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=Je()-r)?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Ec(r/1960))-r)){e.timeoutHandle=tt(ys.bind(null,e,Dc,Hc),r);break}ys(e,Dc,Hc);break;default:throw Error(a(329))}}}return rs(e,Je()),e.callbackNode===o?ts.bind(null,e):null}function as(e,n){var o=Rc;return e.current.memoizedState.isDehydrated&&(ps(e,n).flags|=256),2!==(e=gs(e,n))&&(n=Dc,Dc=o,null!==n&&ls(n)),e}function ls(e){null===Dc?Dc=e:Dc.push.apply(Dc,e)}function is(e,n){for(n&=~jc,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=hn(e,0);if(!(1&n))return rs(e,Je()),null;var o=gs(e,n);if(0!==e.tag&&2===o){var r=mn(e);0!==r&&(n=r,o=as(e,r))}if(1===o)throw o=Bc,ps(e,0),is(e,n),rs(e,Je()),o;if(6===o)throw Error(a(345));return e.finishedWork=e.current.alternate,e.finishedLanes=n,ys(e,Dc,Hc),rs(e,Je()),null}function ss(e,n){var o=Oc;Oc|=1;try{return e(n)}finally{0===(Oc=o)&&(Kc=Je()+500,Dt&&Ht())}}function ds(e){null!==Zc&&0===Zc.tag&&!(6&Oc)&&_s();var n=Oc;Oc|=1;var o=Tc.transition,r=wn;try{if(Tc.transition=null,wn=1,e)return e()}finally{wn=r,Tc.transition=o,!(6&(Oc=n))&&Ht()}}function us(){Ac=$c.current,St($c)}function ps(e,n){e.finishedWork=null,e.finishedLanes=0;var o=e.timeoutHandle;if(-1!==o&&(e.timeoutHandle=-1,at(o)),null!==Cc)for(o=Cc.return;null!==o;){var r=o;switch(oa(r),r.tag){case 1:null!=(r=r.type.childContextTypes)&&It();break;case 3:Ja(),St(Ct),St(Lt),rl();break;case 5:Xa(r);break;case 4:Ja();break;case 13:case 19:St(el);break;case 10:Oa(r.type._context);break;case 22:case 23:us()}o=o.return}if(Lc=e,Cc=e=$s(e.current,null),Nc=Ac=n,Ic=0,Bc=null,jc=Fc=Pc=0,Dc=Rc=null,null!==Aa){for(n=0;n<Aa.length;n++)if(null!==(r=(o=Aa[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}Aa=null}return e}function hs(e,n){for(;;){var o=Cc;try{if(Ta(),tl.current=Ql,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,pl=0,Sc.current=null,null===o||null===o.return){Ic=1,Bc=n,Cc=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,p=u.tag;if(!(1&u.mode||0!==p&&11!==p&&15!==p)){var h=u.alternate;h?(u.updateQueue=h.updateQueue,u.memoizedState=h.memoizedState,u.lanes=h.lanes):(u.updateQueue=null,u.memoizedState=null)}var b=gi(i);if(null!==b){b.flags&=-257,fi(b,i,c,0,n),1&b.mode&&mi(l,d,n),s=d;var m=(n=b).updateQueue;if(null===m){var g=new Set;g.add(s),n.updateQueue=g}else m.add(s);break e}if(!(1&n)){mi(l,d,n),ms();break e}s=Error(a(426))}else if(aa&&1&c.mode){var f=gi(i);if(null!==f){!(65536&f.flags)&&(f.flags|=256),fi(f,i,c,0,n),ma(si(s,c));break e}}l=s=si(s,c),4!==Ic&&(Ic=2),null===Rc?Rc=[l]:Rc.push(l),l=i;do{switch(l.tag){case 3:l.flags|=65536,n&=-n,l.lanes|=n,Ka(l,hi(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,Ka(l,bi(l,c,n));break e}}l=l.return}while(null!==l)}ws(o)}catch(e){n=e,Cc===o&&null!==o&&(Cc=o=o.return);continue}break}}function bs(){var e=zc.current;return zc.current=Ql,null===e?Ql:e}function ms(){0!==Ic&&3!==Ic&&2!==Ic||(Ic=4),null===Lc||!(268435455&Pc)&&!(268435455&Fc)||is(Lc,Nc)}function gs(e,n){var o=Oc;Oc|=2;var r=bs();for(Lc===e&&Nc===n||(Hc=null,ps(e,n));;)try{fs();break}catch(n){hs(e,n)}if(Ta(),Oc=o,zc.current=r,null!==Cc)throw Error(a(261));return Lc=null,Nc=0,Ic}function fs(){for(;null!==Cc;)ks(Cc)}function vs(){for(;null!==Cc&&!Ge();)ks(Cc)}function ks(e){var n=xc(e.alternate,e,Ac);e.memoizedProps=e.pendingProps,null===n?ws(e):Cc=n,Sc.current=null}function ws(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(Cc=o);if(null===e)return Ic=6,void(Cc=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(o=Wi(o,n,Ac)))return void(Cc=o);if(null!==(n=n.sibling))return void(Cc=n);Cc=n=e}while(null!==n);0===Ic&&(Ic=5)}function ys(e,n,o){var r=wn,t=Tc.transition;try{Tc.transition=null,wn=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===Lc&&(Cc=Lc=null,Nc=0),!(2064&o.subtreeFlags)&&!(2064&o.flags)||Wc||(Wc=!0,Ls(nn,(function(){return _s(),null}))),l=!!(15990&o.flags),15990&o.subtreeFlags||l){l=Tc.transition,Tc.transition=null;var i=wn;wn=1;var c=Oc;Oc|=4,Sc.current=null,function(e,n){if(nt=Vn,br(e=hr())){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,p=e,h=null;n:for(;;){for(var b;p!==o||0!==t&&3!==p.nodeType||(c=i+t),p!==l||0!==r&&3!==p.nodeType||(s=i+r),3===p.nodeType&&(i+=p.nodeValue.length),null!==(b=p.firstChild);)h=p,p=b;for(;;){if(p===e)break n;if(h===o&&++d===t&&(c=i),h===l&&++u===r&&(s=i),null!==(b=p.nextSibling))break;h=(p=h).parentNode}p=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,Qi=n;null!==Qi;)if(e=(n=Qi).child,1028&n.subtreeFlags&&null!==e)e.return=n,Qi=e;else for(;null!==Qi;){n=Qi;try{var m=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!==m){var g=m.memoizedProps,f=m.memoizedState,v=n.stateNode,k=v.getSnapshotBeforeUpdate(n.elementType===n.type?g:oi(n.type,g),f);v.__reactInternalSnapshotBeforeUpdate=k}break;case 3:var w=n.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(a(163))}}catch(e){Es(n,n.return,e)}if(null!==(e=n.sibling)){e.return=n.return,Qi=e;break}Qi=n.return}m=nc,nc=!1}(e,o),gc(o,e),mr(ot),Vn=!!nt,ot=nt=null,e.current=o,vc(o,e,t),Ye(),Oc=c,wn=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,Je()),null!==n)for(r=e.onRecoverableError,o=0;o<n.length;o++)r((t=n[o]).value,{componentStack:t.stack,digest:t.digest});if(Uc)throw Uc=!1,e=Vc,Vc=null,e;!!(1&Gc)&&0!==e.tag&&_s(),1&(l=e.pendingLanes)?e===Jc?Yc++:(Yc=0,Jc=e):Yc=0,Ht()}(e,n,o,r)}finally{Tc.transition=t,wn=r}return null}function _s(){if(null!==Zc){var e=yn(Gc),n=Tc.transition,o=wn;try{if(Tc.transition=null,wn=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,Qi=e.current;null!==Qi;){var l=Qi,i=l.child;if(16&Qi.flags){var c=l.deletions;if(null!==c){for(var s=0;s<c.length;s++){var d=c[s];for(Qi=d;null!==Qi;){var u=Qi;switch(u.tag){case 0:case 11:case 15:oc(8,u,l)}var p=u.child;if(null!==p)p.return=u,Qi=p;else for(;null!==Qi;){var h=(u=Qi).sibling,b=u.return;if(ac(u),u===d){Qi=null;break}if(null!==h){h.return=b,Qi=h;break}Qi=b}}}var m=l.alternate;if(null!==m){var g=m.child;if(null!==g){m.child=null;do{var f=g.sibling;g.sibling=null,g=f}while(null!==g)}}Qi=l}}if(2064&l.subtreeFlags&&null!==i)i.return=l,Qi=i;else e:for(;null!==Qi;){if(2048&(l=Qi).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,Qi=v;break e}Qi=l.return}}var k=e.current;for(Qi=k;null!==Qi;){var w=(i=Qi).child;if(2064&i.subtreeFlags&&null!==w)w.return=i,Qi=w;else e:for(i=k;null!==Qi;){if(2048&(c=Qi).flags)try{switch(c.tag){case 0:case 11:case 15:rc(9,c)}}catch(e){Es(c,c.return,e)}if(c===i){Qi=null;break e}var y=c.sibling;if(null!==y){y.return=c.return,Qi=y;break e}Qi=c.return}}if(Oc=t,Ht(),an&&"function"==typeof an.onPostCommitFiberRoot)try{an.onPostCommitFiberRoot(tn,e)}catch(e){}r=!0}return r}finally{wn=o,Tc.transition=n}}return!1}function xs(e,n,o){e=Da(e,n=hi(0,n=si(o,n),1),1),n=es(),null!==e&&(vn(e,1,n),rs(e,n))}function Es(e,n,o){if(3===e.tag)xs(e,e,o);else for(;null!==n;){if(3===n.tag){xs(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=Da(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,Lc===e&&(Nc&o)===o&&(4===Ic||3===Ic&&(130023424&Nc)===Nc&&500>Je()-Mc?ps(e,0):jc|=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=Ba(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 Ls(e,n){return We(e,n)}function Cs(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 Cs(e,n,o,r)}function As(e){return!(!(e=e.prototype)||!e.isReactComponent)}function $s(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)As(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case x:return Bs(o.children,t,l,n);case E:i=8,t|=8;break;case z:return(e=Ns(12,o,n,2|t)).elementType=z,e.lanes=l,e;case L:return(e=Ns(13,o,n,t)).elementType=L,e.lanes=l,e;case C:return(e=Ns(19,o,n,t)).elementType=C,e.lanes=l,e;case $:return Ps(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 A: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 Bs(e,n,o,r){return(e=Ns(7,e,r,n)).lanes=o,e}function Ps(e,n,o,r){return(e=Ns(22,e,r,n)).elementType=$,e.lanes=o,e.stateNode={isHidden:!1},e}function Fs(e,n,o){return(e=Ns(6,e,null,n)).lanes=o,e}function js(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 Rs(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=fn(0),this.expirationTimes=fn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=fn(0),this.identifierPrefix=r,this.onRecoverableError=t,this.mutableSourceEagerHydrationData=null}function Ds(e,n,o,r,t,a,l,i,c){return e=new Rs(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(Ke(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($t(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($t(o))return Pt(e,o,n)}return n}function Ks(e,n,o,r,t,a,l,i,c){return(e=Ds(o,r,!0,e,0,a,0,i,c)).context=Ms(null),o=e.current,(a=Ra(r=es(),t=ns(o))).callback=null!=n?n:null,Da(o,a,t),e.current.lanes=t,vn(e,t,r),rs(e,r),e}function Hs(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=Ra(a,l)).payload={element:e},null!==(r=void 0===r?null:r)&&(n.callback=r),null!==(e=Da(t,n,l))&&(os(e,t,l,a),Ma(e,t,l)),l}function Us(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vs(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var o=e.retryLane;e.retryLane=0!==o&&o<n?o:n}}function qs(e,n){Vs(e,n),(e=e.alternate)&&Vs(e,n)}xc=function(e,n,o){if(null!==e)if(e.memoizedProps!==n.pendingProps||Ct.current)ki=!0;else{if(0===(e.lanes&o)&&!(128&n.flags))return ki=!1,function(e,n,o){switch(n.tag){case 3:Li(n),ba();break;case 5:Qa(n);break;case 1:$t(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(xa,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):0!==(o&n.child.childLanes)?Fi(e,n,o):(Tt(el,1&el.current),null!==(e=Ui(e,n,o))?e.sibling:null);Tt(el,1&el.current);break;case 19:if(r=0!==(o&n.childLanes),128&e.flags){if(r)return Ki(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,Ei(e,n,o)}return Ui(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;Hi(e,n),e=n.pendingProps;var t=At(n,Lt.current);Ca(n,o),t=gl(null,n,r,e,t,o);var l=fl();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,$t(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),wi(null,n,t,o),n=n.child),n;case 16:r=n.elementType;e:{switch(Hi(e,n),e=n.pendingProps,r=(t=r._init)(r._payload),n.type=r,t=n.tag=function(e){if("function"==typeof e)return As(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=yi(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(Li(n),null===e)throw Error(a(387));r=n.pendingProps,t=(l=n.memoizedState).element,ja(e,n),Ha(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=Ci(e,n,r,o,t=si(Error(a(423)),n));break e}if(r!==t){n=Ci(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=Ui(e,n,o);break e}wi(e,n,r,o)}n=n.child}return n;case 5:return Qa(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),wi(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=ya(n,null,r,o):wi(e,n,r,o),n.child;case 11:return r=n.type,t=n.pendingProps,yi(e,n,r,t=n.elementType===r?t:oi(r,t),o);case 7:return wi(e,n,n.pendingProps,o),n.child;case 8:case 12:return wi(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(xa,r._currentValue),r._currentValue=i,null!==l)if(cr(l.value,i)){if(l.children===t.children&&!Ct.current){n=Ui(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=Ra(-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),La(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),La(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}wi(e,n,t.children,o),n=n.child}return n;case 9:return t=n.type,r=n.pendingProps.children,Ca(n,o),r=r(t=Na(t)),n.flags|=1,wi(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 xi(e,n,n.type,n.pendingProps,o);case 17:return r=n.type,t=n.pendingProps,t=n.elementType===r?t:oi(r,t),Hi(e,n),n.tag=1,$t(r)?(e=!0,Ft(n)):e=!1,Ca(n,o),li(n,r,t),ci(n,r,t,o),Oi(null,n,r,!0,e,o);case 19:return Ki(e,n,o);case 22:return Ei(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 Js(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Qs(){}function Xs(e,n,o,r,t){var a=o._reactRootContainer;if(a){var l=a;if("function"==typeof t){var i=t;t=function(){var e=Us(l);i.call(e)}}Hs(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=Us(l);a.call(e)}}var l=Ks(n,r,e,0,null,!1,0,"",Qs);return e._reactRootContainer=l,e[mt]=l.current,Hr(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=Us(c);i.call(e)}}var c=Ds(e,0,!1,null,0,!1,0,"",Qs);return e._reactRootContainer=c,e[mt]=c.current,Hr(8===e.nodeType?e.parentNode:e),ds((function(){Hs(n,c,o,r)})),c}(o,n,e,t,r);return Us(l)}Gs.prototype.render=Zs.prototype.render=function(e){var n=this._internalRoot;if(null===n)throw Error(a(409));Hs(e,n,null,null)},Gs.prototype.unmount=Zs.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var n=e.containerInfo;ds((function(){Hs(null,e,null,null)})),n[mt]=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&&jn(e)}},_n=function(e){switch(e.tag){case 3:var n=e.stateNode;if(n.current.memoizedState.isDehydrated){var o=pn(n.pendingLanes);0!==o&&(kn(n,1|o),rs(n,Je()),!(6&Oc)&&(Kc=Je()+500,Ht()))}break;case 13:ds((function(){var n=Ba(e,1);if(null!==n){var o=es();os(n,e,1,o)}})),qs(e,1)}},xn=function(e){if(13===e.tag){var n=Ba(e,134217728);null!==n&&os(n,e,134217728,es()),qs(e,134217728)}},En=function(e){if(13===e.tag){var n=ns(e),o=Ba(e,n);null!==o&&os(o,e,n,es()),qs(e,n)}},zn=function(){return wn},Sn=function(e,n){var o=wn;try{return wn=e,n()}finally{wn=o}},_e=function(e,n,o){switch(n){case"input":if(Q(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),Q(r,t)}}}break;case"textarea":ae(e,o);break;case"select":null!=(n=o.value)&&oe(e,!!o.multiple,n,!1)}},Oe=ss,Le=ds;var ed={usingClientEntryPoint:!1,Events:[wt,yt,_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:w.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=Ds(e,1,!1,null,0,o,0,r,t),e[mt]=n.current,Hr(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(!Js(n))throw Error(a(200));return Xs(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=Ks(n,null,e,1,null!=o?o:null,t,0,l,i),e[mt]=n.current,Hr(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(!Js(n))throw Error(a(200));return Xs(null,e,n,!1,o)},n.unmountComponentAtNode=function(e){if(!Js(e))throw Error(a(40));return!!e._reactRootContainer&&(ds((function(){Xs(null,null,e,!1,(function(){e._reactRootContainer=null,e[mt]=null}))})),!0)},n.unstable_batchedUpdates=ss,n.unstable_renderSubtreeIntoContainer=function(e,n,o,r){if(!Js(o))throw Error(a(200));if(null==e||void 0===e._reactInternals)throw Error(a(38));return Xs(e,n,o,!1,r)},n.version="18.3.1-next-f1338f8080-20240426"},7036:(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"),p=Symbol.for("react.lazy"),h=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,g={};function f(e,n,o){this.props=e,this.context=n,this.refs=g,this.updater=o||b}function v(){}function k(e,n,o){this.props=e,this.context=n,this.refs=g,this.updater=o||b}f.prototype.isReactComponent={},f.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")},f.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=f.prototype;var w=k.prototype=new v;w.constructor=k,m(w,f.prototype),w.isPureReactComponent=!0;var y=Array.isArray,_=Object.prototype.hasOwnProperty,x={current:null},E={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)&&!E.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:x.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 L(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,y(l)?(t="",null!=e&&(t=e.replace(T,"$&/")+"/"),L(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+":",y(e))for(var s=0;s<e.length;s++){var d=a+O(i=e[s],s);c+=L(i,n,t,d,l)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=h&&e[h]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=L(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 C(e,n,o){if(null==e)return e;var r=[],t=0;return L(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 A={current:null},$={transition:null},I={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:$,ReactCurrentOwner:x};function B(){throw Error("act(...) is not supported in production builds of React.")}n.Children={map:C,forEach:function(e,n,o){C(e,(function(){n.apply(this,arguments)}),o)},count:function(e){var n=0;return C(e,(function(){n++})),n},toArray:function(e){return C(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=f,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=B,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=m({},e.props),a=e.key,l=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(l=n.ref,i=x.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)&&!E.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:p,_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=$.transition;$.transition={};try{e()}finally{$.transition=n}},n.unstable_act=B,n.useCallback=function(e,n){return A.current.useCallback(e,n)},n.useContext=function(e){return A.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return A.current.useDeferredValue(e)},n.useEffect=function(e,n){return A.current.useEffect(e,n)},n.useId=function(){return A.current.useId()},n.useImperativeHandle=function(e,n,o){return A.current.useImperativeHandle(e,n,o)},n.useInsertionEffect=function(e,n){return A.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return A.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return A.current.useMemo(e,n)},n.useReducer=function(e,n,o){return A.current.useReducer(e,n,o)},n.useRef=function(e){return A.current.useRef(e)},n.useState=function(e){return A.current.useState(e)},n.useSyncExternalStore=function(e,n,o){return A.current.useSyncExternalStore(e,n,o)},n.useTransition=function(){return A.current.useTransition()},n.version="18.3.1"},7280: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},7446:(e,n)=>{"use strict";Object.prototype.toString},8133:(e,n,o)=>{"use strict";o.d(n,{K:()=>de,a:()=>ue,b:()=>_,c:()=>m,d:()=>l,e:()=>c,f:()=>ee,g:()=>x,h:()=>M,i:()=>p,j:()=>K,k:()=>S,l:()=>P,m:()=>w,n:()=>J,o:()=>Z,p:()=>te,q:()=>q,r:()=>le,s:()=>fe,t:()=>b,u:()=>me,v:()=>he,w:()=>s,x:()=>be,y:()=>pe});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",p="kol-button-group-wc",h="kol-button-link",b="kol-button",m="kol-button-wc",g="kol-card",f="kol-combobox",v="kol-details",k="kol-drawer",w="kol-form",y="kol-heading",_="kol-heading-wc",x="kol-icon",E="kol-image",z="kol-indented-text",S="kol-indented-text-wc",T="kol-input-checkbox",O="kol-input-color",L="kol-input-date",C="kol-input-email",N="kol-input-file",A="kol-input-number",$="kol-input-password",I="kol-input-radio",B="kol-input-range",P="kol-input",F="kol-input-text",j="kol-kolibri",R="kol-link-button",D="kol-link-group",M="kol-link",K="kol-link-wc",H="kol-logo",U="kol-modal",V="kol-nav",q="kol-pagination",W="kol-popover-button",Z="kol-popover-wc",G="kol-progress",Y="kol-quote",J="kol-select",Q="kol-single-select",X="kol-skip-nav",ee="kol-span-wc",ne="kol-spin",oe="kol-split-button",re="kol-symbol",te="kol-table-stateful",ae="kol-table-stateless",le="kol-table-stateless-wc",ie="kol-table",ce="kol-tabs",se="kol-textarea",de="kol-toast-container",ue="kol-tooltip-wc",pe="kol-tree-item",he="kol-tree-item-wc",be="kol-tree",me="kol-tree-wc",ge="kol-version";const fe=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),p=e(p),h=e(h),b=e(b),m=e(m),g=e(g),f=e(f),v=e(v),k=e(k),w=e(w),y=e(y),_=e(_),x=e(x),E=e(E),z=e(z),S=e(S),T=e(T),O=e(O),L=e(L),C=e(C),N=e(N),A=e(A),$=e($),I=e(I),B=e(B),P=e(P),F=e(F),j=e(j),R=e(R),D=e(D),M=e(M),K=e(K),H=e(H),U=e(U),V=e(V),q=e(q),W=e(W),Z=e(Z),G=e(G),Y=e(Y),J=e(J),Q=e(Q),X=e(X),ee=e(ee),ne=e(ne),oe=e(oe),re=e(re),te=e(te),ae=e(ae),le=e(le),ie=e(ie),ce=e(ce),se=e(se),de=e(de),e(ue),ue=e(ue),pe=e(pe),he=e(he),be=e(be),me=e(me),ge=e(ge)}},8376: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(" ")}},8394:(e,n,o)=>{"use strict";var r,t,a,l,i,c;o.d(n,{B:()=>r,b:()=>a,d:()=>i,f:()=>s}),(t=r||(r={}))["Die Bundesregierung"]="BReg",t["Bundesministerium der Finanzen"]="BMF",t["Bundesministerium des Innern, für Bau und Heimat"]="BMI",t["Auswärtiges Amt"]="AA",t["Bundesministerium für Wirtschaft und Energie"]="BMWi",t["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",t["Bundesministerium für Arbeit und Soziales"]="BMAS",t["Bundesministerium der Verteidigung"]="BMVg",t["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",t["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",t["Bundesministerium für Gesundheit"]="BMG",t["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",t["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",t["Bundesministerium für Bildung und Forschung"]="BMBF",t["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ",Object.getOwnPropertyNames(r),(l=a||(a={}))["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",l["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",l["Bundesamt für äußere Restitutionen"]="BAR",l["Bundesamt für Bauwesen und Raumordnung"]="BBR",l["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",l["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",l["Bundesamt für Güterverkehr"]="BAG",l["Bundesamt für Justiz"]="BfJ",l["Bundesamt für Kartographie und Geodäsie"]="BKG",l["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",l["Bundesamt für Migration und Flüchtlinge"]="BAMF",l["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",l["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",l["Bundesamt für Verfassungsschutz"]="BfV",l["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",l["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",l["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",l.Bundesarchiv="BArch",l["Bundesaufsichtsamt für Flugsicherung"]="BAF",l.Bundesausgleichsamt="BAA",l.Bundeskartellamt="BKartA",l.Bundeskriminalamt="BKA",l.Bundesnachrichtendienst="BND",l["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",l["Bundespolizeipräsidium"]="BPOLP",l["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",l.Bundessortenamt="BSA",l.Bundessprachenamt="BSprA",l["Bundesamt für Soziale Sicherung"]="BAS",l.Bundesverwaltungsamt="BVA",l["Bundeszentralamt für Steuern"]="BZSt",l["Deutsches Patent- und Markenamt"]="DPMA",l["Eisenbahn-Bundesamt"]="EBA",l.Generalzolldirektion="GZD",l["Militärischer Abschirmdienst"]="MAD",l["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS",Object.getOwnPropertyNames(a),(c=i||(i={}))["Informationstechnikzentrum Bund"]="ITZBund",c["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",c["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",c["Bundesanstalt Technisches Hilfswerk"]="THW",c["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",c["Bundesinstitut für Bevölkerungsforschung"]="BiB",c["Bundesinstitut für Sportwissenschaft"]="BISp",Object.getOwnPropertyNames(i);const s=new Map;s.set(r["Die Bundesregierung"],["Die","Bundesregierung"]),s.set(r["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),s.set(r["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),s.set(r["Auswärtiges Amt"],["Auswärtiges Amt"]),s.set(r["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),s.set(r["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),s.set(r["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),s.set(r["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),s.set(r["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),s.set(r["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),s.set(r["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),s.set(r["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),s.set(r["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),s.set(r["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),s.set(r["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),s.set(a["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),s.set(a["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),s.set(a["Bundesamt für äußere Restitutionen"],[]),s.set(a["Bundesamt für Bauwesen und Raumordnung"],[]),s.set(a["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),s.set(a["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),s.set(a["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),s.set(a["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),s.set(a["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),s.set(a["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),s.set(a["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),s.set(a["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),s.set(a["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),s.set(a["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),s.set(a["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),s.set(a["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),s.set(a["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),s.set(a.Bundesarchiv,["Das","Bundesarchiv"]),s.set(a["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),s.set(a.Bundesausgleichsamt,["Bundesausgleichsamt"]),s.set(a.Bundeskartellamt,["Bundeskartellamt"]),s.set(a.Bundeskriminalamt,["Bundeskriminalamt"]),s.set(a.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),s.set(a["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),s.set(a["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),s.set(a["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),s.set(a.Bundessortenamt,["Bundessortenamt"]),s.set(a.Bundessprachenamt,["Bundessprachenamt"]),s.set(a["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),s.set(a.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),s.set(a["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),s.set(a["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),s.set(a["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),s.set(a.Generalzolldirektion,["Generalzolldirektion"]),s.set(a["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),s.set(a["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),s.set(i["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),s.set(i["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),s.set(i["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),s.set(i["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),s.set(i["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),s.set(i["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),s.set(i["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"])},8465:(e,n,o)=>{"use strict";o.d(n,{A:()=>fn,B:()=>kn,C:()=>ge,D:()=>Qe,E:()=>ne,F:()=>fe,G:()=>yn,H:()=>be,I:()=>qe,J:()=>xn,L:()=>de,M:()=>Ve,N:()=>an,O:()=>rn,P:()=>tn,Q:()=>gn,R:()=>X,S:()=>_n,T:()=>re,U:()=>un,V:()=>S,W:()=>ln,X:()=>pn,Y:()=>hn,Z:()=>en,a:()=>bn,b:()=>E,c:()=>oe,d:()=>te,e:()=>Z,f:()=>pe,g:()=>G,h:()=>ke,i:()=>Ye,j:()=>_e,k:()=>on,l:()=>We,m:()=>Ae,n:()=>H,o:()=>Ue,p:()=>mn,q:()=>xe,r:()=>Re,s:()=>ee,t:()=>Xe,u:()=>ye,v:()=>Ee,w:()=>Ge,x:()=>Je,y:()=>wn,z:()=>vn});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=(e,n,o)=>(i(e,"symbol"!=typeof n?n+"":n,o),o),d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==o.g?o.g:"undefined"!=typeof self?self:{},u={exports:{}};!function(e){var n,o;n=d,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,p="loglevel";function h(){var e;if(typeof window!==n&&p){try{e=window.localStorage[p]}catch(e){}if(typeof e===n)try{var o=window.document.cookie,r=encodeURIComponent(p),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?p+=":"+e:"symbol"==typeof e&&(p=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&&p){try{return void(window.localStorage[p]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(p)+"="+o+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),h()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&p){try{window.localStorage.removeItem(p)}catch(e){}try{window.document.cookie=encodeURIComponent(p)+"=; 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 m=h();null!=m&&(s=b(m)),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 p=typeof window!==n?window.log:void 0;return a.noConflict=function(){return typeof window!==n&&window.log===a&&(window.log=p),a},a.getLoggers=function(){return t},a.default=a,a},e.exports?e.exports=o():n.log=o()}(u);const p=u.exports,h={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:(()=>{const e=typeof process<"u"&&process.env?process.env:{},n="test"===e.NODE_ENV,o="VITEST"in e,r="JEST_WORKER_ID"in e,t="PLAYWRIGHT_TEST_BASE_URL"in e,a="true"===e.CI,l="true"===e.TEST||"true"===e.IS_TEST,i=typeof navigator<"u"&&!0===navigator.webdriver,c=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return n||o||r||t||a||l||i||c})(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[n,o]of h.A11yUi.PERFORMANCE_MEASURES.entries())e[n]=[o.totalTime/o.count,o.count];const n=Object.entries(e).sort(((e,n)=>n[1][0]-e[1][0]));return console.table(Object.fromEntries(n.map((([e,[n,o]])=>[e,{"avg (ms)":parseFloat(n.toFixed(2)),count:o}])))),e}}};let b=!0,m=!1;const g=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,f=e=>{if(!(e=>"string"==typeof e&&g.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]+)?$/`)},v=e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s*([{}:;,])\s*/g,"$1").replace(/\s+/g," ").replace(/;\}/g,"}").trim(),k=(e,n,o,r)=>{var t;(r=null!=r?r:{}).append=null!=(t=r.append)&&t,f(e),b&&!m&&(m=!0,p.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n    import { register } from 'adopted-style-sheets';\n    import { defineCustomElements } from '...';\n    import { THEME } from '...';\n\n    register(THEME, defineCustomElements)\n    .then(() => {\n        // run your app or website\n    })\n    .catch(console.warn);`));let a=h.A11yUi.THEMES.get(e);if(a||(a=new Map,h.A11yUi.THEMES.set(e,a)),r.append&&a.has(n)){const e=a.get(n);a.set(n,v(`${e}${o}`))}else a.set(n,v(o))},w=(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&&k(e,i.toUpperCase(),a,o)})),e),y=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let n=e.parentNode;for(;n instanceof ShadowRoot;)n=n.host;return y(n)}}return null},_=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},x=()=>"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,E=e=>{if(x())return h.A11yUi.Theme;{const n={cache:!0,encroachCss:_(),loglevel:"silent",mode:"csr",name:null},o=y(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={})=>{z||(z=!0,b=!1,typeof window<"u"&&(window.A11yUi=h.A11yUi)),"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===x()&&("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,p.info(`[Theming] Theme "${e}" was set as default theme.`))):m||(m=!0,p.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))})(e(((e,n,r)=>w(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}):p.error("[Theming] An attempt was made to load an incompatible theme.")})),b=!0,"function"==typeof n?n=new Set([n]):Array.isArray(n)&&(n=new Set(n));const r=[];return n.forEach((e=>{const n=e();n instanceof Promise&&r.push(n)})),Promise.all(r)},T=new Set,O=/--[^;]+/g,L=/:/,C=typeof MutationObserver<"u";let N=25,A=()=>{N=Math.min(25+20*Math.log2(h.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const $=(e,n)=>{const o=h.A11yUi.THEMES.get(e);return o instanceof Map&&o.has(n)?o.get(n):""},I=(e,n,o,r)=>{const t=performance.now();if((e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{var 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)}))}})(n,o),K(e),r(),h.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const n=h.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);n.count+=1,n.totalTime+=performance.now()-t}else h.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-t})},B=e=>{const n=h.A11yUi.STYLING_TASK_QUEUE.get(e);if(n){const{resetCss:o,themeDetails:r}=n;((e,n,o)=>{var r,t,a;const l=n.name||"default";let i;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");i=e.shadowRoot}catch(n){i=e}if(null==(r=h.A11yUi.CSS_STYLE_CACHE.get(l))?void 0:r.has(e.tagName))I(e,i,null==(t=h.A11yUi.CSS_STYLE_CACHE.get(l))?void 0:t.get(e.tagName),o);else{const r=$(l,"PROPERTIES"),t=$(l,"GLOBAL"),c=$(l,e.tagName);!1===T.has(l)&&((e,n)=>{var o;let r=n.match(O);if(Array.isArray(r)){r=r.filter((e=>L.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${r.join(";")}}`,null==(o=document.querySelector("head"))||o.appendChild(n)}T.add(e)})(l,t);const s=[r,t,c];((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("")))))}})(i,s,n.encroachCss),!0===n.cache&&(!1===h.A11yUi.CSS_STYLE_CACHE.has(l)&&h.A11yUi.CSS_STYLE_CACHE.set(l,new Map),null==(a=h.A11yUi.CSS_STYLE_CACHE.get(l))||a.set(e.tagName,s)),I(e,i,s,o)}})(e,r,o),K(e)}};let P=e=>{const n=setTimeout((()=>{clearTimeout(n),e.classList.contains("hydrated")?B(e):P(e)}),N)};const F={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1},j={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},R=C?new MutationObserver(((e,n)=>{for(const o of e){const e=o.target;e.classList.contains("hydrated")&&(B(e),n.observe(e,j))}})):null;R&&(P=e=>R.observe(e,F),A=()=>{});let D=e=>{const n=getComputedStyle(e).getPropertyValue("--theme-visibility-delay").trim();if(n.endsWith("ms"))return parseFloat(n);if(n.endsWith("s"))return 1e3*parseFloat(n);{const e=parseFloat(n);return isNaN(e)?0:e}};h.A11yUi.IS_TEST_ENVIRONMENT&&(D=()=>0);const M=(e,n)=>{e.style.setProperty("visibility",n),e.dataset.themed=""},K=e=>{h.A11yUi.STYLING_TASK_QUEUE.delete(e),A()},H=(e,n)=>{((e,n)=>{const o=e.style.visibility||null;h.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{const n=D(e);n>0?setTimeout((()=>{M(e,o)}),n):M(e,o)},themeDetails:n}),e.style.setProperty("visibility","hidden","important"),P(e)})(e,c(c({},h.A11yUi.Theme),n))};var U,V,q,W;(V=U||(U={}))[V.error=0]="error",V[V.warning=1]="warning",V[V.info=2]="info",V[V.success=3]="success",V[V.message=4]="message",V[V.close=5]="close",V[V["form-description"]=6]="form-description",V[V.of=7]="of",V[V.characters=8]="characters",V[V.new=9]="new",V[V["no-entries"]=10]="no-entries",V[V["change-order"]=11]="change-order",V[V["action-running"]=12]="action-running",V[V["action-done"]=13]="action-done",V[V["page-first"]=14]="page-first",V[V["page-back"]=15]="page-back",V[V["page-next"]=16]="page-next",V[V["page-last"]=17]="page-last",V[V["entries-per-site"]=18]="entries-per-site",V[V["page-current"]=19]="page-current",V[V["page-selected"]=20]="page-selected",V[V["page-per-site"]=21]="page-per-site",V[V["logo-description"]=22]="logo-description",V[V["open-link-in-tab"]=23]="open-link-in-tab",V[V["kolibri-logo"]=24]="kolibri-logo",(W=q||(q={}))[W.abbr=0]="abbr",W[W.accordion=1]="accordion",W[W["accordion-group"]=2]="accordion-group",W[W.alert=3]="alert",W[W.avatar=4]="avatar",W[W.badge=5]="badge",W[W.breadcrumb=6]="breadcrumb",W[W.button=7]="button",W[W["button-group"]=8]="button-group",W[W["button-link"]=9]="button-link",W[W.card=10]="card",W[W.combobox=11]="combobox",W[W.details=12]="details",W[W.drawer=13]="drawer",W[W.form=14]="form",W[W.heading=15]="heading",W[W.icon=16]="icon",W[W.image=17]="image",W[W["indented-text"]=18]="indented-text",W[W["input-checkbox"]=19]="input-checkbox",W[W["input-color"]=20]="input-color",W[W["input-date"]=21]="input-date",W[W["input-email"]=22]="input-email",W[W["input-file"]=23]="input-file",W[W["input-number"]=24]="input-number",W[W["input-password"]=25]="input-password",W[W["input-radio"]=26]="input-radio",W[W["input-range"]=27]="input-range",W[W["input-text"]=28]="input-text",W[W.kolibri=29]="kolibri",W[W.link=30]="link",W[W["link-button"]=31]="link-button",W[W["link-group"]=32]="link-group",W[W.logo=33]="logo",W[W.modal=34]="modal",W[W.nav=35]="nav",W[W.pagination=36]="pagination",W[W["popover-button"]=37]="popover-button",W[W.progress=38]="progress",W[W.select=39]="select",W[W.separator=40]="separator",W[W["single-select"]=41]="single-select",W[W["skip-nav"]=42]="skip-nav",W[W.spin=43]="spin",W[W["split-button"]=44]="split-button",W[W.symbol=45]="symbol",W[W.table=46]="table",W[W["table-stateful"]=47]="table-stateful",W[W["table-stateless"]=48]="table-stateless",W[W.tabs=49]="tabs",W[W.textarea=50]="textarea",W[W["toast-container"]=51]="toast-container",W[W.toolbar=52]="toolbar",W[W.tooltip=53]="tooltip",W[W.tree=54]="tree",W[W["tree-item"]=55]="tree-item";const Z=()=>"undefined"==typeof window?null:window,G=()=>void 0===Z().document?null:Z().document;let Y=!1,J=!1,Q=!1;const X=()=>!0===Y,ee=e=>{Y=!0===e},ne=()=>!0===J,oe=e=>{J=!0===e},re=()=>!0===Q,te=e=>{Q=!0===e},ae=e=>Array.isArray(e)?e:[e],le=e=>`%c${e}`,ie=(e,n)=>"string"==typeof n&&n.length>0?`${le(e)} | ${n}`:le(e),ce=(e,n)=>[ie(e,null==n?void 0:n.classifier),`color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000;${(null==n?void 0:n.overwriteStyle)||""}`],se=(e,n)=>e()||!0===n,de=new class{constructor(e,n){this.label=e,this.devMode=n}debug(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.debug(...ce(this.label,n),...ae(e))}info(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.info(...ce(this.label,n),...ae(e))}trace(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.trace(...ce(this.label,n),...ae(e))}warn(e,n){se(this.devMode,null==n?void 0:n.forceLog)&&console.warn(...ce(this.label,n),...ae(e))}error(e,n){console.error(...ce(this.label,n),...ae(e))}throw(e,n){if(se(this.devMode,null==n?void 0:n.forceLog))throw new Error(...ce(this.label,n),...ae(e))}}("KoliBri",X),ue=new Set,pe=(e,n)=>{(!1===ue.has(e)||(null==n?void 0:n.force))&&(ue.add(e),de.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #09f"}))},he=new Set,be=(e,n)=>{(!1===he.has(e)||(null==n?void 0:n.force))&&(he.add(e),de.warn([e].concat((null==n?void 0:n.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f00"}))},me=new Set,ge=(e,n)=>{(!1===me.has(e)||(null==n?void 0:n.force))&&(me.add(e),de.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"💻 dev",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f09"}))},fe=(e,n)=>{(!1===me.has(e)||(null==n?void 0:n.force))&&(me.add(e),de.warn([e].concat((null==n?void 0:n.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f09"}))},ve=new Set,ke=(e,n=!1,o)=>{(!1===ve.has(e)||(null==o?void 0:o.force))&&(ve.add(e),e+=!0===n?" ✅":"",de.debug([e].concat((null==o?void 0:o.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==o?void 0:o.force),overwriteStyle:"; background-color: #309"}))};ge("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const we=new Set,ye=(e,n)=>{(!1===we.has(e)||(null==n?void 0:n.force))&&(we.add(e),de.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #060;"}))},_e=()=>{pe('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},xe=e=>{"string"==typeof e&&""!==e||pe("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},Ee=(e,n=8)=>{n>7&&ye(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var ze=.2126,Se=.7152,Te=.0722,Oe=1/12.92;function Le(e){return Math.pow((e+.055)/1.055,2.4)}function Ce(e){var n=e[0]/255,o=e[1]/255,r=e[2]/255,t=n<=.03928?n*Oe:Le(n),a=o<=.03928?o*Oe:Le(o),l=r<=.03928?r*Oe:Le(r);return t*ze+a*Se+l*Te}function Ne(e){var n=255;8===(e=e.replace(/^#/,"")).length&&(n=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(n=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,n]}function Ae(e,n){return function(e,n){return function(e,n){return(Math.max(e,n)+.05)/(Math.min(e,n)+.05)}(Ce(e),Ce(n))}(Ne(e),Ne(n))}var $e={exports:{}};function Ie(e){var n=Be(e);return 3==n.length?n.concat(255):(n[3]=Math.round(n[3]),n)}function Be(e){return"string"==typeof e?("red"==(n=e=e.toLowerCase())?[255,0,0]:"green"==n?[0,255,0]:"blue"==n?[0,0,255]:"black"==n?[0,0,0]:"white"==n?[255,255,255]:"cyan"==n?[0,255,255]:"gray"==n||"grey"==n?[128,128,128]:"magenta"==n||"pink"==n?[255,0,255]:"yellow"==n?[255,255,0]:void 0)||function(e){var n=e.replace(/^#/,""),o=n.length;if(3==o||4==o){var r=Fe(n[0]),t=Fe(n[1]),a=Fe(n[2]),l=3==o?255:Fe(n[3]);if(isNaN(r)||isNaN(t)||isNaN(a)||isNaN(l))return;return[r,t,a,l]}}(e)||function(e){var n=e.replace(/^#/,""),o=n.length;if(6==o||8==o){var r=Fe(n.slice(0,2)),t=Fe(n.slice(2,4)),a=Fe(n.slice(4,6)),l=6==o?255:Fe(n.slice(6,8));if(isNaN(r)||isNaN(t)||isNaN(a)||isNaN(l))return;return[r,t,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var n=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=je(n[0],!0),r=je(n[1],!0),t=je(n[2],!0);if(-1!=o&&-1!=r&&-1!=t)return[o,r,t,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var n=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=je(n[0],!0),r=je(n[1],!0),t=je(n[2],!0),a=je(255*n[3]);if(-1!=o&&-1!=r&&-1!=t&&-1!=a)return[o,r,t,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var n=je(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=je(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=je(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),t=je(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=n&&-1!=o&&-1!=r&&-1!=t)return[n,o,r,t]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var n=je(e[0],!0),o=je(e[1],!0),r=je(e[2],!0),t=je(null!=e[3]?e[3]:255,!0);if(-1!=n&&-1!=o&&-1!=r&&-1!=t)return[n,o,r,t]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var n}function Pe(e){var n=e.toString(16);return 1==n.length?"0"+n:n}function Fe(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function je(e,n){return"number"!=typeof e||!0===n&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}$e.exports=Ie,$e.exports.arr=Ie,$e.exports.obj=function(e){var n=Be(e);return{r:n[0],g:n[1],b:n[2],a:3==n.length?255:Math.round(n[3])}},$e.exports.css=function(e){var n=Be(e);return 3==n.length&&n.push(255),255==n[3]?"rgb("+n[0]+", "+n[1]+", "+n[2]+")":0==n[3]?"rgba("+n[0]+", "+n[1]+", "+n[2]+", 0)":"rgba("+n[0]+", "+n[1]+", "+n[2]+", "+String(n[3]/255).substr(1)+")"},$e.exports.hex=function(e){3==(a=Be(e)).length&&a.push(255);var n=255==a[3],o=Pe(a[0]),r=Pe(a[1]),t=Pe(a[2]),a=Pe(Math.round(a[3])),l=function(e,n,o,r){var t=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=t.indexOf(e)&&-1!=t.indexOf(n)&&-1!=t.indexOf(o)&&-1!=t.indexOf(r)}(o,r,t,a);return n?l?"#"+o.charAt(0)+r.charAt(0)+t.charAt(0):"#"+o+r+t:l?"#"+o.charAt(0)+r.charAt(0)+t.charAt(0)+a.charAt(0):"#"+o+r+t+a},$e.exports.num=function(e){var n=Be(e);return 3==n.length?n.push(255):n[3]=Math.round(n[3]),(n[3]<<24>>>0|n[0]<<16|n[1]<<8|n[2])>>>0};const Re=$e.exports,De=(e,n)=>{n.forEach((n=>{!1===e.has(n)&&e.add(n)}))},Me=(e,n=document)=>{if(n instanceof Document||n instanceof HTMLElement||n instanceof ShadowRoot){const o=new Set;De(o,n.querySelectorAll(e));const r=n.querySelectorAll('[class*="hydrated"]');for(let n=0;n<r.length;n++){const t=r[n].shadowRoot;De(o,Me(e,"object"==typeof t&&null!==t?t:r[n]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},Ke=(e,n=document)=>{if(n instanceof Document||n instanceof HTMLElement||n instanceof ShadowRoot){let o=n.querySelector(e);if(null===o){const r=n.querySelectorAll('[class*="hydrated"]');for(let n=0;n<r.length;n++){const t=r[n].shadowRoot;if(o=Ke(e,"object"==typeof t&&null!==t?t:r[n]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")},He=/\[object Object\]/,Ue=(e,n)=>{"string"==typeof e&&He.test(e)||n()},Ve=(e,n)=>{"string"==typeof e&&""===e||n()},qe=(e,n)=>{ne()&&(de.debug([e,n]),de.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:n,writable:!1})},We=(e,n,o,r={})=>{var t,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextHooks.get(n)instanceof Map==0&&e.nextHooks.set(n,new Map),"function"==typeof r.afterPatch&&(null===(t=e.nextHooks.get(n))||void 0===t||t.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(n))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(n,o),(e=>{var n,o,r;null===(n=e.nextHooks)||void 0===n||n.forEach(((n,o)=>{var r;const t=n.get("beforePatch");"function"==typeof t&&t(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((n,o)=>{const r=n.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks})(e)},Ze=(e,n,o,r)=>{ge(`[${e.constructor.name}] The property value: (${o}) for '${n}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function Ge(e,n,o,r,t,a={}){o(t)?We(e,n,t,a.hooks):void 0===t&&!0!==a.required&&o(a.defaultValue)?We(e,n,a.defaultValue,a.hooks):(a.required||r.add(null),Ze(e,n,t,r))}const Ye=(e,n,o,r)=>{Ge(e,n,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},Je=(e,n,o,r={})=>{const t="number"==typeof r.minLength?null==r?void 0:r.minLength:0;Ge(e,n,(e=>"string"==typeof e&&e.length>=t&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength)),new Set(["String"]),o,r)},Qe=(e,n,o,r)=>{Ge(e,n,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},Xe=(e,n,o,r,t=e=>e==e,a={})=>{Ve(r,(()=>{Ue(r,(()=>{void 0===r&&(r=[]);try{try{r=on(r)}catch(e){}if(Array.isArray(r)){const l=r.find((e=>!o(e)));void 0===l&&t(r)?We(e,n,r,a.hooks):Ue(l,(()=>{throw de.debug(l),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else Ue(r,(()=>{throw de.debug(r),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){de.debug(e)}}))}))},en=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(n){throw de.warn(["stringifyJson",e]),de.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},nn=/^[{[]/,on=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(n){if(nn.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(n){de.warn(["parseJson",e]),de.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},rn=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,tn=e=>"string"==typeof e?e:rn(e),an=(e,n)=>Ke(e,n||G()),ln=(e,n)=>Me(e,n||G());let cn=null;const sn=()=>(cn=cn||{backgroundColor:"#00000000",color:"#00000000",domNode:G().body,level:"Fail",score:1},cn),dn=/(\d+, ){3}0\)/,un=(e,n=sn())=>{const o=getComputedStyle(e),r=dn.test(o.backgroundColor)?n.backgroundColor:Re.hex(o.backgroundColor),t=dn.test(o.color)?n.color:Re.hex(o.color),a=Ae(r,t),l={backgroundColor:r,color:t,domNode:e,level:(i=a,i>=7?"AAA":i>=4.5?"AA":i>=3?"AA Large":"Fail"),score:a};var i;return a<4.5&&de.error(["Color-Contrast-Error",{backgroundColor:l.backgroundColor,color:l.color,level:l.level,score:l.score},l.domNode]),l},pn=(e,n=sn())=>{n.domNode instanceof HTMLElement&&(n=un(n.domNode,n));const o=n.domNode.querySelector(e);if(null===o){const o=n.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(n.domNode=o[r],null===(n=pn(e,n)).domNode);r++);return n}return un(o,n)};class hn{static queryHtmlElementColors(e,n,o=!1,r=!0){let t=null;if(!0===o||!1===hn.executionLock)if(!1===o&&(hn.cache.clear(),hn.cache.set(n.domNode,n),hn.executionLock=!0,!0===r&&de.debug("[KoliBriUtils] Color contrast analysis started...")),e===n.domNode)t=n;else{const o=new Set;if(n.domNode.shadowRoot){const e=n.domNode.shadowRoot.children;for(let n=0;n<e.length;n++)o.add(e[n])}const r=n.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let n=0;n<e.length;n++)e[n]instanceof HTMLElement&&o.add(e[n])}const a=n.domNode.children;for(let e=0;e<a.length;e++)o.add(a[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=hn.cache.get(l[o]);void 0===r&&(r=un(l[o],n)),hn.cache.set(l[o],r);const a=hn.queryHtmlElementColors(e,r,!0,!1);if(null!==a){t=a;break}}}else de.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&de.debug(`[KoliBriUtils] Color contrast analysis finished (${hn.cache.size} DOM elements are analysed).`),hn.executionLock=!1,hn.cache.clear()),t}}hn.executionLock=!1,hn.cache=new Map;class bn{}bn.getCssStyle=$,bn.patchTheme=(e,n,o,r)=>w(e,n,o,r),bn.patchThemeTag=(e,n,o,r)=>k(e,n,o,r),bn.querySelector=an,bn.querySelectorAll=ln,bn.stringifyJson=en;let mn="development";try{mn="production"}catch(e){mn="production"}const gn=(e,n,o)=>{if(e&&n&&"string"==typeof o){const r=e.querySelector(`[slot="${o}"]`);r&&n.appendChild(r)}},fn=e=>""===e,vn=(e,n)=>e||n||"",kn=e=>"object"==typeof e&&null!==e,wn=(e,n=0)=>"string"==typeof e&&e.length>=n,yn=e=>{if("object"!=typeof e||null===e)return wn(e,1);for(const n in e)if(!1===wn(n,1))return!1;return!0},_n=new Event("StateChange");var xn,En;(En=xn||(xn={})).bar="bar",En.cycle="cycle",new class{constructor(e,n,o){s(this,"Prefix"),s(this,"Key"),s(this,"Tag"),s(this,"createTheme",((e,n)=>((e,n)=>o=>o(e,n,{append:!1}))(e,n))),s(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",U,q)},9062: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 p(e){return"string"==typeof e&&e&&-1!==["'",'"'].indexOf(e.charAt(0))}function h(e){return!p(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+(p(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])&&(h(r)&&(r='"'+r+'"'),a=!(l=p(r))&&/^\d+$/.test(r),n.call(o,r,l,a,t,e))}(Array.isArray(e)?e:u(e),n,o)}}},9807:(e,n,o)=>{"use strict";o.d(n,{E:()=>s,F:()=>Me,H:()=>K,a:()=>Z,b:()=>De,g:()=>G,h:()=>D,r:()=>h});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:"2.2.12"};var d=Object.defineProperty,u=new WeakMap,p=e=>u.get(e),h=(e,n)=>u.set(n.$lazyInstance$=e,n),b=(e,n)=>n in e,m=(e,n)=>(0,console.error)(e,n),g=new Map,f=new Map,v=[],k="s-id",w="c-id",y="slot-fb{display:contents}slot-fb[hidden]{display:none}",_="http://www.w3.org/1999/xlink",x="undefined"!=typeof window?window:{},E=x.document||{head:{}},z={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,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{E.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),T=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),O=e=>Promise.resolve(undefined).then(e),L={},C=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:()=>$,map:()=>I,ok:()=>A,unwrap:()=>j,unwrapErr:()=>R});var A=e=>({isOk:!0,isErr:!1,value:e}),$=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=>A(e))):A(o)}if(e.isErr){const n=e.value;return $(n)}throw"should never get here"}var B,P,F,j=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},D=(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&&!C(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,H);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}),K={},H={forEach:(e,n)=>e.map(U).forEach(n),map:(e,n)=>e.map(U).map(n).map(V)},U=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),V=e=>{if("function"==typeof e.vtag){const n=((e,n)=>{for(var 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),D(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(w),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(w),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$=E.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=>p(e).$hostElement$,Y=new WeakMap,J=(e,n,o)=>{var r;const t=Q(n,o),a=f.get(t);if(e=11===e.nodeType?e:E,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=E.createElement("style"),o.innerHTML=a;const t=null!=(r=z.$nonce$)?r:N(E);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+=y),l&&l.add(t)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return t},Q=(e,n)=>"sc-"+(n&&32&e.$flags$?e.$tagName$+"-"+n:e.$tagName$),X=(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=C(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(x,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$||L,a=n.$attrs$||L;for(const e of ae(Object.keys(t)))e in a||X(r,e,t[e],void 0,o,n.$flags$);for(const e of ae(Object.keys(a)))X(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$&&(B&&r.classList.add(B+"-s"),a.$flags$|=a.$children$?2:1)),null!==a.$text$)l=a.$elm$=E.createTextNode(a.$text$);else if(1&a.$flags$)l=a.$elm$=E.createTextNode("");else{if(se||(se="svg"===a.$tag$),l=a.$elm$=E.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"]=P,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"]&&(xe(ge(r),r,me(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,ce=!0),n&&ue(r,n)}z.$flags$&=-2},pe=(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,xe(i,l,me(n))))},he=(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$)),me=e=>e&&e["s-ol"]||e,ge=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,fe=(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,p=n[0],h=n[u],b=r.length-1,m=r[0],g=r[b];for(;i<=u&&c<=b;)if(null==p)p=n[++i];else if(null==h)h=n[--u];else if(null==m)m=r[++c];else if(null==g)g=r[--b];else if(be(p,m,t))fe(p,m,t),p=n[++i],m=r[++c];else if(be(h,g,t))fe(h,g,t),h=n[--u],g=r[--b];else if(be(p,g,t))"slot"!==p.$tag$&&"slot"!==g.$tag$||ue(p.$elm$.parentNode,!1),fe(p,g,t),xe(e,p.$elm$,h.$elm$.nextSibling),p=n[++i],g=r[--b];else if(be(h,m,t))"slot"!==p.$tag$&&"slot"!==g.$tag$||ue(h.$elm$.parentNode,!1),fe(h,m,t),xe(e,h.$elm$,p.$elm$),h=n[--u],m=r[++c];else{for(s=-1,d=i;d<=u;++d)if(n[d]&&null!==n[d].$key$&&n[d].$key$===m.$key$){s=d;break}s>=0?(l=n[s],l.$tag$!==m.$tag$?a=de(n&&n[c],o,s,e):(fe(l,m,t),n[s]=void 0,a=l.$elm$),m=r[++c]):(a=de(n&&n[c],o,c,e),m=r[++c]),a&&xe(ge(p.$elm$),a,me(p.$elm$))}i>u?pe(e,null==r[b+1]?null:r[b+1].$elm$,o,r,c,b):c>b&&he(n,i,u)})(r,t,n,a,o):null!==a?(null!==e.$text$&&(r.textContent=""),pe(r,null,n,a,0,a.length-1)):!o&&null!==t&&he(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=[],we=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(ye(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=>{ye(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&&we(t)}},ye=(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)},xe=(e,n,o)=>null==e?void 0:e.insertBefore(n,o),Ee=(e,n)=>{n&&!e.$onRenderResolve$&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.$onRenderResolve$=n)))},ze=(e,n)=>{if(!(4&e.$flags$))return Ee(e,e.$ancestorComponent$),Se(e,n);e.$flags$|=512},Se=(e,n)=>{const 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])=>$e(t,e,n))),e.$queuedListeners$=void 0),a=$e(t,"componentWillLoad")),a=Te(a,(()=>$e(t,"componentWillRender"))),r(),Te(a,(()=>Le(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,Le=(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=J(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$,()=>{});Ce(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)}})),Ce=(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$===K?n:D(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,B=i["s-sc"],le=!!(1&c.$flags$),P=i["s-cr"],ie=!1,fe(s,d,o),z.$flags$|=1,ce){we(d.$elm$);for(const e of ke){const n=e.$nodeToRelocate$;if(!n["s-ol"]){const e=E.createTextNode("");e["s-nr"]=n,xe(n.parentNode,n["s-ol"]=e,n)}}for(const e of 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),xe(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,P=void 0})(e,n,r)}catch(n){m(n,e.$hostElement$)}return null},Ne=e=>{e.$cmpMeta$.$tagName$;const n=e.$hostElement$,o=e.$lazyInstance$,r=e.$ancestorComponent$;$e(o,"componentDidRender"),64&e.$flags$||(e.$flags$|=64,Ie(n),$e(o,"componentDidLoad"),e.$onReadyResolve$(n),r||Ae()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&O((()=>ze(e,!1))),e.$flags$&=-517},Ae=e=>{Ie(E.documentElement),O((()=>(e=>{const n=z.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(n),n})(x)))},$e=(e,n,o)=>{if(e&&e[n])try{return e[n](o)}catch(e){m(e)}},Ie=e=>e.classList.add("hydrated"),Be=(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,p(this).$instanceValues$.get(n);var n},set(o){((e,n,o,r)=>{const t=p(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||C(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){m(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=p(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=p(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},Pe=e=>{$e(e,"connectedCallback")},Fe=e=>{if(!(1&z.$flags$)){const n=p(e),r=n.$cmpMeta$,t=(r.$tagName$,()=>{});if(1&n.$flags$)Ke(e,n,r.$listeners$),(null==n?void 0:n.$lazyInstance$)?Pe(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>Pe(n.$lazyInstance$)));else{let t;if(n.$flags$|=1,t=e.getAttribute(k),t){if(1&r.$flags$){const n=J(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(E.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$&&je(e);{let o=e;for(;o=o.parentNode||o.host;)if(1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){Ee(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=g.get(r);if(t)return t[n];{const e=e=>(g.set(r,e),e[n]);switch(r){case"kol-abbr":return o.e(7461).then(o.bind(o,7461)).then(e,m);case"kol-accordion":return o.e(1786).then(o.bind(o,1786)).then(e,m);case"kol-alert":return o.e(2462).then(o.bind(o,81)).then(e,m);case"kol-avatar":return o.e(8471).then(o.bind(o,8471)).then(e,m);case"kol-badge":return o.e(7391).then(o.bind(o,7391)).then(e,m);case"kol-breadcrumb":return o.e(6731).then(o.bind(o,6731)).then(e,m);case"kol-button":return o.e(8210).then(o.bind(o,8210)).then(e,m);case"kol-button-group":return o.e(92).then(o.bind(o,92)).then(e,m);case"kol-button-link":return o.e(8799).then(o.bind(o,8799)).then(e,m);case"kol-card":return o.e(8956).then(o.bind(o,8956)).then(e,m);case"kol-details":return o.e(9818).then(o.bind(o,9818)).then(e,m);case"kol-drawer":return o.e(8191).then(o.bind(o,8191)).then(e,m);case"kol-form":return o.e(2960).then(o.bind(o,2960)).then(e,m);case"kol-heading":return o.e(4294).then(o.bind(o,4294)).then(e,m);case"kol-icon":return o.e(3503).then(o.bind(o,3503)).then(e,m);case"kol-image":return o.e(5781).then(o.bind(o,5781)).then(e,m);case"kol-indented-text":return o.e(3845).then(o.bind(o,3845)).then(e,m);case"kol-input-checkbox":return Promise.all([o.e(9857),o.e(5204)]).then(o.bind(o,5204)).then(e,m);case"kol-input-color":return Promise.all([o.e(9857),o.e(3882)]).then(o.bind(o,3882)).then(e,m);case"kol-input-date":return Promise.all([o.e(9857),o.e(85)]).then(o.bind(o,85)).then(e,m);case"kol-input-email":return Promise.all([o.e(9857),o.e(4737)]).then(o.bind(o,4737)).then(e,m);case"kol-input-file":return Promise.all([o.e(9857),o.e(6567)]).then(o.bind(o,6567)).then(e,m);case"kol-input-number":return Promise.all([o.e(9857),o.e(5076)]).then(o.bind(o,5076)).then(e,m);case"kol-input-password":return Promise.all([o.e(9857),o.e(4604)]).then(o.bind(o,4604)).then(e,m);case"kol-input-radio":return Promise.all([o.e(9857),o.e(6974)]).then(o.bind(o,6974)).then(e,m);case"kol-input-text":return Promise.all([o.e(9857),o.e(7162)]).then(o.bind(o,7162)).then(e,m);case"kol-kolibri":return o.e(9768).then(o.bind(o,9768)).then(e,m);case"kol-link":return o.e(7582).then(o.bind(o,7582)).then(e,m);case"kol-link-button":return o.e(7163).then(o.bind(o,7163)).then(e,m);case"kol-link-group":return o.e(2728).then(o.bind(o,2728)).then(e,m);case"kol-logo":return o.e(9849).then(o.bind(o,9849)).then(e,m);case"kol-modal":return o.e(1601).then(o.bind(o,1601)).then(e,m);case"kol-nav":return o.e(6473).then(o.bind(o,6473)).then(e,m);case"kol-pagination":return o.e(8902).then(o.bind(o,8902)).then(e,m);case"kol-popover-button":return Promise.all([o.e(7192),o.e(4714)]).then(o.bind(o,4714)).then(e,m);case"kol-progress":return o.e(6649).then(o.bind(o,6649)).then(e,m);case"kol-quote":return o.e(4972).then(o.bind(o,4972)).then(e,m);case"kol-select":return Promise.all([o.e(9857),o.e(1266)]).then(o.bind(o,1266)).then(e,m);case"kol-skip-nav":return o.e(5813).then(o.bind(o,5813)).then(e,m);case"kol-spin":return o.e(7310).then(o.bind(o,7310)).then(e,m);case"kol-split-button":return o.e(5829).then(o.bind(o,5829)).then(e,m);case"kol-symbol":return o.e(5514).then(o.bind(o,5514)).then(e,m);case"kol-table":return o.e(8100).then(o.bind(o,8100)).then(e,m);case"kol-table-stateful":return o.e(989).then(o.bind(o,989)).then(e,m);case"kol-table-stateless":return o.e(2605).then(o.bind(o,2605)).then(e,m);case"kol-tabs":return o.e(5522).then(o.bind(o,5522)).then(e,m);case"kol-textarea":return Promise.all([o.e(9857),o.e(8116)]).then(o.bind(o,8116)).then(e,m);case"kol-toast-container":return o.e(7157).then(o.bind(o,7157)).then(e,m);case"kol-toolbar":return o.e(5431).then(o.bind(o,5431)).then(e,m);case"kol-tree":return o.e(8286).then(o.bind(o,8286)).then(e,m);case"kol-tree-item":return o.e(3460).then(o.bind(o,3460)).then(e,m);case"kol-version":return o.e(3492).then(o.bind(o,3492)).then(e,m);case"kol-alert-wc":return o.e(6717).then(o.bind(o,6717)).then(e,m);case"kol-avatar-wc":return o.e(8126).then(o.bind(o,8126)).then(e,m);case"kol-button-group-wc":return o.e(5399).then(o.bind(o,5399)).then(e,m);case"kol-button-wc":return o.e(2441).then(o.bind(o,2441)).then(e,m);case"kol-combobox":return Promise.all([o.e(9857),o.e(6705)]).then(o.bind(o,6705)).then(e,m);case"kol-heading-wc":return o.e(4181).then(o.bind(o,4181)).then(e,m);case"kol-indented-text-wc":return o.e(3440).then(o.bind(o,3440)).then(e,m);case"kol-input":return o.e(7560).then(o.bind(o,7560)).then(e,m);case"kol-input-range":return Promise.all([o.e(9857),o.e(6320)]).then(o.bind(o,6320)).then(e,m);case"kol-link-wc":return o.e(5677).then(o.bind(o,5677)).then(e,m);case"kol-popover-wc":return Promise.all([o.e(7192),o.e(9980)]).then(o.bind(o,9980)).then(e,m);case"kol-single-select":return Promise.all([o.e(9857),o.e(6199)]).then(o.bind(o,6199)).then(e,m);case"kol-span-wc":return o.e(1797).then(o.bind(o,1797)).then(e,m);case"kol-table-stateless-wc":return o.e(1832).then(o.bind(o,1832)).then(e,m);case"kol-tooltip-wc":return Promise.all([o.e(7192),o.e(9558)]).then(o.bind(o,9558)).then(e,m);case"kol-tree-item-wc":return o.e(7183).then(o.bind(o,7183)).then(e,m);case"kol-tree-wc":return o.e(3965).then(o.bind(o,3965)).then(e,m);case"test-component":return o.e(7609).then(o.bind(o,7609)).then(e,m)}}return o(980)(`./${r}.entry.js`).then((e=>(g.set(r,e),e[n])),m)})(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,Be(t,r,2),t.isProxied=!0);const a=(r.$tagName$,()=>{});n.$flags$|=8;try{new t(n)}catch(e){m(e)}n.$flags$&=-9,n.$flags$|=128,a(),Pe(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=Q(r,n.$modeName$);if(!f.has(a)){const e=(r.$tagName$,()=>{});((e,n,o)=>{let r=f.get(e);T&&o?(r=r||new CSSStyleSheet,"string"==typeof r?r=n:r.replaceSync(n)):r=n,f.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()}},je=e=>{const n=e["s-cr"]=E.createComment("");n["s-cn"]=!0,xe(e,n,e.firstChild)},Re=e=>{$e(e,"disconnectedCallback")},De=(e,n={})=>{var o;const r=[],t=n.exclude||[],a=x.customElements,l=E.head,i=l.querySelector("meta[charset]"),s=E.createElement("style"),d=[];let h,b=!0;Object.assign(z,n),z.$resourcesUrl$=new URL(n.resourcesUrl||"./",E.baseURI).href,z.$flags$|=2;let m=!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$&&(m=!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$,g=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=p(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ke(this,e,i.$listeners$)),h&&(clearTimeout(h),h=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=p(e);n.$rmListeners$&&(n.$rmListeners$.map((e=>e())),n.$rmListeners$=void 0),(null==n?void 0:n.$lazyInstance$)?Re(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>Re(n.$lazyInstance$)))}}));var e}))}componentOnReady(){return p(this).$onReadyPromise$}};i.$lazyBundleId$=e[0],t.includes(s)||a.get(s)||(r.push(s),a.define(s,Be(g,i,1)))}))})),r.length>0&&(m&&(s.textContent+=y),s.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const e=null!=(o=z.$nonce$)?o:N(E);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((()=>h=setTimeout(Ae,30)))},Me=(e,n)=>n,Ke=(e,n,o,r)=>{o&&o.map((([o,r,t])=>{const a=Ue(e,o),l=He(n,t),i=Ve(o);z.ael(a,r,l,i),(n.$rmListeners$=n.$rmListeners$||[]).push((()=>z.rel(a,r,l,i)))}))},He=(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){m(e)}},Ue=(e,n)=>8&n?x:e,Ve=e=>S?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e)},9867:(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","pagination-position-top":"oben","pagination-position-bottom":"unten"},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","pagination-position-top":"top","pagination-position-bottom":"bottom"},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)}},r={};function t(e){var n=r[e];if(void 0!==n)return n.exports;var a=r[e]={exports:{}};return o[e](a,a.exports,t),a.exports}t.m=o,t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce(((n,o)=>(t.f[o](e,n),n)),[])),t.u=e=>e+".js",t.miniCssF=e=>{},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),e={},n="@public-ui/sample-react:",t.l=(o,r,a,l)=>{if(e[o])e[o].push(r);else{var i,c;if(void 0!==a)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var u=s[d];if(u.getAttribute("src")==o||u.getAttribute("data-webpack")==n+a){i=u;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,t.nc&&i.setAttribute("nonce",t.nc),i.setAttribute("data-webpack",n+a),i.src=o),e[o]=[r];var p=(n,r)=>{i.onerror=i.onload=null,clearTimeout(h);var t=e[o];if(delete e[o],i.parentNode&&i.parentNode.removeChild(i),t&&t.forEach((e=>e(r))),n)return n(r)},h=setTimeout(p.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=p.bind(null,i.onerror),i.onload=p.bind(null,i.onload),c&&document.head.appendChild(i)}},t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;t.g.importScripts&&(e=t.g.location+"");var n=t.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(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t.p=e})(),(()=>{var e={8792:0};t.f.j=(n,o)=>{var r=t.o(e,n)?e[n]:void 0;if(0!==r)if(r)o.push(r[2]);else{var a=new Promise(((o,t)=>r=e[n]=[o,t]));o.push(r[2]=a);var l=t.p+t.u(n),i=new Error;t.l(l,(o=>{if(t.o(e,n)&&(0!==(r=e[n])&&(e[n]=void 0),r)){var a=o&&("load"===o.type?"missing":o.type),l=o&&o.target&&o.target.src;i.message="Loading chunk "+n+" failed.\n("+a+": "+l+")",i.name="ChunkLoadError",i.type=a,i.request=l,r[1](i)}}),"chunk-"+n,n)}};var n=(n,o)=>{var r,a,[l,i,c]=o,s=0;if(l.some((n=>0!==e[n]))){for(r in i)t.o(i,r)&&(t.m[r]=i[r]);c&&c(t)}for(n&&n(o);s<l.length;s++)a=l[s],t.o(e,a)&&e[a]&&e[a][0](),e[a]=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=t(813);const n=e=>e.replace(/([A-Z])/g,(e=>`-${e[0].toLowerCase()}`)),o=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}},r=(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)})},a=e=>{const n=new Map;return e.forEach((e=>n.set(e,e))),n};let l;const i=(...e)=>n=>{e.forEach((e=>{((e,n)=>{"function"==typeof e?e(n):null!=e&&(e.current=n)})(e,n)}))},c=(t,c,s,d)=>{const u=t.toLowerCase().split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("");return((n,o)=>{const r=(o,r)=>e.createElement(n,{...o,forwardedRef:r});return r.displayName=o,e.forwardRef(r)})(class extends e.Component{componentEl;setComponentElRef=e=>{this.componentEl=e};constructor(e){super(e)}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,t,l={})=>{if(e instanceof Element){const i=((e,n,o)=>{const r=n.className||n.class,t=o.className||o.class,l=a(e),i=a(r?r.split(" "):[]),c=a(t?t.split(" "):[]),s=[];return l.forEach((e=>{i.has(e)?(s.push(e),i.delete(e)):c.has(e)||s.push(e)})),i.forEach((e=>s.push(e))),s.join(" ")})(e.classList,t,l);""!==i&&(e.className=i),Object.keys(t).forEach((a=>{if("children"!==a&&"style"!==a&&"ref"!==a&&"class"!==a&&"className"!==a&&"forwardedRef"!==a)if(0===a.indexOf("on")&&a[2]===a[2].toUpperCase()){const n=a.substring(2),l=n[0].toLowerCase()+n.substring(1);o(l)||r(e,l,t[a])}else e[a]=t[a],"string"==typeof t[a]&&e.setAttribute(n(a),t[a])}))}})(this.componentEl,this.props,e)}render(){const{children:r,forwardedRef:a,style:c,className:s,ref:d,...u}=this.props,p={...Object.keys(u).reduce(((e,r)=>{const t=u[r];if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){const n=r.substring(2).toLowerCase();"undefined"!=typeof document&&o(n)&&(e[r]=t)}else{const o=typeof t;"string"!==o&&"boolean"!==o&&"number"!==o||(e[n(r)]=t)}return e}),{}),ref:i(a,this.setComponentElRef),style:c},h="function"==typeof l?l(t):t;return(0,e.createElement)(h,p,r)}static get displayName(){return u}},u)},s=c("kol-abbr"),d=c("kol-accordion"),u=c("kol-alert"),p=c("kol-avatar"),h=c("kol-badge"),b=c("kol-breadcrumb"),m=c("kol-button"),g=c("kol-button-group"),f=c("kol-button-link"),v=c("kol-card"),k=c("kol-combobox"),w=c("kol-details"),y=c("kol-drawer"),_=c("kol-form"),x=c("kol-heading"),E=c("kol-icon"),z=c("kol-image"),S=c("kol-indented-text"),T=c("kol-input-checkbox"),O=c("kol-input-color"),L=c("kol-input-date"),C=c("kol-input-email"),N=c("kol-input-file"),A=c("kol-input-number"),$=c("kol-input-password"),I=c("kol-input-radio"),B=c("kol-input-range"),P=c("kol-input-text"),F=c("kol-kolibri"),j=c("kol-link"),R=c("kol-link-button"),D=c("kol-link-group"),M=c("kol-modal"),K=c("kol-nav"),H=c("kol-pagination"),U=c("kol-popover-button"),V=c("kol-progress"),q=c("kol-quote"),W=c("kol-select"),Z=c("kol-single-select"),G=c("kol-skip-nav"),Y=c("kol-spin"),J=c("kol-split-button"),Q=c("kol-table"),X=c("kol-table-stateful"),ee=c("kol-table-stateless"),ne=c("kol-tabs"),oe=c("kol-textarea"),re=c("kol-toolbar"),te=c("kol-tree"),ae=c("kol-tree-item"),le=c("kol-version");function ie(e){const n=document.createElement("div");return n.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(n),n}var ce=t(2227),se=(t(7446),"popstate");function de(e={}){return function(e,n,o,r={}){let{window:t=document.defaultView,v5Compat:a=!1}=r,l=t.history,i="POP",c=null,s=d();function d(){return(l.state||{idx:null}).idx}function u(){i="POP";let e=d(),n=null==e?null:e-s;s=e,c&&c({action:i,location:h.location,delta:n})}function p(e){return function(e,n=!1){let o="http://localhost";"undefined"!=typeof window&&(o="null"!==window.location.origin?window.location.origin:window.location.href),ue(o,"No window.location.(origin|href) available to create URL");let r="string"==typeof e?e:me(e);return r=r.replace(/ $/,"%20"),!n&&r.startsWith("//")&&(r=o+r),new URL(r,o)}(e)}null==s&&(s=0,l.replaceState({...l.state,idx:s},""));let h={get action(){return i},get location(){return e(t,l)},listen(e){if(c)throw new Error("A history only accepts one active listener");return t.addEventListener(se,u),c=e,()=>{t.removeEventListener(se,u),c=null}},createHref:e=>n(t,e),createURL:p,encodeLocation(e){let n=p(e);return{pathname:n.pathname,search:n.search,hash:n.hash}},push:function(e,n){i="PUSH";let r=be(h.location,e,n);o&&o(r,e),s=d()+1;let u=he(r,s),p=h.createHref(r);try{l.pushState(u,"",p)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;t.location.assign(p)}a&&c&&c({action:i,location:h.location,delta:1})},replace:function(e,n){i="REPLACE";let r=be(h.location,e,n);o&&o(r,e),s=d();let t=he(r,s),u=h.createHref(r);l.replaceState(t,"",u),a&&c&&c({action:i,location:h.location,delta:0})},go:e=>l.go(e)};return h}((function(e,n){let{pathname:o="/",search:r="",hash:t=""}=ge(e.location.hash.substring(1));return o.startsWith("/")||o.startsWith(".")||(o="/"+o),be("",{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:me(n))}),(function(e,n){pe("/"===e.pathname.charAt(0),`relative pathnames are not supported in hash history.push(${JSON.stringify(n)})`)}),e)}function ue(e,n){if(!1===e||null==e)throw new Error(n)}function pe(e,n){if(!e){"undefined"!=typeof console&&console.warn(n);try{throw new Error(n)}catch(e){}}}function he(e,n){return{usr:e.state,key:e.key,idx:n}}function be(e,n,o=null,r){return{pathname:"string"==typeof e?e:e.pathname,search:"",hash:"",..."string"==typeof n?ge(n):n,state:o,key:n&&n.key||r||Math.random().toString(36).substring(2,10)}}function me({pathname:e="/",search:n="",hash:o=""}){return n&&"?"!==n&&(e+="?"===n.charAt(0)?n:"?"+n),o&&"#"!==o&&(e+="#"===o.charAt(0)?o:"#"+o),e}function ge(e){let n={};if(e){let o=e.indexOf("#");o>=0&&(n.hash=e.substring(o),e=e.substring(0,o));let r=e.indexOf("?");r>=0&&(n.search=e.substring(r),e=e.substring(0,r)),e&&(n.pathname=e)}return n}function fe(e,n,o="/"){return function(e,n,o,r){let t=Ne(("string"==typeof n?ge(n):n).pathname||"/",o);if(null==t)return null;let a=ve(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=Ce(t);l=Oe(a[e],n,r)}return l}(e,n,o,!1)}function ve(e,n=[],o=[],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("/")&&(ue(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=Be([r,l.relativePath]),c=o.concat(l);e.children&&e.children.length>0&&(ue(!0!==e.index,`Index routes must not have child routes. Please remove all child routes from route path "${i}".`),ve(e.children,n,c,i)),(null!=e.path||e.index)&&n.push({path:i,score:Te(i,e.index),routesMeta:c})};return e.forEach(((e,n)=>{if(""!==e.path&&e.path?.includes("?"))for(let o of ke(e.path))t(e,n,o);else t(e,n)})),n}function ke(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=ke(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))}new WeakMap;var we=/^:[\w-]+$/,ye=3,_e=2,xe=1,Ee=10,ze=-2,Se=e=>"*"===e;function Te(e,n){let o=e.split("/"),r=o.length;return o.some(Se)&&(r+=ze),n&&(r+=_e),o.filter((e=>!Se(e))).reduce(((e,n)=>e+(we.test(n)?ye:""===n?xe:Ee)),r)}function Oe(e,n,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=Le({path:i.relativePath,caseSensitive:i.caseSensitive,end:c},s),u=i.route;if(!d&&c&&o&&!r[r.length-1].route.index&&(d=Le({path:i.relativePath,caseSensitive:i.caseSensitive,end:!1},s)),!d)return null;Object.assign(t,d.params),l.push({params:t,pathname:Be([a,d.pathname]),pathnameBase:Pe(Be([a,d.pathnameBase])),route:u}),"/"!==d.pathnameBase&&(a=Be([a,d.pathnameBase]))}return l}function Le(e,n){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[o,r]=function(e,n=!1,o=!0){pe("*"===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,{paramName:n,isOptional:o},r)=>{if("*"===n){let e=i[r]||"";l=a.slice(0,a.length-e.length).replace(/(.)\/+$/,"$1")}const t=i[r];return e[n]=o&&!t?void 0:(t||"").replace(/%2F/g,"/"),e}),{}),pathname:a,pathnameBase:l,pattern:e}}function Ce(e){try{return e.split("/").map((e=>decodeURIComponent(e).replace(/\//g,"%2F"))).join("/")}catch(n){return pe(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${n}).`),e}}function Ne(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 Ae(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 $e(e){let n=function(e){return e.filter(((e,n)=>0===n||e.route.path&&e.route.path.length>0))}(e);return n.map(((e,o)=>o===n.length-1?e.pathname:e.pathnameBase))}function Ie(e,n,o,r=!1){let t;"string"==typeof e?t=ge(e):(t={...e},ue(!t.pathname||!t.pathname.includes("?"),Ae("?","pathname","search",t)),ue(!t.pathname||!t.pathname.includes("#"),Ae("#","pathname","hash",t)),ue(!t.search||!t.search.includes("#"),Ae("#","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 c=function(e,n="/"){let{pathname:o,search:r="",hash:t=""}="string"==typeof e?ge(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:Fe(r),hash:je(t)}}(t,a),s=i&&"/"!==i&&i.endsWith("/"),d=(l||"."===i)&&o.endsWith("/");return c.pathname.endsWith("/")||!s&&!d||(c.pathname+="/"),c}var Be=e=>e.join("/").replace(/\/\/+/g,"/"),Pe=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),Fe=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",je=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";function Re(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}var De=["POST","PUT","PATCH","DELETE"],Me=(new Set(De),["GET",...De]);new Set(Me),Symbol("ResetLoaderData");var Ke=e.createContext(null);Ke.displayName="DataRouter";var He=e.createContext(null);He.displayName="DataRouterState";var Ue=e.createContext({isTransitioning:!1});Ue.displayName="ViewTransition",e.createContext(new Map).displayName="Fetchers",e.createContext(null).displayName="Await";var Ve=e.createContext(null);Ve.displayName="Navigation";var qe=e.createContext(null);qe.displayName="Location";var We=e.createContext({outlet:null,matches:[],isDataRoute:!1});We.displayName="Route";var Ze=e.createContext(null);function Ge(n,{relative:o}={}){ue(Ye(),"useHref() may be used only in the context of a <Router> component.");let{basename:r,navigator:t}=e.useContext(Ve),{hash:a,pathname:l,search:i}=nn(n,{relative:o}),c=l;return"/"!==r&&(c="/"===l?r:Be([r,l])),t.createHref({pathname:c,search:i,hash:a})}function Ye(){return null!=e.useContext(qe)}function Je(){return ue(Ye(),"useLocation() may be used only in the context of a <Router> component."),e.useContext(qe).location}Ze.displayName="RouteError";var Qe="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function Xe(n){e.useContext(Ve).static||e.useLayoutEffect(n)}function en(){let{isDataRoute:n}=e.useContext(We);return n?function(){let{router:n}=function(n){let o=e.useContext(Ke);return ue(o,cn(n)),o}("useNavigate"),o=sn("useNavigate"),r=e.useRef(!1);Xe((()=>{r.current=!0}));let t=e.useCallback((async(e,t={})=>{pe(r.current,Qe),r.current&&("number"==typeof e?n.navigate(e):await n.navigate(e,{fromRouteId:o,...t}))}),[n,o]);return t}():function(){ue(Ye(),"useNavigate() may be used only in the context of a <Router> component.");let n=e.useContext(Ke),{basename:o,navigator:r}=e.useContext(Ve),{matches:t}=e.useContext(We),{pathname:a}=Je(),l=JSON.stringify($e(t)),i=e.useRef(!1);Xe((()=>{i.current=!0}));let c=e.useCallback(((e,t={})=>{if(pe(i.current,Qe),!i.current)return;if("number"==typeof e)return void r.go(e);let c=Ie(e,JSON.parse(l),a,"path"===t.relative);null==n&&"/"!==o&&(c.pathname="/"===c.pathname?o:Be([o,c.pathname])),(t.replace?r.replace:r.push)(c,t.state,t)}),[o,r,l,a,n]);return c}()}function nn(n,{relative:o}={}){let{matches:r}=e.useContext(We),{pathname:t}=Je(),a=JSON.stringify($e(r));return e.useMemo((()=>Ie(n,JSON.parse(a),t,"path"===o)),[n,a,t,o])}function on(n,o,r,t){ue(Ye(),"useRoutes() may be used only in the context of a <Router> component.");let{navigator:a}=e.useContext(Ve),{matches:l}=e.useContext(We),i=l[l.length-1],c=i?i.params:{},s=i?i.pathname:"/",d=i?i.pathnameBase:"/",u=i&&i.route;{let e=u&&u.path||"";un(s,!u||e.endsWith("*")||e.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${s}" (under <Route path="${e}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.\n\nPlease change the parent <Route path="${e}"> to <Route path="${"/"===e?"*":`${e}/*`}">.`)}let p,h=Je();if(o){let e="string"==typeof o?ge(o):o;ue("/"===d||e.pathname?.startsWith(d),`When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${d}" but pathname "${e.pathname}" was given in the \`location\` prop.`),p=e}else p=h;let b=p.pathname||"/",m=b;if("/"!==d){let e=d.replace(/^\//,"").split("/");m="/"+b.replace(/^\//,"").split("/").slice(e.length).join("/")}let g=fe(n,{pathname:m});pe(u||null!=g,`No routes matched location "${p.pathname}${p.search}${p.hash}" `),pe(null==g||void 0!==g[g.length-1].route.element||void 0!==g[g.length-1].route.Component||void 0!==g[g.length-1].route.lazy,`Matched leaf route at location "${p.pathname}${p.search}${p.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`);let f=function(n,o=[],r=null){if(null==n){if(!r)return null;if(r.errors)n=r.matches;else{if(0!==o.length||r.initialized||!(r.matches.length>0))return null;n=r.matches}}let t=n,a=r?.errors;if(null!=a){let e=t.findIndex((e=>e.route.id&&void 0!==a?.[e.route.id]));ue(e>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(",")}`),t=t.slice(0,Math.min(t.length,e+1))}let l=!1,i=-1;if(r)for(let e=0;e<t.length;e++){let n=t[e];if((n.route.HydrateFallback||n.route.hydrateFallbackElement)&&(i=e),n.route.id){let{loaderData:e,errors:o}=r,a=n.route.loader&&!e.hasOwnProperty(n.route.id)&&(!o||void 0===o[n.route.id]);if(n.route.lazy||a){l=!0,t=i>=0?t.slice(0,i+1):[t[0]];break}}}return t.reduceRight(((n,c,s)=>{let d,u=!1,p=null,h=null;r&&(d=a&&c.route.id?a[c.route.id]:void 0,p=c.route.errorElement||tn,l&&(i<0&&0===s?(un("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),u=!0,h=null):i===s&&(u=!0,h=c.route.hydrateFallbackElement||null)));let b=o.concat(t.slice(0,s+1)),m=()=>{let o;return o=d?p:u?h:c.route.Component?e.createElement(c.route.Component,null):c.route.element?c.route.element:n,e.createElement(ln,{match:c,routeContext:{outlet:n,matches:b,isDataRoute:null!=r},children:o})};return r&&(c.route.ErrorBoundary||c.route.errorElement||0===s)?e.createElement(an,{location:r.location,revalidation:r.revalidation,component:p,error:d,children:m(),routeContext:{outlet:null,matches:b,isDataRoute:!0}}):m()}),null)}(g&&g.map((e=>Object.assign({},e,{params:Object.assign({},c,e.params),pathname:Be([d,a.encodeLocation?a.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?d:Be([d,a.encodeLocation?a.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),l,r,t);return o&&f?e.createElement(qe.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",...p},navigationType:"POP"}},f):f}function rn(){let n=function(){let n=e.useContext(Ze),o=function(n){let o=e.useContext(He);return ue(o,cn(n)),o}("useRouteError"),r=sn("useRouteError");return void 0!==n?n:o.errors?.[r]}(),o=Re(n)?`${n.status} ${n.statusText}`:n instanceof Error?n.message:JSON.stringify(n),r=n instanceof Error?n.stack:null,t="rgba(200,200,200, 0.5)",a={padding:"0.5rem",backgroundColor:t},l={padding:"2px 4px",backgroundColor:t},i=null;return console.error("Error handled by React Router default ErrorBoundary:",n),i=e.createElement(e.Fragment,null,e.createElement("p",null,"💿 Hey developer 👋"),e.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",e.createElement("code",{style:l},"ErrorBoundary")," or"," ",e.createElement("code",{style:l},"errorElement")," prop on your route.")),e.createElement(e.Fragment,null,e.createElement("h2",null,"Unexpected Application Error!"),e.createElement("h3",{style:{fontStyle:"italic"}},o),r?e.createElement("pre",{style:a},r):null,i)}e.createContext(null);var tn=e.createElement(rn,null),an=class extends e.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?e.createElement(We.Provider,{value:this.props.routeContext},e.createElement(Ze.Provider,{value:this.state.error,children:this.props.component})):this.props.children}};function ln({routeContext:n,match:o,children:r}){let t=e.useContext(Ke);return t&&t.static&&t.staticContext&&(o.route.errorElement||o.route.ErrorBoundary)&&(t.staticContext._deepestRenderedBoundaryId=o.route.id),e.createElement(We.Provider,{value:n},r)}function cn(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function sn(n){let o=function(n){let o=e.useContext(We);return ue(o,cn(n)),o}(n),r=o.matches[o.matches.length-1];return ue(r.route.id,`${n} can only be used on routes that contain a unique "id"`),r.route.id}var dn={};function un(e,n,o){n||dn[e]||(dn[e]=!0,pe(!1,o))}function pn({to:n,replace:o,state:r,relative:t}){ue(Ye(),"<Navigate> may be used only in the context of a <Router> component.");let{static:a}=e.useContext(Ve);pe(!a,"<Navigate> must not be used on the initial render in a <StaticRouter>. This is a no-op, but you should modify your code so the <Navigate> is only ever rendered in response to some user interaction or state change.");let{matches:l}=e.useContext(We),{pathname:i}=Je(),c=en(),s=Ie(n,$e(l),i,"path"===t),d=JSON.stringify(s);return e.useEffect((()=>{c(JSON.parse(d),{replace:o,state:r,relative:t})}),[c,d,t,o,r]),null}function hn(e){ue(!1,"A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.")}function bn({basename:n="/",children:o=null,location:r,navigationType:t="POP",navigator:a,static:l=!1}){ue(!Ye(),"You cannot render a <Router> inside another <Router>. You should never have more than one in your app.");let i=n.replace(/^\/*/,"/"),c=e.useMemo((()=>({basename:i,navigator:a,static:l,future:{}})),[i,a,l]);"string"==typeof r&&(r=ge(r));let{pathname:s="/",search:d="",hash:u="",state:p=null,key:h="default"}=r,b=e.useMemo((()=>{let e=Ne(s,i);return null==e?null:{location:{pathname:e,search:d,hash:u,state:p,key:h},navigationType:t}}),[i,s,d,u,p,h,t]);return pe(null!=b,`<Router basename="${i}"> is not able to match the URL "${s}${d}${u}" because it does not start with the basename, so the <Router> won't render anything.`),null==b?null:e.createElement(Ve.Provider,{value:c},e.createElement(qe.Provider,{children:o,value:b}))}function mn({children:e,location:n}){return on(gn(e),n)}function gn(n,o=[]){let r=[];return e.Children.forEach(n,((n,t)=>{if(!e.isValidElement(n))return;let a=[...o,t];if(n.type===e.Fragment)return void r.push.apply(r,gn(n.props.children,a));ue(n.type===hn,`[${"string"==typeof n.type?n.type:n.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`),ue(!n.props.index||!n.props.children,"An index route cannot have child routes.");let l={id:n.props.id||a.join("-"),caseSensitive:n.props.caseSensitive,element:n.props.element,Component:n.props.Component,index:n.props.index,path:n.props.path,loader:n.props.loader,action:n.props.action,hydrateFallbackElement:n.props.hydrateFallbackElement,HydrateFallback:n.props.HydrateFallback,errorElement:n.props.errorElement,ErrorBoundary:n.props.ErrorBoundary,hasErrorBoundary:!0===n.props.hasErrorBoundary||null!=n.props.ErrorBoundary||null!=n.props.errorElement,shouldRevalidate:n.props.shouldRevalidate,handle:n.props.handle,lazy:n.props.lazy};n.props.children&&(l.children=gn(n.props.children,a)),r.push(l)})),r}e.memo((function({routes:e,future:n,state:o}){return on(e,void 0,o,n)})),e.Component;var fn="get",vn="application/x-www-form-urlencoded";function kn(e){return null!=e&&"string"==typeof e.tagName}function wn(e=""){return 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]])}),[]))}var yn=null,_n=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function xn(e){return null==e||_n.has(e)?e:(pe(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${vn}"`),null)}function En(e,n){if(!1===e||null==e)throw new Error(n)}function zn(e){return null!=e&&(null==e.href?"preload"===e.rel&&"string"==typeof e.imageSrcSet&&"string"==typeof e.imageSizes:"string"==typeof e.rel&&"string"==typeof e.href)}function Sn(e,n,o,r,t,a){let l=(e,n)=>!o[n]||e.route.id!==o[n].route.id,i=(e,n)=>o[n].pathname!==e.pathname||o[n].route.path?.endsWith("*")&&o[n].params["*"]!==e.params["*"];return"assets"===a?n.filter(((e,n)=>l(e,n)||i(e,n))):"data"===a?n.filter(((n,a)=>{let c=r.routes[n.route.id];if(!c||!c.hasLoader)return!1;if(l(n,a)||i(n,a))return!0;if(n.route.shouldRevalidate){let r=n.route.shouldRevalidate({currentUrl:new URL(t.pathname+t.search+t.hash,window.origin),currentParams:o[0]?.params||{},nextUrl:new URL(e,window.origin),nextParams:n.params,defaultShouldRevalidate:!0});if("boolean"==typeof r)return r}return!0})):[]}function Tn(e,n,{includeHydrateFallback:o}={}){return r=e.map((e=>{let r=n.routes[e.route.id];if(!r)return[];let t=[r.module];return r.clientActionModule&&(t=t.concat(r.clientActionModule)),r.clientLoaderModule&&(t=t.concat(r.clientLoaderModule)),o&&r.hydrateFallbackModule&&(t=t.concat(r.hydrateFallbackModule)),r.imports&&(t=t.concat(r.imports)),t})).flat(1),[...new Set(r)];var r}Object.getOwnPropertyNames(Object.prototype).sort().join("\0"),"undefined"!=typeof window?window:"undefined"!=typeof globalThis&&globalThis,Symbol("SingleFetchRedirect");function On(){let n=e.useContext(Ke);return En(n,"You must render this element inside a <DataRouterContext.Provider> element"),n}function Ln(){let n=e.useContext(He);return En(n,"You must render this element inside a <DataRouterStateContext.Provider> element"),n}e.Component;var Cn=e.createContext(void 0);function Nn(){let n=e.useContext(Cn);return En(n,"You must render this element inside a <HydratedRouter> element"),n}function An(e,n){return o=>{e&&e(o),o.defaultPrevented||n(o)}}function $n({page:n,...o}){let{router:r}=On(),t=e.useMemo((()=>fe(r.routes,n,r.basename)),[r.routes,n,r.basename]);return t?e.createElement(Bn,{page:n,matches:t,...o}):null}function In(n){let{manifest:o,routeModules:r}=Nn(),[t,a]=e.useState([]);return e.useEffect((()=>{let e=!1;return async function(e,n,o){return function(e,n){let o=new Set,r=new Set(n);return e.reduce(((e,t)=>{if(n&&(null==(a=t)||"string"!=typeof a.page)&&"script"===t.as&&t.href&&r.has(t.href))return e;var a;let l=JSON.stringify(function(e){let n={},o=Object.keys(e).sort();for(let r of o)n[r]=e[r];return n}(t));return o.has(l)||(o.add(l),e.push({key:l,link:t})),e}),[])}((await Promise.all(e.map((async e=>{let r=n.routes[e.route.id];if(r){let e=await async function(e,n){if(e.id in n)return n[e.id];try{let o=await import(e.module);return n[e.id]=o,o}catch(n){return console.error(`Error loading route module \`${e.module}\`, reloading page...`),console.error(n),window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise((()=>{}))}}(r,o);return e.links?e.links():[]}return[]})))).flat(1).filter(zn).filter((e=>"stylesheet"===e.rel||"preload"===e.rel)).map((e=>"stylesheet"===e.rel?{...e,rel:"prefetch",as:"style"}:{...e,rel:"prefetch"})))}(n,o,r).then((n=>{e||a(n)})),()=>{e=!0}}),[n,o,r]),t}function Bn({page:n,matches:o,...r}){let t=Je(),{manifest:a,routeModules:l}=Nn(),{basename:i}=On(),{loaderData:c,matches:s}=Ln(),d=e.useMemo((()=>Sn(n,o,s,a,t,"data")),[n,o,s,a,t]),u=e.useMemo((()=>Sn(n,o,s,a,t,"assets")),[n,o,s,a,t]),p=e.useMemo((()=>{if(n===t.pathname+t.search+t.hash)return[];let e=new Set,r=!1;if(o.forEach((n=>{let o=a.routes[n.route.id];o&&o.hasLoader&&(!d.some((e=>e.route.id===n.route.id))&&n.route.id in c&&l[n.route.id]?.shouldRevalidate||o.hasClientLoader?r=!0:e.add(n.route.id))})),0===e.size)return[];let s=function(e,n){let o="string"==typeof e?new URL(e,"undefined"==typeof window?"server://singlefetch/":window.location.origin):e;return"/"===o.pathname?o.pathname="_root.data":n&&"/"===Ne(o.pathname,n)?o.pathname=`${n.replace(/\/$/,"")}/_root.data`:o.pathname=`${o.pathname.replace(/\/$/,"")}.data`,o}(n,i);return r&&e.size>0&&s.searchParams.set("_routes",o.filter((n=>e.has(n.route.id))).map((e=>e.route.id)).join(",")),[s.pathname+s.search]}),[i,c,t,a,d,o,n,l]),h=e.useMemo((()=>Tn(u,a)),[u,a]),b=In(u);return e.createElement(e.Fragment,null,p.map((n=>e.createElement("link",{key:n,rel:"prefetch",as:"fetch",href:n,...r}))),h.map((n=>e.createElement("link",{key:n,rel:"modulepreload",href:n,...r}))),b.map((({key:n,link:o})=>e.createElement("link",{key:n,...o}))))}Cn.displayName="FrameworkContext";function Pn(...e){return n=>{e.forEach((e=>{"function"==typeof e?e(n):null!=e&&(e.current=n)}))}}var Fn="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;try{Fn&&(window.__reactRouterVersion="7.6.2")}catch(e){}function jn({basename:n,children:o,window:r}){let t=e.useRef();null==t.current&&(t.current=de({window:r,v5Compat:!0}));let a=t.current,[l,i]=e.useState({action:a.action,location:a.location}),c=e.useCallback((n=>{e.startTransition((()=>i(n)))}),[i]);return e.useLayoutEffect((()=>a.listen(c)),[a,c]),e.createElement(bn,{basename:n,children:o,location:l.location,navigationType:l.action,navigator:a})}var Rn=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Dn=e.forwardRef((function({onClick:n,discover:o="render",prefetch:r="none",relative:t,reloadDocument:a,replace:l,state:i,target:c,to:s,preventScrollReset:d,viewTransition:u,...p},h){let b,{basename:m}=e.useContext(Ve),g="string"==typeof s&&Rn.test(s),f=!1;if("string"==typeof s&&g&&(b=s,Fn))try{let e=new URL(window.location.href),n=s.startsWith("//")?new URL(e.protocol+s):new URL(s),o=Ne(n.pathname,m);n.origin===e.origin&&null!=o?s=o+n.search+n.hash:f=!0}catch(e){pe(!1,`<Link to="${s}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}let v=Ge(s,{relative:t}),[k,w,y]=function(n,o){let r=e.useContext(Cn),[t,a]=e.useState(!1),[l,i]=e.useState(!1),{onFocus:c,onBlur:s,onMouseEnter:d,onMouseLeave:u,onTouchStart:p}=o,h=e.useRef(null);e.useEffect((()=>{if("render"===n&&i(!0),"viewport"===n){let e=new IntersectionObserver((e=>{e.forEach((e=>{i(e.isIntersecting)}))}),{threshold:.5});return h.current&&e.observe(h.current),()=>{e.disconnect()}}}),[n]),e.useEffect((()=>{if(t){let e=setTimeout((()=>{i(!0)}),100);return()=>{clearTimeout(e)}}}),[t]);let b=()=>{a(!0)},m=()=>{a(!1),i(!1)};return r?"intent"!==n?[l,h,{}]:[l,h,{onFocus:An(c,b),onBlur:An(s,m),onMouseEnter:An(d,b),onMouseLeave:An(u,m),onTouchStart:An(p,b)}]:[!1,h,{}]}(r,p),_=function(n,{target:o,replace:r,state:t,preventScrollReset:a,relative:l,viewTransition:i}={}){let c=en(),s=Je(),d=nn(n,{relative:l});return e.useCallback((e=>{if(function(e,n){return!(0!==e.button||n&&"_self"!==n||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e))}(e,o)){e.preventDefault();let o=void 0!==r?r:me(s)===me(d);c(n,{replace:o,state:t,preventScrollReset:a,relative:l,viewTransition:i})}}),[s,c,d,r,t,o,n,a,l,i])}(s,{replace:l,state:i,target:c,preventScrollReset:d,relative:t,viewTransition:u}),x=e.createElement("a",{...p,...y,href:b||v,onClick:f||a?n:function(e){n&&n(e),e.defaultPrevented||_(e)},ref:Pn(h,w),target:c,"data-discover":g||"render"!==o?void 0:"true"});return k&&!g?e.createElement(e.Fragment,null,x,e.createElement($n,{page:v})):x}));Dn.displayName="Link",e.forwardRef((function({"aria-current":n="page",caseSensitive:o=!1,className:r="",end:t=!1,style:a,to:l,viewTransition:i,children:c,...s},d){let u=nn(l,{relative:s.relative}),p=Je(),h=e.useContext(He),{navigator:b,basename:m}=e.useContext(Ve),g=null!=h&&function(n,o={}){let r=e.useContext(Ue);ue(null!=r,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:t}=Kn("useViewTransitionState"),a=nn(n,{relative:o.relative});if(!r.isTransitioning)return!1;let l=Ne(r.currentLocation.pathname,t)||r.currentLocation.pathname,i=Ne(r.nextLocation.pathname,t)||r.nextLocation.pathname;return null!=Le(a.pathname,i)||null!=Le(a.pathname,l)}(u)&&!0===i,f=b.encodeLocation?b.encodeLocation(u).pathname:u.pathname,v=p.pathname,k=h&&h.navigation&&h.navigation.location?h.navigation.location.pathname:null;o||(v=v.toLowerCase(),k=k?k.toLowerCase():null,f=f.toLowerCase()),k&&m&&(k=Ne(k,m)||k);const w="/"!==f&&f.endsWith("/")?f.length-1:f.length;let y,_=v===f||!t&&v.startsWith(f)&&"/"===v.charAt(w),x=null!=k&&(k===f||!t&&k.startsWith(f)&&"/"===k.charAt(f.length)),E={isActive:_,isPending:x,isTransitioning:g},z=_?n:void 0;y="function"==typeof r?r(E):[r,_?"active":null,x?"pending":null,g?"transitioning":null].filter(Boolean).join(" ");let S="function"==typeof a?a(E):a;return e.createElement(Dn,{...s,"aria-current":z,className:y,ref:d,style:S,to:l,viewTransition:i},"function"==typeof c?c(E):c)})).displayName="NavLink";var Mn=e.forwardRef((({discover:n="render",fetcherKey:o,navigate:r,reloadDocument:t,replace:a,state:l,method:i=fn,action:c,onSubmit:s,relative:d,preventScrollReset:u,viewTransition:p,...h},b)=>{let m=function(){let{router:n}=Kn("useSubmit"),{basename:o}=e.useContext(Ve),r=sn("useRouteId");return e.useCallback((async(e,t={})=>{let{action:a,method:l,encType:i,formData:c,body:s}=function(e,n){let o,r,t,a,l;if(kn(i=e)&&"form"===i.tagName.toLowerCase()){let l=e.getAttribute("action");r=l?Ne(l,n):null,o=e.getAttribute("method")||fn,t=xn(e.getAttribute("enctype"))||vn,a=new FormData(e)}else if(function(e){return kn(e)&&"button"===e.tagName.toLowerCase()}(e)||function(e){return kn(e)&&"input"===e.tagName.toLowerCase()}(e)&&("submit"===e.type||"image"===e.type)){let l=e.form;if(null==l)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let i=e.getAttribute("formaction")||l.getAttribute("action");if(r=i?Ne(i,n):null,o=e.getAttribute("formmethod")||l.getAttribute("method")||fn,t=xn(e.getAttribute("formenctype"))||xn(l.getAttribute("enctype"))||vn,a=new FormData(l,e),!function(){if(null===yn)try{new FormData(document.createElement("form"),0),yn=!1}catch(e){yn=!0}return yn}()){let{name:n,type:o,value:r}=e;if("image"===o){let e=n?`${n}.`:"";a.append(`${e}x`,"0"),a.append(`${e}y`,"0")}else n&&a.append(n,r)}}else{if(kn(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');o=fn,r=null,t=vn,l=e}var i;return a&&"text/plain"===t&&(l=a,a=void 0),{action:r,method:o.toLowerCase(),encType:t,formData:a,body:l}}(e,o);if(!1===t.navigate){let e=t.fetcherKey||Vn();await n.fetch(e,r,t.action||a,{preventScrollReset:t.preventScrollReset,formData:c,body:s,formMethod:t.method||l,formEncType:t.encType||i,flushSync:t.flushSync})}else await n.navigate(t.action||a,{preventScrollReset:t.preventScrollReset,formData:c,body:s,formMethod:t.method||l,formEncType:t.encType||i,replace:t.replace,state:t.state,fromRouteId:r,flushSync:t.flushSync,viewTransition:t.viewTransition})}),[n,o,r])}(),g=function(n,{relative:o}={}){let{basename:r}=e.useContext(Ve),t=e.useContext(We);ue(t,"useFormAction must be used inside a RouteContext");let[a]=t.matches.slice(-1),l={...nn(n||".",{relative:o})},i=Je();if(null==n){l.search=i.search;let e=new URLSearchParams(l.search),n=e.getAll("index"),o=n.some((e=>""===e));if(o){e.delete("index"),n.filter((e=>e)).forEach((n=>e.append("index",n)));let o=e.toString();l.search=o?`?${o}`:""}}return n&&"."!==n||!a.route.index||(l.search=l.search?l.search.replace(/^\?/,"?index&"):"?index"),"/"!==r&&(l.pathname="/"===l.pathname?r:Be([r,l.pathname])),me(l)}(c,{relative:d}),f="get"===i.toLowerCase()?"get":"post",v="string"==typeof c&&Rn.test(c);return e.createElement("form",{ref:b,method:f,action:g,onSubmit:t?s:e=>{if(s&&s(e),e.defaultPrevented)return;e.preventDefault();let n=e.nativeEvent.submitter,t=n?.getAttribute("formmethod")||i;m(n||e.currentTarget,{fetcherKey:o,method:t,navigate:r,replace:a,state:l,relative:d,preventScrollReset:u,viewTransition:p})},...h,"data-discover":v||"render"!==n?void 0:"true"})}));function Kn(n){let o=e.useContext(Ke);return ue(o,function(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}(n)),o}function Hn(n){pe("undefined"!=typeof URLSearchParams,"You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let o=e.useRef(wn(n)),r=e.useRef(!1),t=Je(),a=e.useMemo((()=>function(e,n){let o=wn(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:o.current)),[t.search]),l=en(),i=e.useCallback(((e,n)=>{const o=wn("function"==typeof e?e(a):e);r.current=!0,l("?"+o,n)}),[l,a]);return[a,i]}Mn.displayName="Form";var Un=0,Vn=()=>`__${String(++Un)}__`;var qn=t(4539),Wn=t(8465),Zn=t(8133),Gn=t(9867);t(8394);let Yn=!1;class Jn{constructor(e,n){this.document=e,this.options=n,this.toastContainerElement=this.document.createElement(Zn.K),this.document.body.prepend(this.toastContainerElement)}static getInstance(e,n){if(!Yn)throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let o=this.instances.get(e);return o||(o=new Jn(e,n),this.instances.set(e,o)),o}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):Wn.L.warn("Toaster service is already disposed.")}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)}}Jn.instances=new Map;var Qn=t(9807);(0,Qn.a)((e=>{try{e.shadowRoot instanceof ShadowRoot&&(0,Wn.n)(e,(0,Wn.b)(e))}catch(e){}return"default"})),t.e(343).then(t.bind(t,343)).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{Wn.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 Xn="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(e){var n,o;n=Xn,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,p="loglevel";function h(){var e;if(typeof window!==n&&p){try{e=window.localStorage[p]}catch(e){}if(typeof e===n)try{var o=window.document.cookie,r=encodeURIComponent(p),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?p+=":"+e:"symbol"==typeof e&&(p=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&&p){try{return void(window.localStorage[p]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(p)+"="+o+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),h()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&p){try{window.localStorage.removeItem(p)}catch(e){}try{window.document.cookie=encodeURIComponent(p)+"=; 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 m=h();null!=m&&(s=b(m)),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 p=typeof window!==n?window.log:void 0;return a.noConflict=function(){return typeof window!==n&&window.log===a&&(window.log=p),a},a.getLoggers=function(){return t},a.default=a,a},e.exports?e.exports=o():n.log=o()}({exports:{}});const eo={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:(()=>{const e=typeof process<"u"&&process.env?process.env:{},n="test"===e.NODE_ENV,o="VITEST"in e,r="JEST_WORKER_ID"in e,t="PLAYWRIGHT_TEST_BASE_URL"in e,a="true"===e.CI,l="true"===e.TEST||"true"===e.IS_TEST,i=typeof navigator<"u"&&!0===navigator.webdriver,c=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return n||o||r||t||a||l||i||c})(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[n,o]of eo.A11yUi.PERFORMANCE_MEASURES.entries())e[n]=[o.totalTime/o.count,o.count];const n=Object.entries(e).sort(((e,n)=>n[1][0]-e[1][0]));return console.table(Object.fromEntries(n.map((([e,[n,o]])=>[e,{"avg (ms)":parseFloat(n.toFixed(2)),count:o}])))),e}}},no=new Set,oo=/--[^;]+/g,ro=/:/,to=typeof MutationObserver<"u";let ao=()=>{Math.min(25+20*Math.log2(eo.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const lo=(e,n)=>{const o=eo.A11yUi.THEMES.get(e);return o instanceof Map&&o.has(n)?o.get(n):""},io=(e,n,o,r)=>{const t=performance.now();if((e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{try{if("ssr"===eo.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)}))}})(n,o),uo(e),r(),eo.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const n=eo.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);n.count+=1,n.totalTime+=performance.now()-t}else eo.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-t})},co=e=>{const n=eo.A11yUi.STYLING_TASK_QUEUE.get(e);if(n){const{resetCss:o,themeDetails:r}=n;((e,n,o)=>{const r=n.name||"default";let t;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");t=e.shadowRoot}catch{t=e}if(eo.A11yUi.CSS_STYLE_CACHE.get(r)?.has(e.tagName))io(e,t,eo.A11yUi.CSS_STYLE_CACHE.get(r)?.get(e.tagName),o);else{const a=lo(r,"PROPERTIES"),l=lo(r,"GLOBAL"),i=lo(r,e.tagName);!1===no.has(r)&&((e,n)=>{let o=n.match(oo);if(Array.isArray(o)){o=o.filter((e=>ro.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(n)}no.add(e)})(r,l);const c=[a,l,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{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("")))))}})(t,c,n.encroachCss),!0===n.cache&&(!1===eo.A11yUi.CSS_STYLE_CACHE.has(r)&&eo.A11yUi.CSS_STYLE_CACHE.set(r,new Map),eo.A11yUi.CSS_STYLE_CACHE.get(r)?.set(e.tagName,c)),io(e,t,c,o)}})(e,r,o),uo(e)}},so={attributes:!0,attributeFilter:[],childList:!1,subtree:!1};to&&new MutationObserver(((e,n)=>{for(const o of e){const e=o.target;e.classList.contains("hydrated")&&(co(e),n.observe(e,so))}}))&&(ao=()=>{});const uo=e=>{eo.A11yUi.STYLING_TASK_QUEUE.delete(e),ao()};var po,ho;!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"}(po||(po={})),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["popover-button"]=37]="popover-button",e[e.progress=38]="progress",e[e.select=39]="select",e[e.separator=40]="separator",e[e["single-select"]=41]="single-select",e[e["skip-nav"]=42]="skip-nav",e[e.spin=43]="spin",e[e["split-button"]=44]="split-button",e[e.symbol=45]="symbol",e[e.table=46]="table",e[e["table-stateful"]=47]="table-stateful",e[e["table-stateless"]=48]="table-stateless",e[e.tabs=49]="tabs",e[e.textarea=50]="textarea",e[e["toast-container"]=51]="toast-container",e[e.toolbar=52]="toolbar",e[e.tooltip=53]="tooltip",e[e.tree=54]="tree",e[e["tree-item"]=55]="tree-item"}(ho||(ho={}));const bo=e=>Array.isArray(e)?e:[e],mo=e=>`%c${e}`,go=(e,n)=>"string"==typeof n&&n.length>0?`${mo(e)} | ${n}`:mo(e),fo=(e,n)=>[go(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)||""}`],vo=(e,n)=>e()||!0===n,ko=new class{constructor(e,n){this.label=e,this.devMode=n}debug(e,n){vo(this.devMode,null==n?void 0:n.forceLog)&&console.debug(...fo(this.label,n),...bo(e))}info(e,n){vo(this.devMode,null==n?void 0:n.forceLog)&&console.info(...fo(this.label,n),...bo(e))}trace(e,n){vo(this.devMode,null==n?void 0:n.forceLog)&&console.trace(...fo(this.label,n),...bo(e))}warn(e,n){vo(this.devMode,null==n?void 0:n.forceLog)&&console.warn(...fo(this.label,n),...bo(e))}error(e,n){console.error(...fo(this.label,n),...bo(e))}throw(e,n){if(vo(this.devMode,null==n?void 0:n.forceLog))throw new Error(...fo(this.label,n),...bo(e))}}("KoliBri",(()=>!1)),wo=new Set;var yo;yo="We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!",!1===wo.has(yo)&&(wo.add(yo),ko.debug([yo].concat([]),{classifier:"💻 dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}));var _o={exports:{}};function xo(e){var n=Eo(e);return 3==n.length?n.concat(255):(n[3]=Math.round(n[3]),n)}function Eo(e){return"string"==typeof e?("red"==(n=e=e.toLowerCase())?[255,0,0]:"green"==n?[0,255,0]:"blue"==n?[0,0,255]:"black"==n?[0,0,0]:"white"==n?[255,255,255]:"cyan"==n?[0,255,255]:"gray"==n||"grey"==n?[128,128,128]:"magenta"==n||"pink"==n?[255,0,255]:"yellow"==n?[255,255,0]:void 0)||function(e){var n=e.replace(/^#/,""),o=n.length;if(3==o||4==o){var r=So(n[0]),t=So(n[1]),a=So(n[2]),l=3==o?255:So(n[3]);if(isNaN(r)||isNaN(t)||isNaN(a)||isNaN(l))return;return[r,t,a,l]}}(e)||function(e){var n=e.replace(/^#/,""),o=n.length;if(6==o||8==o){var r=So(n.slice(0,2)),t=So(n.slice(2,4)),a=So(n.slice(4,6)),l=6==o?255:So(n.slice(6,8));if(isNaN(r)||isNaN(t)||isNaN(a)||isNaN(l))return;return[r,t,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var n=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=To(n[0],!0),r=To(n[1],!0),t=To(n[2],!0);if(-1!=o&&-1!=r&&-1!=t)return[o,r,t,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var n=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=To(n[0],!0),r=To(n[1],!0),t=To(n[2],!0),a=To(255*n[3]);if(-1!=o&&-1!=r&&-1!=t&&-1!=a)return[o,r,t,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var n=To(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=To(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=To(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),t=To(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=n&&-1!=o&&-1!=r&&-1!=t)return[n,o,r,t]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var n=To(e[0],!0),o=To(e[1],!0),r=To(e[2],!0),t=To(null!=e[3]?e[3]:255,!0);if(-1!=n&&-1!=o&&-1!=r&&-1!=t)return[n,o,r,t]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var n}function zo(e){var n=e.toString(16);return 1==n.length?"0"+n:n}function So(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function To(e,n){return"number"!=typeof e||!0===n&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}_o.exports=xo,_o.exports.arr=xo,_o.exports.obj=function(e){var n=Eo(e);return{r:n[0],g:n[1],b:n[2],a:3==n.length?255:Math.round(n[3])}},_o.exports.css=function(e){var n=Eo(e);return 3==n.length&&n.push(255),255==n[3]?"rgb("+n[0]+", "+n[1]+", "+n[2]+")":0==n[3]?"rgba("+n[0]+", "+n[1]+", "+n[2]+", 0)":"rgba("+n[0]+", "+n[1]+", "+n[2]+", "+String(n[3]/255).substr(1)+")"},_o.exports.hex=function(e){var n=Eo(e);3==n.length&&n.push(255);var o=255==n[3],r=zo(n[0]),t=zo(n[1]),a=zo(n[2]),l=function(e,n,o,r){var t=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=t.indexOf(e)&&-1!=t.indexOf(n)&&-1!=t.indexOf(o)&&-1!=t.indexOf(r)}(r,t,a,n=zo(Math.round(n[3])));return o?l?"#"+r.charAt(0)+t.charAt(0)+a.charAt(0):"#"+r+t+a:l?"#"+r.charAt(0)+t.charAt(0)+a.charAt(0)+n.charAt(0):"#"+r+t+a+n},_o.exports.num=function(e){var n=Eo(e);return 3==n.length?n.push(255):n[3]=Math.round(n[3]),(n[3]<<24>>>0|n[0]<<16|n[1]<<8|n[2])>>>0};let Oo="development";try{Oo="production"}catch(e){Oo="production"}var Lo;new Event("StateChange"),function(e){e.bar="bar",e.cycle="cycle"}(Lo||(Lo={}));const Co=new class{Prefix;Key;Tag;createTheme=(e,n)=>((e,n)=>o=>o(e,n,{append:!1}))(e,n);createTranslation=(e,n)=>((e,n)=>o=>o(e,n))(e,n);constructor(e,n,o){this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(o)}}("kol",po,ho);var No,Ao,$o;!function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(No||(No={})),function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(Ao||(Ao={})),function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}($o||($o={}));const Io=new Map;Io.set(No["Die Bundesregierung"],["Die","Bundesregierung"]),Io.set(No["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),Io.set(No["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),Io.set(No["Auswärtiges Amt"],["Auswärtiges Amt"]),Io.set(No["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),Io.set(No["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),Io.set(No["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),Io.set(No["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),Io.set(No["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),Io.set(No["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),Io.set(No["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),Io.set(No["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),Io.set(No["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),Io.set(No["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),Io.set(No["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),Io.set(Ao["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),Io.set(Ao["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),Io.set(Ao["Bundesamt für äußere Restitutionen"],[]),Io.set(Ao["Bundesamt für Bauwesen und Raumordnung"],[]),Io.set(Ao["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),Io.set(Ao["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),Io.set(Ao["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),Io.set(Ao["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),Io.set(Ao["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),Io.set(Ao["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),Io.set(Ao["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),Io.set(Ao["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),Io.set(Ao["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),Io.set(Ao["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),Io.set(Ao["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),Io.set(Ao["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),Io.set(Ao["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),Io.set(Ao.Bundesarchiv,["Das","Bundesarchiv"]),Io.set(Ao["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),Io.set(Ao.Bundesausgleichsamt,["Bundesausgleichsamt"]),Io.set(Ao.Bundeskartellamt,["Bundeskartellamt"]),Io.set(Ao.Bundeskriminalamt,["Bundeskriminalamt"]),Io.set(Ao.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),Io.set(Ao["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),Io.set(Ao["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),Io.set(Ao["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),Io.set(Ao.Bundessortenamt,["Bundessortenamt"]),Io.set(Ao.Bundessprachenamt,["Bundessprachenamt"]),Io.set(Ao["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),Io.set(Ao.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),Io.set(Ao["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),Io.set(Ao["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),Io.set(Ao["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),Io.set(Ao.Generalzolldirektion,["Generalzolldirektion"]),Io.set(Ao["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),Io.set(Ao["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),Io.set($o["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),Io.set($o["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),Io.set($o["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),Io.set($o["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),Io.set($o["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),Io.set($o["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),Io.set($o["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const Bo=Co.createTheme("bwst",{GLOBAL:'@layer kol-theme-global {\n  :root {\n    --blue: #6495ed;\n    --white: #faf0e6;\n    background-color: var(--blue);\n  }\n  :host {\n    --label-weight: 700;\n    --label-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    --label-color: #000000;\n    --box-shadow-inputs: calc(0rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgb(8, 35, 48, 0.24);\n    --page-bg: #ffffff;\n    --element-bg: #eee;\n    --border-radius: 4px;\n    --font-family: "Noto Sans Regular", Arial, helvetica, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --border-width: 1px;\n    --color-primary: #156570;\n    --color-primary-light: #1a7a87;\n    --color-primary-variant: #207a8b;\n    --color-primary-focus: hsl(from var(--color-primary-variant) h calc(s - 10) l);\n    --color-danger: #ca0101;\n    --color-warning: #c44931;\n    --color-success: #005c45;\n    --color-subtle: #576164;\n    --color-light: #ffffff;\n    --color-text: #000000;\n    --color-mute: #f2f3f4;\n    --color-mute-variant: #bec5c9;\n    --visited: var(--color-primary-light);\n    --border-color: #ededed;\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    --button-font-weight: 400;\n  }\n  :host {\n    font-size: var(--font-size);\n  }\n  :host * {\n    font-family: var(--font-family);\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  *[tabindex]:focus-visible,\n  button[tabindex]:focus,\n  .kol-input:not(.checkbox, .radio) .input:focus-within,\n  .kol-input:is(.checkbox, .radio) input:focus,\n  summary:focus {\n    cursor: pointer;\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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  a:is(:focus, :hover):not([aria-disabled]),\n  button:is(:focus, :hover):not([disabled]) {\n    text-decoration-thickness: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n  }\n  .badge-text-hint {\n    background: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}\n@layer kol-component {\n  input:not([type=checkbox], [type=radio]),\n  select:not([multiple], [size]) {\n    border-radius: var(--border-radius);\n    border-width: var(--border-width);\n  }\n}',"KOL-ABBR":"@layer kol-theme-component {\n  abbr {\n    border-bottom: dashed var(--color-text) calc(1rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none !important;\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  .accordion__content {\n    padding-left: calc(36rem / var(--kolibri-root-font-size, 16));\n    padding-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-span-wc > span {\n    display: flex;\n    place-items: baseline center;\n  }\n  :host > div > .kol-heading-wc button {\n    border-radius: var(--border-radius);\n    min-height: calc(35.2rem / var(--kolibri-root-font-size, 16));\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > div > .kol-heading-wc button .kol-span-wc {\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(16rem / var(--kolibri-root-font-size, 16));\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > div > .kol-heading-wc button .kol-span-wc > span {\n    gap: 0.5em;\n  }\n  button:focus {\n    outline: none;\n  }\n  :host > .accordion:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .icon {\n    color: var(--color-primary);\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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  .initials {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  :host {\n    display: inline-block;\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  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 > :is(span, .kol-link) {\n    line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  ul li:last-child > span {\n    color: var(--color-subtle);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  :is(a, button) > .kol-span-wc {\n    font-weight: 400;\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.2s;\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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  :is(a, button).primary > .kol-span-wc,\n  :is(a, button).primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  :is(a, button).secondary > .kol-span-wc,\n  :is(a, button).secondary:disabled:hover > .kol-span-wc,\n  :is(a, button).normal > .kol-span-wc,\n  :is(a, button).normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  :is(a, button).danger > .kol-span-wc,\n  :is(a, button).danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  :is(a, button).ghost > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).primary:hover > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).secondary:hover > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).normal:hover > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger:hover > .kol-span-wc,\n  :is(a, button).ghost:active > .kol-span-wc,\n  :is(a, button).ghost:hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).ghost.small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  :is(a, button).ghost.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  :is(a, button).ghost.small:active > .kol-span-wc > span,\n  :is(a, button).ghost.small:hover > .kol-span-wc > span,\n  :is(a, button).ghost.small.transparent:active > .kol-span-wc > span,\n  :is(a, button).ghost.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 2px 8px 2px 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  :is(a, button).ghost.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-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    text-decoration-line: underline;\n  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus .kol-span-wc {\n    border-radius: calc(var(--border-radius) / 2);\n    outline: var(--border-width) solid;\n    outline-offset: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n  }\n  :is(a, button):visited {\n    color: var(--visited);\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\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: white;\n    left: unset;\n    position: unset;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\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    border-radius: var(--border-radius);\n    border: 1px solid var(--color-subtle);\n  }\n  :host .kol-heading-wc {\n    line-height: calc(28rem / var(--kolibri-root-font-size, 16));\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 .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\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[aria-selected], .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: 2px;\n    padding: 0 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  .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: 3px 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    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\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  .details__heading {\n    border-radius: calc(var(--border-radius) / 2);\n  }\n  .details__heading-button .kol-span-wc > span {\n    gap: 0;\n  }\n  .details__heading-button .span-label {\n    border-bottom-color: var(--color-subtle);\n  }\n  .details__heading-button .button:not(:disabled):is(:hover, :focus) .span-label, .details.open .details__heading-button .span-label {\n    border-bottom-color: var(--color-primary);\n  }\n  .details .button:not(:disabled):focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    outline-width: 2px;\n    border-radius: calc(var(--border-radius) / 2);\n  }\n  .details__content {\n    background-color: var(--color-light);\n    border-left: none;\n    box-shadow: -2px 0 0 var(--color-primary-variant);\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    width: unset;\n    margin: calc(8rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) calc(14.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .msg {\n    border-width: 0 !important;\n  }\n  .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  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .card {\n    border-width: var(--border-width);\n    border-style: solid;\n    filter: drop-shadow(calc(0rem / var(--kolibri-root-font-size, 16)) 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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  :is(a, button) {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    text-decoration-line: underline;\n  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus kol-span-wc {\n    border-radius: calc(var(--border-radius) / 2);\n    outline: var(--border-width) solid;\n    outline-offset: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n  }\n  :is(a, button):visited {\n    color: var(--visited);\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\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: 1em;\n  }\n  .skip:focus {\n    background: white;\n    left: unset;\n    position: unset;\n  }\n  .external-link-icon {\n    margin-left: 0;\n  }\n  :host {\n    display: block;\n  }\n  .mandatory-fields-hint {\n    background-color: var(--color-light);\n    border-left: none;\n    box-shadow: -2px 0 0 var(--color-primary-variant);\n    padding: 0 calc(8rem / 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  }\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: calc(28rem / var(--kolibri-root-font-size, 16));\n  }\n  .headline-h2 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(28rem / var(--kolibri-root-font-size, 16));\n  }\n  .headline-h3 {\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INDENTED-TEXT":"@layer kol-theme-component {\n  kol-indented-text-wc > div {\n    background-color: var(--color-light);\n    border-left: none;\n    box-shadow: -2px 0 0 var(--color-primary-variant);\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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  :host fieldset legend {\n    order: 2;\n    display: contents;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\n  }\n  :host .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  :host .kol-input .hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  :host .kol-input:is(.default, .switch) {\n    grid-template-columns: calc(24rem / var(--kolibri-root-font-size, 16)) auto;\n    grid-template-areas: unset;\n  }\n  :host .kol-input:is(.default, .switch) .input,\n  :host .kol-input:is(.default, .switch) .input-label {\n    grid-area: unset;\n  }\n  :host .kol-input.switch {\n    grid-template-columns: calc(56rem / var(--kolibri-root-font-size, 16)) auto;\n  }\n  :host .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  :host .kol-input > div.input {\n    display: inherit;\n    min-height: var(--a11y-min-size);\n    order: 2;\n  }\n  :host .kol-input > div.input input {\n    margin: calc(0rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-input > label {\n    order: 3;\n  }\n  .disabled .input-label,\n  .disabled .checkbox-container {\n    cursor: not-allowed;\n  }\n  :host .kol-input > .kol-alert-wc.error {\n    order: 1;\n    padding-top: calc(var(--spacing) / 2);\n    grid-column: span 2;\n  }\n  :host .kol-input.error {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-input.error input:focus,\n  .kol-input.error select:focus,\n  .kol-input.error textarea:focus {\n    outline-color: var(--color-danger) !important;\n  }\n  :host .kol-input.error .kol-alert-wc.error {\n    color: var(--color-danger);\n    font-weight: 700;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host input {\n    cursor: pointer;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: var(--border-radius);\n    line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  :host input:focus:hover {\n    box-shadow: none;\n  }\n  :host input:active {\n    box-shadow: none;\n  }\n  :host .kol-alert-wc {\n    display: block;\n    width: 100%;\n  }\n  /* CHECKBOX */\n  :host .kol-input label span {\n    margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .required label > span::after {\n    content: "*";\n    padding-left: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-input input[type=checkbox] {\n    appearance: none;\n    background-color: white;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  :host .kol-input input[type=checkbox]:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  :host .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  :host .kol-input.default input[type=checkbox]:indeterminate {\n    background-color: var(--color-primary);\n  }\n  :host .kol-input.default .icon {\n    color: var(--color-light);\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(4rem / var(--kolibri-root-font-size, 16));\n    width: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-input.switch input[type=checkbox] {\n    background-color: var(--color-subtle);\n    border-radius: calc(20rem / var(--kolibri-root-font-size, 16));\n    border-width: 0;\n    display: block;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(56rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n    width: calc(56rem / var(--kolibri-root-font-size, 16));\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-input.switch input[type=checkbox]:before {\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\n    left: calc(4rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    top: calc(4rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(20rem / var(--kolibri-root-font-size, 16));\n    background-color: white;\n    position: absolute;\n  }\n  :host .kol-input.switch input[type=checkbox]:checked {\n    background-color: var(--color-primary);\n  }\n  :host .kol-input.switch input[type=checkbox]:checked:before {\n    transform: translateX(calc(32rem / var(--kolibri-root-font-size, 16)));\n  }\n  :host .kol-input.switch input[type=checkbox]:indeterminate:before {\n    transform: translateX(calc(16rem / var(--kolibri-root-font-size, 16)));\n  }\n  .switch .icon {\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\n    left: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .switch.checked .icon {\n    transform: translate(calc(32rem / var(--kolibri-root-font-size, 16)), -50%);\n  }\n  .switch.indeterminate .icon {\n    transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), -50%);\n  }\n  .button .input {\n    border-top-width: 1px;\n    border-left-width: 1px;\n    border-bottom-width: 1px;\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: 1px;\n    border-right-style: solid;\n  }\n  .button .input-label {\n    border-top-width: 1px;\n    border-right-width: 1px;\n    border-bottom-width: 1px;\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 0;\n  }\n  .button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .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  .kol-input:not(.checkbox.switch, .radio) .input:focus,\n  .kol-input:not(.checkbox) .input:focus,\n  .kol-input:is(.checkbox.switch, .radio) input:focus,\n  .kol-input:is(.checkbox) input:focus {\n    cursor: pointer;\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n    transition: outline-offset 0.2s linear;\n  }\n}',"KOL-INPUT-COLOR":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\n    border: none;\n  }\n  input[type=color] {\n    border: none;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16)) !important;\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-DATE":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-EMAIL":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-FILE":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-NUMBER":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-PASSWORD":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-RADIO":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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: calc(20rem / var(--kolibri-root-font-size, 16));\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: 2px;\n    border-style: solid;\n    border-radius: 5px;\n    line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px 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: 0px;\n    margin: calc(0rem / var(--kolibri-root-font-size, 16));\n    padding: calc(0rem / var(--kolibri-root-font-size, 16));\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: 1;\n  }\n  fieldset legend {\n    order: 2;\n    display: contents;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\n  }\n  fieldset .kol-input {\n    order: 3;\n  }\n  fieldset.error {\n    border-left: 3px solid var(--color-danger);\n    color: var(--color-danger);\n    font-weight: 700;\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  fieldset.error input:focus,\n  fieldset.error select:focus,\n  fieldset.error textarea:focus {\n    outline-color: var(--color-danger) !important;\n  }\n  fieldset.error .kol-alert-wc.error {\n    margin-left: -0.25em;\n    color: var(--color-danger);\n    font-weight: 700;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n  }\n  fieldset.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing) calc(var(--spacing) * 2);\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 .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 calc(8rem / 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: 3px 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    font-size: calc(14.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 input[type=range] {\n    appearance: none;\n    background-color: var(--color-mute-variant);\n    border: 1px solid var(--border-color);\n    height: calc(16rem / var(--kolibri-root-font-size, 16) / 2);\n    line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input input[type=range]::-webkit-slider-thumb {\n    appearance: none;\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\n    border-radius: 50%;\n    background: var(--color-primary);\n    cursor: ew-resize;\n    transition: background 0.3s ease-in-out;\n  }\n  .kol-input input[type=range]::-moz-range-thumb {\n    appearance: none;\n    height: calc(20rem / var(--kolibri-root-font-size, 16));\n    width: calc(20rem / var(--kolibri-root-font-size, 16));\n    border-radius: 50%;\n    background: var(--color-primary);\n    cursor: ew-resize;\n    transition: background 0.3s ease-in-out;\n  }\n  /*\t.kol-input input[type=range]::-webkit-slider-runnable-track  {\n  \tappearance: none;\n  \tbox-shadow: none;\n  \tborder: none;\n  \tbackground: transparent;\n  }*/\n}',"KOL-INPUT-TEXT":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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 {\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: var(--border-width);\n    padding: 0 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  .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  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: 3px 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    font-size: calc(14.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-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  }\n  :is(a, button):focus {\n    outline: none;\n  }\n  :is(a, button):focus kol-span-wc {\n    border-radius: calc(var(--border-radius) / 2);\n    outline: var(--border-width) solid;\n    outline-offset: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n  }\n  :is(a, button):visited {\n    color: var(--visited);\n  }\n  .hidden {\n    display: none;\n    visibility: hidden;\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: 1em;\n  }\n  .skip:focus {\n    background: white;\n    left: unset;\n    position: unset;\n  }\n  .external-link-icon {\n    margin-left: 0;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  :is(a, button) > .kol-span-wc {\n    font-weight: 400;\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.2s;\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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  :is(a, button).primary > .kol-span-wc,\n  :is(a, button).primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  :is(a, button).secondary > .kol-span-wc,\n  :is(a, button).secondary:disabled:hover > .kol-span-wc,\n  :is(a, button).normal > .kol-span-wc,\n  :is(a, button).normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  :is(a, button).danger > .kol-span-wc,\n  :is(a, button).danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  :is(a, button).ghost > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).primary:hover > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).secondary:hover > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).normal:hover > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger:hover > .kol-span-wc,\n  :is(a, button).ghost:active > .kol-span-wc,\n  :is(a, button).ghost:hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).ghost.small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  :is(a, button).ghost.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  :is(a, button).ghost.small:active > .kol-span-wc > span,\n  :is(a, button).ghost.small:hover > .kol-span-wc > span,\n  :is(a, button).ghost.small.transparent:active > .kol-span-wc > span,\n  :is(a, button).ghost.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 2px 8px 2px 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  :is(a, button).ghost.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-MODAL":"@layer kol-theme-component {\n  :host .overlay .modal {\n    max-height: calc(100% - 32rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-NAV":"@layer kol-theme-component {\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: 2px 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: 2px;\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: 2px;\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  .toggle-button :is(a, button) > .kol-span-wc,\n  .toggle-button :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    font-weight: 400;\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.2s;\n    transition-property: background-color, color, border-color;\n  }\n  .toggle-button :is(a, button):active > .kol-span-wc,\n  .toggle-button :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 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .toggle-button :is(a, button):active > .kol-span-wc {\n    border-color: var(--color-light);\n    box-shadow: none;\n    outline: none;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  .button:focus {\n    outline: none;\n  }\n  .button-inner {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary);\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.2s;\n    transition-property: background-color, color, border-color;\n  }\n  .button:focus .button-inner {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .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 2px 8px 2px 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-inner {\n    background-color: var(--color-mute-variant);\n    border-radius: var(--a11y-min-size);\n    border: 0;\n  }\n}","KOL-POPOVER-BUTTON":"@layer kol-theme-component {\n  :is(a, button) > .kol-span-wc {\n    font-weight: 400;\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.2s;\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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  :is(a, button).primary > .kol-span-wc,\n  :is(a, button).primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  :is(a, button).secondary > .kol-span-wc,\n  :is(a, button).secondary:disabled:hover > .kol-span-wc,\n  :is(a, button).normal > .kol-span-wc,\n  :is(a, button).normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  :is(a, button).danger > .kol-span-wc,\n  :is(a, button).danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  :is(a, button).ghost > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).primary:hover > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).secondary:hover > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).normal:hover > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger:hover > .kol-span-wc,\n  :is(a, button).ghost:active > .kol-span-wc,\n  :is(a, button).ghost:hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).ghost.small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  :is(a, button).ghost.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  :is(a, button).ghost.small:active > .kol-span-wc > span,\n  :is(a, button).ghost.small:hover > .kol-span-wc > span,\n  :is(a, button).ghost.small.transparent:active > .kol-span-wc > span,\n  :is(a, button).ghost.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 2px 8px 2px 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  :is(a, button).ghost.small.transparent > .kol-span-wc > span,\n  :is(a, button).transparent > .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  :is(a, button) > .kol-span-wc {\n    font-weight: 400;\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.2s;\n    transition-property: background-color, color, border-color;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  :host progress,\n  :host span {\n    display: block;\n    height: calc(0rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n    width: calc(0rem / var(--kolibri-root-font-size, 16));\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  .bar .progress {\n    fill: var(--color-primary-variant);\n  }\n}","KOL-SELECT":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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  select {\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: var(--border-width);\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .input select {\n    background-color: var(--color-light);\n  }\n  .input > .kol-icon {\n    width: calc(32rem / 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  select: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: 3px 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    font-size: calc(14.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  }\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:not([multiple]) option {\n    padding: 0.5em;\n  }\n  option:active:not(:disabled),\n  option:checked:not(:disabled),\n  option:focus:not(:disabled),\n  option:hover:not(:disabled) {\n    background: var(--color-primary-variant);\n    color: var(--color-light);\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-SINGLE-SELECT":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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: 1px;\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[aria-selected], .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: 2px;\n    padding: 0 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  .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: 3px 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    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\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  .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: calc(16rem / var(--kolibri-root-font-size, 16));\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-SPIN":"@layer kol-theme-component {\n  .dot > span:nth-child(1) {\n    background-color: #fc0;\n  }\n  .dot > span:nth-child(2) {\n    background-color: red;\n  }\n  .dot > span:nth-child(4) {\n    background-color: #666;\n  }\n  /* Override colors for cycle animation */\n  @keyframes prixClipFix {\n    0% {\n      border-color: #fff;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      border-color: #666;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      border-color: #fc0;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      border-color: red;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      border-color: #000;\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-primary);\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: 2px;\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  :is(a, button) > .kol-span-wc {\n    font-weight: 400;\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.2s;\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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  :is(a, button).primary > .kol-span-wc,\n  :is(a, button).primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  :is(a, button).secondary > .kol-span-wc,\n  :is(a, button).secondary:disabled:hover > .kol-span-wc,\n  :is(a, button).normal > .kol-span-wc,\n  :is(a, button).normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  :is(a, button).danger > .kol-span-wc,\n  :is(a, button).danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  :is(a, button).ghost > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).primary:hover > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).secondary:hover > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).normal:hover > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger:hover > .kol-span-wc,\n  :is(a, button).ghost:active > .kol-span-wc,\n  :is(a, button).ghost:hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).ghost.small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  :is(a, button).ghost.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  :is(a, button).ghost.small:active > .kol-span-wc > span,\n  :is(a, button).ghost.small:hover > .kol-span-wc > span,\n  :is(a, button).ghost.small.transparent:active > .kol-span-wc > span,\n  :is(a, button).ghost.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 2px 8px 2px 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  :is(a, button).ghost.small.transparent > .kol-span-wc > span,\n  :is(a, button).transparent > .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  :is(a, button) {\n    height: 100%;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-style: none;\n    height: 100%;\n  }\n  .main-button > .button > .kol-span-wc {\n    border-right: none;\n    border-top-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .secondary-button > .button > .kol-span-wc {\n    border-left: none;\n    border-top-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  :host * {\n    hyphens: var(--hyphens);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  :host > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    font-weight: bold;\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-primary);\n  }\n  :host table thead tr:first-child th,\n  :host 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    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  .head-spacer {\n    display: table-row;\n  }\n  .head-spacer td {\n    padding: 0;\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  .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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  th {\n    background-color: var(--color-light);\n  }\n  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  .input input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px 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: 2px;\n    outline-width: 3px;\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: 5px;\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    width: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\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    hyphens: var(--hyphens);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  :host > div {\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n  caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    font-weight: bold;\n  }\n  th {\n    font-weight: normal;\n    color: var(--color-primary);\n  }\n  :host table thead tr:first-child th,\n  :host 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    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  .head-spacer {\n    display: table-row;\n  }\n  .head-spacer td {\n    padding: 0;\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  .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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  th {\n    background-color: var(--color-light);\n  }\n  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  .input input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px 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: 2px;\n    outline-width: 3px;\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: 5px;\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    width: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\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 .kol-button-group-wc {\n    display: inline-flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n  }\n  button {\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(19.2rem / var(--kolibri-root-font-size, 16));\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    color: var(--color-subtle);\n    padding: 0;\n    transition: all 0.2s linear;\n  }\n  button.selected,\n  button .primary {\n    color: var(--color-primary);\n  }\n  button.selected:hover {\n    color: var(--color-light);\n  }\n  button:hover {\n    color: var(--color-light);\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  *[tabindex]:is(.kol-button-group-wc button) {\n    width: 100%;\n    padding: 0 calc(4rem / var(--kolibri-root-font-size, 16));\n    border: var(--border-width) solid transparent;\n    border-radius: var(--border-radius);\n    border-bottom-width: var(--border-width);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    position: relative;\n    top: var(--border-width);\n    box-shadow: none;\n  }\n  *[tabindex]:is(.kol-button-group-wc button.selected) {\n    border-color: var(--color-primary);\n    border-bottom-color: var(--page-bg);\n  }\n  *[tabindex]:is(.kol-button-group-wc button.selected):hover {\n    border-bottom-color: var(--color-primary);\n  }\n  *[tabindex]:is(.kol-button-group-wc button.selected):before {\n    position: absolute;\n    top: 0;\n    content: "";\n    height: calc(16rem / var(--kolibri-root-font-size, 16) / 4);\n    background-color: var(--color-primary);\n    border-top-right-radius: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n    border-top-left-radius: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n    left: 0;\n    right: 0;\n  }\n  *[tabindex]:is(.kol-button-group-wc button.selected):after {\n    content: " ";\n    background-color: var(--page-bg);\n    height: calc(6rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    width: calc(100% + 10rem / var(--kolibri-root-font-size, 16));\n    bottom: calc(-7rem / var(--kolibri-root-font-size, 16));\n    left: calc(-5rem / var(--kolibri-root-font-size, 16));\n  }\n  button .kol-span-wc > span {\n    gap: calc(8rem / 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 .kol-button-group-wc {\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 .kol-button-group-wc {\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 .kol-button-group-wc {\n    order: 2;\n  }\n  :host > .tabs-align-bottom .kol-button-group-wc > div {\n    display: flex;\n  }\n  :host > .tabs-align-bottom > .kol-button-group-wc > div > div:first-child {\n    margin: 0 calc(16rem / var(--kolibri-root-font-size, 16)) 0 0;\n  }\n  :host > .tabs-align-bottom > .kol-button-group-wc > 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 .kol-button-group-wc {\n    order: 0;\n  }\n  :host > .tabs-align-top .kol-button-group-wc > div {\n    display: flex;\n  }\n  :host > .tabs-align-top > .kol-button-group-wc > div > div:first-child {\n    margin: 0 calc(16rem / var(--kolibri-root-font-size, 16)) 0 0;\n  }\n  :host > .tabs-align-top > .kol-button-group-wc > 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 .kol-button-group-wc,\n  :host > .tabs-align-top .kol-button-group-wc {\n    order: 0;\n  }\n  :host > .tabs-align-bottom .kol-button-group-wc,\n  :host > .tabs-align-right .kol-button-group-wc {\n    order: 1;\n  }\n  :host > .tabs-align-left .kol-button-group-wc,\n  :host > .tabs-align-right .kol-button-group-wc {\n    gap: inherit;\n  }\n  :host > div.tabs-align-left .kol-button-group-wc > div,\n  :host > div.tabs-align-left .kol-button-group-wc > div > div,\n  :host > div.tabs-align-right .kol-button-group-wc > div,\n  :host > div.tabs-align-right .kol-button-group-wc > div > div {\n    display: grid;\n  }\n  :host > div.tabs-align-left .kol-button-group-wc > div > div .kol-button-wc,\n  :host > div.tabs-align-right .kol-button-group-wc > div > div .kol-button-wc {\n    width: 100%;\n  }\n  :host > div.tabs-align-bottom .kol-button-group-wc div,\n  :host > div.tabs-align-top .kol-button-group-wc div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  :host .kol-button-group-wc {\n    border-bottom: 1px solid var(--color-primary);\n  }\n}',"KOL-TEXTAREA":'@layer kol-theme-component {\n  :host .msg {\n    border-width: 0 !important;\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 > .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(calc(0rem / var(--kolibri-root-font-size, 16)) 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: calc(20rem / var(--kolibri-root-font-size, 16));\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  }\n  :host .close > button.hide-label .kol-icon {\n    display: flex;\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 {\n    order: 1;\n  }\n  .kol-input label {\n    order: 2;\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-weight: 700;\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: var(--border-width);\n    padding: 0 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  .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: 3px 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    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\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  .msg {\n    border-width: 0 !important;\n  }\n  .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  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .card {\n    border-width: var(--border-width);\n    border-style: solid;\n    filter: drop-shadow(calc(0rem / var(--kolibri-root-font-size, 16)) 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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n  }\n  .toast {\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  :is(a, button) > .kol-span-wc {\n    font-weight: 400;\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.2s;\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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  :is(a, button).primary > .kol-span-wc,\n  :is(a, button).primary:disabled:hover > .kol-span-wc {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  :is(a, button).secondary > .kol-span-wc,\n  :is(a, button).secondary:disabled:hover > .kol-span-wc,\n  :is(a, button).normal > .kol-span-wc,\n  :is(a, button).normal:disabled:hover > .kol-span-wc {\n    background-color: var(--color-light);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  :is(a, button).danger > .kol-span-wc,\n  :is(a, button).danger:disabled:hover > .kol-span-wc {\n    background-color: var(--color-danger);\n    border-color: var(--color-danger);\n    color: var(--color-light);\n  }\n  :is(a, button).ghost > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).primary:hover > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).secondary:hover > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).normal:hover > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger:hover > .kol-span-wc,\n  :is(a, button).ghost:active > .kol-span-wc,\n  :is(a, button).ghost:hover > .kol-span-wc {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).danger: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  :is(a, button).primary:active > .kol-span-wc,\n  :is(a, button).secondary:active > .kol-span-wc,\n  :is(a, button).normal:active > .kol-span-wc,\n  :is(a, button).danger:active > .kol-span-wc,\n  :is(a, button).ghost: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  :is(a, button).ghost.small > .kol-span-wc {\n    border: none;\n    background-color: transparent;\n    box-shadow: none;\n  }\n  :is(a, button).ghost.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  :is(a, button).ghost.small:active > .kol-span-wc > span,\n  :is(a, button).ghost.small:hover > .kol-span-wc > span,\n  :is(a, button).ghost.small.transparent:active > .kol-span-wc > span,\n  :is(a, button).ghost.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 2px 8px 2px 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  :is(a, button).ghost.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-TREE":"@layer kol-theme-component {\n  .tree ul {\n    border: 2px solid transparent;\n    border-radius: var(--border-radius);\n  }\n  .tree:focus-within {\n    outline: 0;\n  }\n  .tree:focus-within ul {\n    border: 2px solid var(--color-primary);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .tree-link {\n    display: block;\n    border: 1px solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    border: 1px 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    color: var(--color-text);\n    text-align: left;\n  }\n  .tree-link a .toggle-button:hover .toggle-button-icon::part(icon) {\n    transform: scale(1.6);\n  }\n  .tree-link a .text {\n    text-decoration: none;\n  }\n}"}),Po=Co.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-secondary: var(--kolibri-color-secondary, #ccebf7);\n    --color-danger: var(--kolibri-color-danger, #b4003c);\n    --color-warning: var(--kolibri-color-warning, #c44931);\n    --color-success: var(--kolibri-color-success, #005c45);\n    --color-subtle: var(--kolibri-color-subtle, #576164);\n    --color-light: var(--kolibri-color-light, #ffffff);\n    --color-text: var(--kolibri-color-text, #202020);\n    --color-mute: var(--kolibri-color-mute, #f2f3f4);\n    --color-mute-variant: var(--kolibri-color-mute-variant, #bec5c9);\n  }\n  :host {\n    font-size: var(--font-size);\n  }\n  :host * {\n    font-family: var(--font-family);\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  *[tabindex]:focus,\n  .kol-input:not(.checkbox, .radio) .input:focus-within,\n  .kol-input:is(.checkbox, .radio) input:focus,\n  summary:focus {\n    cursor: pointer;\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-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  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}","KOL-ABBR":"@layer kol-theme-component {\n  abbr {\n    border-bottom: dashed var(--color-text) calc(1rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n  .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  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .close > button:active {\n    box-shadow: none;\n    outline: none;\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  :host {\n    display: inline-block;\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  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-BUTTON":"@layer kol-theme-component {\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: 2px;\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    background-color: var(--color-secondary);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .tertiary:is(a, button) > .kol-span-wc,\n  .tertiary: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  .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-text);\n    color: var(--color-text);\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  .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  .tertiary:is(a, button):active > .kol-span-wc,\n  .tertiary: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 2px 8px 2px 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  .tertiary: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 2px 8px 2px 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-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  }\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}","KOL-CARD":"@layer kol-theme-component {\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 4px color-mix(in srgb, black 80%, 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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\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[aria-selected], .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: 2px;\n    padding: 0 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  .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: 3px 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  .details {\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .details__content.indented-text {\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .drawer__wrapper {\n    box-shadow: 0 0 4px 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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .close > button:active {\n    box-shadow: none;\n    outline: none;\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  .mandatory-fields-hint {\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  .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  }\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  .kol-indented-text-wc > div {\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-INPUT-CHECKBOX":'@layer kol-theme-component {\n  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\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 2px 8px 2px 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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 1px;\n    border-left-width: 1px;\n    border-bottom-width: 1px;\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: 1px;\n    border-right-style: solid;\n  }\n  .button .input-label {\n    border-top-width: 1px;\n    border-right-width: 1px;\n    border-bottom-width: 1px;\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: 2px;\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: 1px 1px 1px 0;\n  }\n  .button[data-label-align=left]:not(.hide-label) .input-label {\n    border-style: solid;\n    border-width: 1px 0 1px 1px;\n  }\n}',"KOL-INPUT-COLOR":'@layer kol-theme-component {\n  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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}',"KOL-INPUT-DATE":'@layer kol-theme-component {\n  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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-NUMBER":'@layer kol-theme-component {\n  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 2px;\n    border-style: solid;\n    border-radius: 5px;\n    line-height: 1.5;\n  }\n  input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px 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: 3px 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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 2px;\n    padding: 0 calc(8rem / 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: 3px 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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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-LINK":"@layer kol-theme-component {\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  :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: 2px;\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    background-color: var(--color-secondary);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .tertiary:is(a, button) > .kol-span-wc,\n  .tertiary: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  .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-text);\n    color: var(--color-text);\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  .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  .tertiary:is(a, button):active > .kol-span-wc,\n  .tertiary: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 2px 8px 2px 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  .tertiary: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 2px 8px 2px 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    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: 2px solid transparent;\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 2px;\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 .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: 2px;\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  .toggle-button :is(a, button) > .kol-span-wc,\n  .toggle-button :is(a, button):disabled:hover > .kol-span-wc {\n    color: var(--color-primary);\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-color: var(--color-light);\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    box-shadow: none;\n  }\n  .toggle-button :is(a, button):active > .kol-span-wc,\n  .toggle-button :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 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  .button:focus {\n    outline: none;\n  }\n  .button-inner {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary);\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .button:focus .button-inner {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .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 2px 8px 2px 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-POPOVER-BUTTON":"@layer kol-theme-component {\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: 2px;\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    background-color: var(--color-secondary);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .tertiary:is(a, button) > .kol-span-wc,\n  .tertiary: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  .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-text);\n    color: var(--color-text);\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  .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  .tertiary:is(a, button):active > .kol-span-wc,\n  .tertiary: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 2px 8px 2px 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  .tertiary: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 2px 8px 2px 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-popover-button__popover {\n    border: var(--border-width) solid var(--color-primary);\n    padding: var(--spacing);\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  svg line:first-child,\n  svg circle:first-child {\n    fill: transparent;\n    stroke: var(--color-mute-variant);\n  }\n  svg line:last-child,\n  svg circle:last-child {\n    fill: transparent;\n    stroke: var(--color-primary);\n  }\n  .bar .progress {\n    fill: var(--color-primary-variant);\n  }\n  .cycle .progress {\n    stroke: var(--color-primary-variant);\n  }\n}","KOL-SELECT":'@layer kol-theme-component {\n  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 3px 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: 2px;\n    padding: 0 calc(8rem / 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  .kol-input: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  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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 1px;\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[aria-selected], .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: 2px;\n    padding: 0 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  .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: 3px 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  .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    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-primary);\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: 2px;\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\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: 2px;\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    background-color: var(--color-secondary);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .tertiary:is(a, button) > .kol-span-wc,\n  .tertiary: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  .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-text);\n    color: var(--color-text);\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  .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  .tertiary:is(a, button):active > .kol-span-wc,\n  .tertiary: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 2px 8px 2px 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  .tertiary: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 2px 8px 2px 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  :is(a, button) {\n    height: 100%;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-style: none;\n    height: 100%;\n  }\n  .main-button > .button > .kol-span-wc {\n    border-right: none;\n    border-top-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .secondary-button > .button > .kol-span-wc {\n    border-left: none;\n    border-top-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  :host * {\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    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  tr.foot-spacer,\n  tr.head-spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  tr.foot-spacer td,\n  tr.head-spacer td {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  tr.foot-spacer td {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  tr.head-spacer td {\n    border-top-width: calc(var(--border-width) * 2);\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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  table,\n  table caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\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  .input input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px 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: 2px;\n    outline-width: 3px;\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: 5px;\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    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  tr.foot-spacer,\n  tr.head-spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  tr.foot-spacer td,\n  tr.head-spacer td {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  tr.foot-spacer td {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  tr.head-spacer td {\n    border-top-width: calc(var(--border-width) * 2);\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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  table,\n  table caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  table {\n    width: 100%;\n    border-spacing: 0;\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  .input input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px 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: 2px;\n    outline-width: 3px;\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: 5px;\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 .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    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  .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  .msg {\n    border-width: 0;\n  }\n  .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  .kol-alert-wc.msg {\n    border-width: 0;\n  }\n  .kol-alert-wc > .heading {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert-wc > .heading > div {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .msg > .heading > .kol-icon {\n    place-self: baseline;\n  }\n  .kol-alert-wc > .heading > .kol-button-wc.close {\n    place-self: center;\n  }\n  .msg {\n    align-items: start;\n  }\n  .default {\n    border-color: var(--color-subtle);\n  }\n  .default.msg .heading-icon {\n    color: var(--color-subtle);\n  }\n  .error {\n    border-color: var(--color-danger);\n  }\n  .error.msg .heading-icon {\n    color: var(--color-danger);\n  }\n  .info {\n    border-color: var(--color-primary);\n  }\n  .info.msg .heading-icon {\n    color: var(--color-primary);\n  }\n  .success {\n    border-color: var(--color-success);\n  }\n  .success.msg .heading-icon {\n    color: var(--color-success);\n  }\n  .warning {\n    border-color: var(--color-warning);\n  }\n  .warning.msg .heading-icon {\n    color: var(--color-warning);\n  }\n  .heading-icon {\n    color: var(--color-light);\n  }\n  .kol-alert-wc .heading .heading-icon {\n    padding: 0;\n  }\n  .msg > .heading > .heading-icon {\n    padding-top: 0;\n    place-items: baseline;\n  }\n  .msg > .heading > div > .kol-heading-wc {\n    padding-top: calc(--var-spacing / 2);\n  }\n  .msg.default .heading > div > .kol-heading-wc {\n    color: var(--color-subtle);\n  }\n  .msg.error .heading > div > .kol-heading-wc {\n    color: var(--color-danger);\n  }\n  .msg.info .heading > div > .kol-heading-wc {\n    color: var(--color-primary);\n  }\n  .msg.success .heading > div > .kol-heading-wc {\n    color: var(--color-success);\n  }\n  .msg.warning .heading > div > .kol-heading-wc {\n    color: var(--color-warning);\n  }\n  .msg.default .close .icon {\n    color: var(--color-subtle);\n  }\n  .msg.error .close .icon {\n    color: var(--color-danger);\n  }\n  .msg.info .close .icon {\n    color: var(--color-primary);\n  }\n  .msg.success .close .icon {\n    color: var(--color-success);\n  }\n  .msg.warning .close .icon {\n    color: var(--color-warning);\n  }\n  .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  .card > .heading {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card[_has-closer] > .heading {\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 0;\n  }\n  .card > .heading > div {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > .heading .heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .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  .card > .heading .kol-heading-wc > * {\n    margin: auto 0;\n  }\n  .card > .content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .card.default > .heading {\n    background-color: var(--color-subtle);\n  }\n  .card.error > .heading {\n    background-color: var(--color-danger);\n  }\n  .card.info > .heading {\n    background-color: var(--color-primary);\n  }\n  .card.success > .heading {\n    background-color: var(--color-success);\n  }\n  .card.warning > .heading {\n    background-color: var(--color-warning);\n  }\n  :is(.error, .info, .success, .warning) .heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .card > div > .content {\n    grid-row: 2;\n    grid-column: 1/span 2;\n  }\n  .card.default .close {\n    background-color: var(--color-subtle);\n  }\n  .card.error .close {\n    background-color: var(--color-danger);\n  }\n  .card.info .close {\n    background-color: var(--color-primary);\n  }\n  .card.success .close {\n    background-color: var(--color-success);\n  }\n  .card.warning .close {\n    background-color: var(--color-warning);\n  }\n  .close > button {\n    border-radius: 50%;\n    /* visible on focus */\n    color: var(--color-light);\n    cursor: pointer;\n  }\n  .close > button.hide-label .kol-icon {\n    display: flex;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: 2px;\n    padding: 0 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  .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: 3px 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  }\n  .toast .close > button.hide-label .kol-icon {\n    display: flex;\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  :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: 2px;\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    background-color: var(--color-secondary);\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n  }\n  .tertiary:is(a, button) > .kol-span-wc,\n  .tertiary: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  .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-text);\n    color: var(--color-text);\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  .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  .tertiary:is(a, button):active > .kol-span-wc,\n  .tertiary: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 2px 8px 2px 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  .tertiary: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 2px 8px 2px 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-TREE":"@layer kol-theme-component {\n  .tree ul {\n    border: 2px solid transparent;\n    border-radius: var(--border-radius);\n  }\n  .tree:focus-within {\n    outline: 0;\n  }\n  .tree:focus-within ul {\n    border: 2px solid var(--color-primary);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .tree-item {\n    --tree-item-indentation: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .tree-link {\n    display: block;\n    border: 1px solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    border: 1px 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    color: var(--color-text);\n    text-align: left;\n  }\n  .tree-link a .toggle-button:hover .toggle-button-icon::part(icon) {\n    transform: scale(1.6);\n  }\n  .tree-link a .text {\n    text-decoration: none;\n  }\n}"}),Fo=Co.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    lborder: 1px2;\n    border-radius: 2px;\n    border: 1px solid #626262;\n  }\n  :host {\n    --color-blue: #004494;\n    --color-yellow: #ffd617;\n    --color-grey: #404040;\n    --color-blue-130: #002f67;\n    --color-blue-120: #003776;\n    --color-blue-110: #003d84;\n    --color-blue-100: var(--color-blue);\n    --color-blue-75: #4073af;\n    --color-blue-50: #bfd0e4;\n    --color-blue-25: #bfd0e4;\n    --color-blue-5: #f2f5f9;\n    --color-yellow-120: #f8ae21;\n    --color-yellow-110: #fbc11d;\n    --color-yellow-100: var(--color-yellow);\n    --color-yellow-75: #ffde39;\n    --color-yellow-50: #ffe879;\n    --color-yellow-25: #fff4bb;\n    --color-grey-100: var(--color-grey);\n    --color-grey-75: #707070;\n    --color-grey-50: #9f9f9f;\n    --color-grey-25: #cfcfcf;\n    --color-grey-20: #d9d9d9;\n    --color-grey-15: #e3e3e3;\n    --color-grey-10: #ebebeb;\n    --color-grey-5: #f5f5f5;\n    --color-grey-3: #f9f9f9;\n    --color-blue-n: #006fb4;\n    --color-orange: #f29527;\n    --color-green: #467a39;\n    --color-red: #da2131;\n    --color-red-1xx: #981722;\n    --color-black: #000;\n    --color-white: #fff;\n    --font-family: Arial, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --font-weight: 400;\n    --font-weight-bold: 600;\n    --line-height: 1.5;\n    --line-height-heading: 1.2;\n    --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n    --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n    --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n    --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n    --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n    --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  a,\n  button {\n    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  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  .accordion {\n    background-color: var(--color-grey-5);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n  }\n  .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: 2px solid var(--color-blue);\n    outline-offset: -2px;\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-ALERT":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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-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-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-BUTTON":"@layer kol-theme-component {\n  a,\n  button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  a .kol-span-wc,\n  button .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: -4px;\n    outline-width: 2px;\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: -2px;\n  }\n  a.primary .kol-span-wc,\n  button.primary .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  a.primary:focus .kol-span-wc,\n  button.primary:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  a.primary:hover .kol-span-wc,\n  button.primary:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  a.secondary .kol-span-wc,\n  button.secondary .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  a.secondary:focus .kol-span-wc,\n  button.secondary:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: -6px;\n  }\n  a.secondary:hover .kol-span-wc,\n  button.secondary:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  a.normal .kol-span-wc,\n  button.normal .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  a.normal:hover .kol-span-wc,\n  button.normal:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost .kol-span-wc,\n  button.ghost .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  a.ghost:focus .kol-span-wc,\n  button.ghost:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  a.ghost:hover .kol-span-wc,\n  button.ghost:hover .kol-span-wc {\n    color: var(--color-blue-130);\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-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  }\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  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  :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: 2px solid var(--color-blue);\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .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: 1px;\n    border-color: var(--color-blue);\n    overflow-y: auto;\n    overflow-x: hidden;\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[aria-selected], .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: 1px solid var(--color-blue);\n    border-bottom: 1px 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: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\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-DETAILS":"@layer kol-theme-component {\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    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-FORM":"@layer kol-theme-component {\n  :host {\n    width: 100%;\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    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}","KOL-HEADING":"@layer kol-theme-component {\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-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n}',"KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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-RADIO":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: 2px 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: 7px;\n  }\n  input[type=radio]:focus {\n    outline: 2px solid var(--color-blue);\n    outline-offset: 2px;\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: 2px 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: 7px;\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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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-LINK":"@layer kol-theme-component {\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-LINK-BUTTON":"@layer kol-theme-component {\n  a,\n  button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  a .kol-span-wc,\n  button .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: -4px;\n    outline-width: 2px;\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: -2px;\n  }\n  a.primary .kol-span-wc,\n  button.primary .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  a.primary:focus .kol-span-wc,\n  button.primary:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  a.primary:hover .kol-span-wc,\n  button.primary:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  a.secondary .kol-span-wc,\n  button.secondary .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  a.secondary:focus .kol-span-wc,\n  button.secondary:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: -6px;\n  }\n  a.secondary:hover .kol-span-wc,\n  button.secondary:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  a.normal .kol-span-wc,\n  button.normal .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  a.normal:hover .kol-span-wc,\n  button.normal:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost .kol-span-wc,\n  button.ghost .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  a.ghost:focus .kol-span-wc,\n  button.ghost:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  a.ghost:hover .kol-span-wc,\n  button.ghost:hover .kol-span-wc {\n    color: var(--color-blue-130);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\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: 2px;\n    color: var(--color-white);\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    justify-items: start;\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: 100%;\n  }\n  li > ul,\n  li + li {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n    border-top-width: 2px;\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  button.toggle-button :focus .kol-span-wc {\n    outline-offset: -2px;\n  }\n  .toggle-button a .kol-span-wc,\n  .toggle-button button .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  .toggle-button a:focus .kol-span-wc,\n  .toggle-button button:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  .toggle-button a:hover .kol-span-wc,\n  .toggle-button button:hover .kol-span-wc {\n    color: var(--color-blue-130);\n  }\n}',"KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\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: 2px solid var(--color-yellow);\n    color: var(--color-black);\n    font-weight: var(--font-weight-bold);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n  }\n  .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: -4px;\n    outline: 2px 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-POPOVER-BUTTON":"@layer kol-theme-component {\n  a,\n  button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  a .kol-span-wc,\n  button .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: -4px;\n    outline-width: 2px;\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: -2px;\n  }\n  a.primary .kol-span-wc,\n  button.primary .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  a.primary:focus .kol-span-wc,\n  button.primary:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  a.primary:hover .kol-span-wc,\n  button.primary:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  a.secondary .kol-span-wc,\n  button.secondary .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  a.secondary:focus .kol-span-wc,\n  button.secondary:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: -6px;\n  }\n  a.secondary:hover .kol-span-wc,\n  button.secondary:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  a.normal .kol-span-wc,\n  button.normal .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  a.normal:hover .kol-span-wc,\n  button.normal:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost .kol-span-wc,\n  button.ghost .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  a.ghost:focus .kol-span-wc,\n  button.ghost:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  a.ghost:hover .kol-span-wc,\n  button.ghost:hover .kol-span-wc {\n    color: var(--color-blue-130);\n  }\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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\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-SELECT":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .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: 1px;\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    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[aria-selected], .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: 1px solid var(--color-blue);\n    border-bottom: 1px 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: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\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-SKIP-NAV":"@layer kol-theme-component {\n  .kol-link-wc > a > .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: 0.25em 0.75em;\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    cursor: pointer;\n  }\n}","KOL-SPIN":"@layer kol-theme-component {\n  .cycle {\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .cycle span {\n    background-color: var(--color-blue-75);\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    border-color: var(--color-blue);\n  }\n  .popover {\n    background-color: #fff;\n  }\n  .horizontal-line {\n    border: 0;\n    border-top: 1px 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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\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 .kol-span-wc,\n  button .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: -4px;\n    outline-width: 2px;\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: -2px;\n  }\n  a.primary .kol-span-wc,\n  button.primary .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  a.primary:focus .kol-span-wc,\n  button.primary:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  a.primary:hover .kol-span-wc,\n  button.primary:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  a.secondary .kol-span-wc,\n  button.secondary .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  a.secondary:focus .kol-span-wc,\n  button.secondary:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: -6px;\n  }\n  a.secondary:hover .kol-span-wc,\n  button.secondary:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  a.normal .kol-span-wc,\n  button.normal .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  a.normal:hover .kol-span-wc,\n  button.normal:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost .kol-span-wc,\n  button.ghost .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  a.ghost:focus .kol-span-wc,\n  button.ghost:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  a.ghost:hover .kol-span-wc,\n  button.ghost:hover .kol-span-wc {\n    color: var(--color-blue-130);\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\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  }\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: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 2px;\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: 2px;\n    outline-width: 2px;\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: 7px;\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  }\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: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 2px;\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: 2px;\n    outline-width: 2px;\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: 7px;\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-white);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group {\n    border-bottom: 1px solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  .tabs-button-group button.selected .kol-span-wc {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 -3px var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .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: 2px;\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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-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  }\n  .toast div {\n    background-color: var(--color-white);\n  }\n  .toast div.card {\n    border-style: solid;\n    border-width: 2px;\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: 1px;\n    background-color: var(--color-grey-5);\n  }\n  a,\n  button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  a .kol-span-wc,\n  button .kol-span-wc {\n    border-radius: 0;\n    border-style: solid;\n    border-width: 2px;\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  a:focus .kol-span-wc,\n  button:focus .kol-span-wc {\n    outline-offset: -4px;\n    outline-width: 2px;\n    outline-style: solid;\n  }\n  button.ghost:focus .kol-span-wc {\n    outline-offset: -2px;\n  }\n  a.primary .kol-span-wc,\n  button.primary .kol-span-wc {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n  }\n  a.primary:focus .kol-span-wc,\n  button.primary:focus .kol-span-wc {\n    outline-color: var(--color-white);\n  }\n  a.primary:hover .kol-span-wc,\n  button.primary:hover .kol-span-wc {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  a.secondary .kol-span-wc,\n  button.secondary .kol-span-wc {\n    background-color: var(--color-white);\n    border-color: var(--color-blue);\n    color: var(--color-blue);\n  }\n  a.secondary:focus .kol-span-wc,\n  button.secondary:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n    outline-offset: -6px;\n  }\n  a.secondary:hover .kol-span-wc,\n  button.secondary:hover .kol-span-wc {\n    border-color: var(--color-blue-130);\n    color: var(--color-blue-130);\n  }\n  a.normal .kol-span-wc,\n  button.normal .kol-span-wc {\n    background-color: var(--color-yellow);\n    border-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  a.normal:hover .kol-span-wc,\n  button.normal:hover .kol-span-wc {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost .kol-span-wc,\n  button.ghost .kol-span-wc {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--color-blue);\n  }\n  a.ghost:focus .kol-span-wc,\n  button.ghost:focus .kol-span-wc {\n    outline-color: var(--color-blue);\n  }\n  a.ghost:hover .kol-span-wc,\n  button.ghost:hover .kol-span-wc {\n    color: var(--color-blue-130);\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: 2px solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    background-color: var(--color-sky);\n    border: 2px 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    color: var(--color-black);\n    text-align: left;\n  }\n  .tree-link a .toggle-button:hover .toggle-button-icon::part(icon) {\n    transform: scale(1.3);\n  }\n  .tree-link a:focus {\n    color: var(--color-black);\n  }\n  .tree-link a .text {\n    text-decoration: none;\n  }\n}"}),jo=Co.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    bborder: 1px2px;\n    border: 1px solid #626262;\n  }\n  :host {\n    --color-blue: #0e47cb;\n    --color-blue-140: #082b7a;\n    --color-blue-130: #082b7a;\n    --color-blue-120: #0b39a2;\n    --color-blue-110: #0d40b7;\n    --color-blue-100: #0e47cb;\n    --color-blue-80: #3e6cd5;\n    --color-blue-60: #6e91e0;\n    --color-blue-40: #9fb5ea;\n    --color-blue-20: #cfdaf5;\n    --color-blue-10: #e7edfa;\n    --color-blue-5: #f3f6fc;\n    --color-yellow: #ffcc00;\n    --color-yellow-140: #997a00;\n    --color-yellow-130: #b38f00;\n    --color-yellow-120: #cca300;\n    --color-yellow-110: #e6b800;\n    --color-yellow-100: #ffcc00;\n    --color-yellow-80: #ffd633;\n    --color-yellow-60: #ffe066;\n    --color-yellow-40: #ffeb99;\n    --color-yellow-20: #fff5cc;\n    --color-yellow-10: #fffae6;\n    --color-yellow-5: #fffcf2;\n    --color-grey: #262b38;\n    --color-grey-140: #171a22;\n    --color-grey-130: #1b1e27;\n    --color-grey-120: #1e222d;\n    --color-grey-110: #222732;\n    --color-grey-100: #262b38;\n    --color-grey-80: #515560;\n    --color-grey-75: #515560;\n    --color-grey-60: #7d8088;\n    --color-grey-40: #a8aaaf;\n    --color-grey-20: #d4d5d7;\n    --color-grey-10: #e9eaeb;\n    --color-grey-5: #f4f5f5;\n    --color-grey-3: #f9f9f9;\n    --color-orange: #ff6200;\n    --color-orange-140: #993b00;\n    --color-orange-130: #b34500;\n    --color-orange-120: #cc4e00;\n    --color-orange-110: #e65800;\n    --color-orange-100: #e65800;\n    --color-orange-80: #ff8133;\n    --color-orange-60: #ff914d;\n    --color-orange-40: #ffb180;\n    --color-orange-20: #ffd0b3;\n    --color-orange-10: #ffefe6;\n    --color-orange-5: #fff7f2;\n    --color-green: #00c991;\n    --color-green-140: #007957;\n    --color-green-130: #008d66;\n    --color-green-120: #008d66;\n    --color-green-110: #00b583;\n    --color-green-100: #00c991;\n    --color-green-80: #00c991;\n    --color-green-60: #66dfbd;\n    --color-green-40: #99e9d3;\n    --color-green-20: #ccf4e9;\n    --color-green-10: #e6faf4;\n    --color-green-5: #f2fcf9;\n    --color-red: #ef0044;\n    --color-red-140: #8f0029;\n    --color-red-130: #a70030;\n    --color-red-120: #bf0036;\n    --color-red-110: #d7003d;\n    --color-red-100: #ef0044;\n    --color-red-80: #f23369;\n    --color-red-60: #f5668f;\n    --color-red-40: #f999b4;\n    --color-red-20: #fcccda;\n    --color-red-10: #fde6ec;\n    --color-red-5: #fef2f5;\n    --color-accent-blue-100: #00e9ff;\n    --color-accent-blue-30: #b3f8ff;\n    --color-purple: #510dcd;\n    --color-purple-140: #31087b;\n    --color-purple-130: #390990;\n    --color-purple-120: #410aa4;\n    --color-purple-110: #490cb9;\n    --color-purple-100: #510dcd;\n    --color-purple-80: #743dd7;\n    --color-purple-60: #976ee1;\n    --color-purple-40: #bf9af1;\n    --color-purple-20: #dccff5;\n    --color-purple-10: #eee7fa;\n    --color-purple-5: #eee7fa;\n    --color-white: #fff;\n    --color-black: #000;\n    --font-family: Arial, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --font-weight-regular: 400;\n    --font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --line-height-heading: 1.2;\n    --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n    --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n    --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n    --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n    --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n    --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    font-size: var(--font-size);\n  }\n  :host * {\n    font-family: var(--font-family);\n  }\n  a,\n  button {\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  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}","KOL-ACCORDION":'@layer kol-theme-component {\n  .accordion {\n    border-radius: 8px;\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n    margin: 0;\n    overflow: hidden;\n  }\n  .accordion__heading {\n    font-size: 2em;\n  }\n  .accordion__heading-button button {\n    border-radius: 8px;\n    outline-offset: -1px;\n    border: 0;\n    border-bottom-color: #cfdaf5;\n    border-bottom-style: solid;\n    border-bottom-width: 2px;\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: 2px solid #cfdaf5;\n    border-inline-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    color: #515560;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(24rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    margin-inline-start: 0;\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .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-ALERT":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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-BADGE":"@layer kol-theme-component {\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-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    border-radius: 4px;\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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: -4px;\n    outline-style: solid;\n    outline-width: 2px;\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  a.primary > .kol-span-wc,\n  button.primary > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  a.primary:focus-visible > .kol-span-wc,\n  button.primary:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  a.primary:hover > .kol-span-wc,\n  button.primary:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  a.secondary > .kol-span-wc,\n  button.secondary > .kol-span-wc {\n    background-color: #fff;\n    border: 2px 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  a.secondary:focus-visible > .kol-span-wc,\n  button.secondary:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 4px #0e47cb;\n    outline-color: #fff;\n  }\n  a.secondary:hover > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  a.normal > .kol-span-wc,\n  button.normal > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  a.normal:focus-visible > .kol-span-wc,\n  button.normal:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  a.normal:hover > .kol-span-wc,\n  button.normal:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost > .kol-span-wc,\n  button.ghost > .kol-span-wc {\n    color: #0e47cb;\n  }\n  a.ghost:focus-visible > .kol-span-wc,\n  button.ghost:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  a.ghost:hover > .kol-span-wc,\n  button.ghost: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-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-CARD":"@layer kol-theme-component {\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: 2px solid var(--color-blue);\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .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: 1px;\n    border-color: var(--color-blue);\n    overflow-y: auto;\n    overflow-x: hidden;\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[aria-selected], .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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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: var(--a11y-min-size);\n    border: 1pxlid 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-DETAILS":"@layer kol-theme-component {\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    -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-FORM":"@layer kol-theme-component {\n  :host {\n    width: 100%;\n  }\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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    -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}","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    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-INDENTED-TEXT":"@layer kol-theme-component {\n  .kol-indented-text-wc > div {\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-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: 2px;\n    border-style: solid;\n    color: var(--color-grey);\n    line-height: 1.5;\n  }\n  input[type=checkbox]:focus {\n    outline-color: var(--color-blue);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 2px;\n  }\n}',"KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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-RADIO":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: 2px solid var(--color-grey-75);\n    outline-offset: 2px;\n  }\n  input[type=radio]:before {\n    display: none;\n  }\n  input[type=radio]:checked {\n    border-color: var(--color-blue);\n    border-width: 7px;\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: 2px 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: 7px;\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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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-INPUT-TEXT":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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-LINK":"@layer kol-theme-component {\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-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    border-radius: 4px;\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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: -4px;\n    outline-style: solid;\n    outline-width: 2px;\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  a.primary > .kol-span-wc,\n  button.primary > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  a.primary:focus-visible > .kol-span-wc,\n  button.primary:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  a.primary:hover > .kol-span-wc,\n  button.primary:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  a.secondary > .kol-span-wc,\n  button.secondary > .kol-span-wc {\n    background-color: #fff;\n    border: 2px 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  a.secondary:focus-visible > .kol-span-wc,\n  button.secondary:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 4px #0e47cb;\n    outline-color: #fff;\n  }\n  a.secondary:hover > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  a.normal > .kol-span-wc,\n  button.normal > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  a.normal:focus-visible > .kol-span-wc,\n  button.normal:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  a.normal:hover > .kol-span-wc,\n  button.normal:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost > .kol-span-wc,\n  button.ghost > .kol-span-wc {\n    color: #0e47cb;\n  }\n  a.ghost:focus-visible > .kol-span-wc,\n  button.ghost:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  a.ghost:hover > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc {\n    color: #0e47cb;\n  }\n}","KOL-NAV":'@layer kol-theme-component {\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: 2px;\n    color: var(--color-white);\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    justify-items: start;\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: 100%;\n  }\n  li > ul,\n  li + li {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n    border-top-width: 2px;\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  .toggle-button a > .kol-span-wc,\n  .toggle-button button > .kol-span-wc {\n    color: #0e47cb;\n  }\n  .toggle-button a:focus-visible > .kol-span-wc,\n  .toggle-button button:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  .toggle-button a:hover > .kol-span-wc,\n  .toggle-button button:hover > .kol-span-wc {\n    color: #0e47cb;\n  }\n}',"KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\n  }\n  .button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-radius: 4px;\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: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) Arial, sans-serif;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    background-color: #fc0;\n    color: #171a22;\n  }\n  .button:focus-visible .button-inner {\n    outline-offset: -4px;\n    outline: 2px 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-POPOVER-BUTTON":"@layer kol-theme-component {\n  a,\n  button {\n    appearance: none;\n    border-radius: 4px;\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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: -4px;\n    outline-style: solid;\n    outline-width: 2px;\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  a.primary > .kol-span-wc,\n  button.primary > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  a.primary:focus-visible > .kol-span-wc,\n  button.primary:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  a.primary:hover > .kol-span-wc,\n  button.primary:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  a.secondary > .kol-span-wc,\n  button.secondary > .kol-span-wc {\n    background-color: #fff;\n    border: 2px 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  a.secondary:focus-visible > .kol-span-wc,\n  button.secondary:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 4px #0e47cb;\n    outline-color: #fff;\n  }\n  a.secondary:hover > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  a.normal > .kol-span-wc,\n  button.normal > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  a.normal:focus-visible > .kol-span-wc,\n  button.normal:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  a.normal:hover > .kol-span-wc,\n  button.normal:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost > .kol-span-wc,\n  button.ghost > .kol-span-wc {\n    color: #0e47cb;\n  }\n  a.ghost:focus-visible > .kol-span-wc,\n  button.ghost:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  a.ghost:hover > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc {\n    color: #0e47cb;\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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 div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    color: var(--color-grey);\n    order: 4;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .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: 1px;\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[aria-selected], .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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\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-SKIP-NAV":"@layer kol-theme-component {\n  .kol-link-wc > a > .kol-span-wc {\n    border-radius: 4px;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    background-color: #0e47cb;\n    color: #fff;\n    cursor: pointer;\n  }\n}","KOL-SPIN":"@layer kol-theme-component {\n  .cycle {\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .cycle span {\n    background-color: var(--color-blue-80);\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    border-style: solid;\n    border-width: 2px;\n    border-color: var(--color-blue);\n    border-radius: 4px;\n  }\n  .horizontal-line {\n    border: 0;\n    border-top: 1px solid var(--color-blue);\n  }\n  .popover {\n    background-color: #fff;\n  }\n  a,\n  button {\n    appearance: none;\n    border-radius: 4px;\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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: -4px;\n    outline-style: solid;\n    outline-width: 2px;\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  a.primary > .kol-span-wc,\n  button.primary > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  a.primary:focus-visible > .kol-span-wc,\n  button.primary:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  a.primary:hover > .kol-span-wc,\n  button.primary:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  a.secondary > .kol-span-wc,\n  button.secondary > .kol-span-wc {\n    background-color: #fff;\n    border: 2px 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  a.secondary:focus-visible > .kol-span-wc,\n  button.secondary:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 4px #0e47cb;\n    outline-color: #fff;\n  }\n  a.secondary:hover > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  a.normal > .kol-span-wc,\n  button.normal > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  a.normal:focus-visible > .kol-span-wc,\n  button.normal:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  a.normal:hover > .kol-span-wc,\n  button.normal:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost > .kol-span-wc,\n  button.ghost > .kol-span-wc {\n    color: #0e47cb;\n  }\n  a.ghost:focus-visible > .kol-span-wc,\n  button.ghost:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  a.ghost:hover > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc {\n    color: #0e47cb;\n  }\n  .main-button > .button > .kol-span-wc {\n    border-right: none;\n    border-top-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .secondary-button > .button > .kol-span-wc {\n    border-left: none;\n    border-top-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\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    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: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 2px;\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: 2px;\n    outline-width: 2px;\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: 2px solid var(--color-grey-75);\n    outline-offset: 2px;\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio]:checked {\n    outline: 2px solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: 7px;\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  }\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: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 2px;\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: 2px;\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: 2px;\n    outline-width: 2px;\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: 2px solid var(--color-grey-75);\n    outline-offset: 2px;\n  }\n  .input input[type=radio]:hover {\n    border-color: var(--color-blue);\n  }\n  .input input[type=radio]:checked {\n    outline: 2px solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: 7px;\n  }\n  .input input[type=radio]:checked:before {\n    background-color: var(--color-white);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .tabs-button-group {\n    border-bottom: 1px solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  .tabs-button-group button.selected .kol-span-wc {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: 1px;\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 -3 px 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: 2px;\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host div {\n    background-color: var(--color-white);\n  }\n  :host div.card {\n    border-style: solid;\n    border-width: 2px;\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: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: 1px solid var(--color-blue);\n    border-bottom: 1px 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: var(--a11y-min-size);\n    border: 1px solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  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-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  }\n  .toast div {\n    background-color: var(--color-white);\n  }\n  .toast div.card {\n    border-style: solid;\n    border-width: 2px;\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: 8px;\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n    background-color: var(--color-white);\n  }\n  a,\n  button {\n    appearance: none;\n    border-radius: 4px;\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: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: 4px;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  a:focus-visible > .kol-span-wc,\n  button:focus-visible > .kol-span-wc {\n    outline-offset: -4px;\n    outline-style: solid;\n    outline-width: 2px;\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  a.primary > .kol-span-wc,\n  button.primary > .kol-span-wc {\n    background-color: #0e47cb;\n    color: #fff;\n  }\n  a.primary:focus-visible > .kol-span-wc,\n  button.primary:focus-visible > .kol-span-wc {\n    outline-color: #fff;\n  }\n  a.primary:hover > .kol-span-wc,\n  button.primary:hover > .kol-span-wc {\n    background-color: #3e6cd5;\n  }\n  a.secondary > .kol-span-wc,\n  button.secondary > .kol-span-wc {\n    background-color: #fff;\n    border: 2px 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  a.secondary:focus-visible > .kol-span-wc,\n  button.secondary:focus-visible > .kol-span-wc {\n    box-shadow: inset 0 0 0 4px #0e47cb;\n    outline-color: #fff;\n  }\n  a.secondary:hover > .kol-span-wc,\n  button.secondary:hover > .kol-span-wc {\n    border-color: #0e47cb;\n    color: #0e47cb;\n  }\n  a.normal > .kol-span-wc,\n  button.normal > .kol-span-wc {\n    background-color: #fc0;\n    color: #171a22;\n  }\n  a.normal:focus-visible > .kol-span-wc,\n  button.normal:focus-visible > .kol-span-wc {\n    outline-color: #000;\n  }\n  a.normal:hover > .kol-span-wc,\n  button.normal:hover > .kol-span-wc {\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  a.danger .kol-span-wc,\n  button.danger .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n    color: var(--color-white);\n  }\n  a.danger:hover .kol-span-wc,\n  button.danger:hover .kol-span-wc {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  a.ghost > .kol-span-wc,\n  button.ghost > .kol-span-wc {\n    color: #0e47cb;\n  }\n  a.ghost:focus-visible > .kol-span-wc,\n  button.ghost:focus-visible > .kol-span-wc {\n    outline-color: #0e47cb;\n  }\n  a.ghost:hover > .kol-span-wc,\n  button.ghost:hover > .kol-span-wc {\n    color: #0e47cb;\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: 2px solid transparent;\n    border-radius: 4px;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    background-color: var(--color-sky);\n    border: 2px 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    color: var(--color-black);\n    text-align: left;\n  }\n  .tree-link a .toggle-button {\n    color: var(--color-blue);\n  }\n  .tree-link a .toggle-button:hover .toggle-button-icon::part(icon) {\n    transform: scale(1.3);\n  }\n  .tree-link a:focus {\n    color: var(--color-black);\n  }\n  .tree-link a .text {\n    text-decoration: none;\n  }\n}"}),Ro=Co.createTheme("itzbund",{GLOBAL:'@layer kol-theme-global {\n  :host {\n    --border-color: var(--color-anthrazit);\n    --border-radius: 2px;\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: rgb(188, 0, 0, 1);\n    --color-rotton-20: rgb(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  :host {\n    font-size: var(--font-size);\n  }\n  :host * {\n    font-family: var(--font-family-sans);\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\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: 2px;\n    border: 1px solid #626262;\n  }\n  .badge-text-hint {\n    border-radius: 3px;\n    padding: 0 0.3em;\n  }\n}',"KOL-ACCORDION":'@layer kol-theme-component {\n  .accordion {\n    width: 100%;\n    height: 100%;\n    display: grid;\n    border-color: var(--kolibri-border-color);\n    border-width: 1px;\n    border-style: solid;\n    border-radius: 4px;\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    line-height: 1.75;\n  }\n  .accordion__heading-button button {\n    font-weight: 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-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-BADGE":"@layer kol-theme-component {\n  :host {\n    display: inline-block;\n  }\n  :host > span {\n    border-radius: 5px;\n    display: inline-flex;\n  }\n  :host > span .kol-button-wc {\n    border-left: 1px 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-BREADCRUMB":"@layer kol-theme-component {\n  li > span {\n    font-weight: bold;\n    /* text-transform: uppercase; */\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  button {\n    background-color: transparent;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-radius: var(--border-radius);\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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  :is(a, 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  .primary:is(a, button) > .kol-span-wc,\n  .primary:is(a, button):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  .primary:is(a, button):hover > .kol-span-wc,\n  .primary:is(a, button):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  .secondary:is(a, button) > .kol-span-wc,\n  .secondary:is(a, button):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  .secondary:is(a, button):hover > .kol-span-wc,\n  .secondary:is(a, button):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  .normal:is(a, button) > .kol-span-wc,\n  .normal:is(a, button):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  .normal:is(a, button):hover > .kol-span-wc,\n  .normal:is(a, button):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  .danger:is(a, button) > .kol-span-wc,\n  .danger:is(a, button):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  .danger:is(a, button):hover > .kol-span-wc,\n  .danger:is(a, button):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  .ghost:is(a, button) > .kol-span-wc,\n  .ghost:is(a, button):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  .ghost:is(a, button):hover > .kol-span-wc,\n  .ghost:is(a, button):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-BUTTON-LINK":"@layer kol-theme-component {\n  a,\n  button {\n    border-radius: 32px;\n    /* text-transform: uppercase; */\n  }\n  a > .kol-span-wc,\n  button > .kol-span-wc {\n    border-radius: 32px;\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    border-width: var(--spacing);\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-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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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    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[aria-selected], .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  .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    border-left: 4px 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-FORM":"@layer kol-theme-component {\n  --kolibri-border-width: 1px;\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    /* 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 8px 8px white;\n    left: unset;\n    position: unset;\n  }\n  .mandatory-fields-hint {\n    border-left: 4px 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-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-INDENTED-TEXT":"@layer kol-theme-component {\n  .kol-indented-text-wc > div {\n    border-left: 4px 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-INPUT-CHECKBOX":'@layer kol-theme-component {\n  :host {\n    --kolibri-border-width: 1px;\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: 2px;\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: 32px;\n    outline-color: var(--color-achat);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\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: 1px;\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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\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: 2px;\n    border-style: solid;\n    border-radius: 5px;\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 1.6px 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-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: 1px;\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: 1px;\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: 1px;\n  }\n  .error input {\n    background-color: var(--color-rotton-20);\n    border-color: var(--color-rotton);\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    /* 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 8px 8px white;\n    left: unset;\n    position: unset;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  button {\n    background-color: transparent;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-radius: var(--border-radius);\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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  :is(a, 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  .primary:is(a, button) > .kol-span-wc,\n  .primary:is(a, button):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  .primary:is(a, button):hover > .kol-span-wc,\n  .primary:is(a, button):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  .secondary:is(a, button) > .kol-span-wc,\n  .secondary:is(a, button):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  .secondary:is(a, button):hover > .kol-span-wc,\n  .secondary:is(a, button):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  .normal:is(a, button) > .kol-span-wc,\n  .normal:is(a, button):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  .normal:is(a, button):hover > .kol-span-wc,\n  .normal:is(a, button):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  .danger:is(a, button) > .kol-span-wc,\n  .danger:is(a, button):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  .danger:is(a, button):hover > .kol-span-wc,\n  .danger:is(a, button):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  .ghost:is(a, button) > .kol-span-wc,\n  .ghost:is(a, button):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  .ghost:is(a, button):hover > .kol-span-wc,\n  .ghost:is(a, button):focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\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: 1px 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: 1px 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    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  .toggle-button :is(a, button) > .kol-span-wc,\n  .toggle-button :is(a, button):disabled:hover > .kol-span-wc {\n    background-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n    display: grid;\n    place-items: center;\n    border-radius: 32px;\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    border-width: var(--spacing);\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    border-color: transparent;\n  }\n  .toggle-button :is(a, button):hover > .kol-span-wc,\n  .toggle-button :is(a, button):focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n}',"KOL-PAGINATION":"@layer kol-theme-component {\n  .button {\n    border-radius: 32px;\n    font-family: var(--font-family-sans);\n  }\n  .button-inner {\n    background-color: var(--color-weiss);\n    border-radius: 32px;\n    border: var(--spacing) solid var(--color-anthrazit);\n    color: var(--color-anthrazit);\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-POPOVER-BUTTON":"@layer kol-theme-component {\n  button {\n    background-color: transparent;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-radius: var(--border-radius);\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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  :is(a, 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  .primary:is(a, button) > .kol-span-wc,\n  .primary:is(a, button):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  .primary:is(a, button):hover > .kol-span-wc,\n  .primary:is(a, button):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  .secondary:is(a, button) > .kol-span-wc,\n  .secondary:is(a, button):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  .secondary:is(a, button):hover > .kol-span-wc,\n  .secondary:is(a, button):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  .normal:is(a, button) > .kol-span-wc,\n  .normal:is(a, button):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  .normal:is(a, button):hover > .kol-span-wc,\n  .normal:is(a, button):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  .danger:is(a, button) > .kol-span-wc,\n  .danger:is(a, button):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  .danger:is(a, button):hover > .kol-span-wc,\n  .danger:is(a, button):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  .ghost:is(a, button) > .kol-span-wc,\n  .ghost:is(a, button):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  .ghost:is(a, button):hover > .kol-span-wc,\n  .ghost:is(a, button):focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n  button > .kol-span-wc {\n    border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    border-width: var(--spacing);\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\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: 1px;\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: 1px;\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: 1px;\n  }\n  option {\n    min-height: 2em;\n  }\n  select:not([multiple]) option {\n    padding: 0.5em;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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: 1px;\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    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[aria-selected], .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-petrol);\n    outline: 0;\n  }\n  .single-select__item[aria-selected] .radio-label, .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-SKIP-NAV":"@layer kol-theme-component {\n  .kol-link-wc > a > .kol-span-wc {\n    border-radius: 32px;\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-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-SPLIT-BUTTON":"@layer kol-theme-component {\n  :host {\n    border-radius: var(--border-radius);\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: 2px;\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .secondary-button button {\n    height: 100%;\n  }\n  button {\n    background-color: transparent;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-radius: var(--border-radius);\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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  :is(a, 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  .primary:is(a, button) > .kol-span-wc,\n  .primary:is(a, button):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  .primary:is(a, button):hover > .kol-span-wc,\n  .primary:is(a, button):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  .secondary:is(a, button) > .kol-span-wc,\n  .secondary:is(a, button):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  .secondary:is(a, button):hover > .kol-span-wc,\n  .secondary:is(a, button):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  .normal:is(a, button) > .kol-span-wc,\n  .normal:is(a, button):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  .normal:is(a, button):hover > .kol-span-wc,\n  .normal:is(a, button):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  .danger:is(a, button) > .kol-span-wc,\n  .danger:is(a, button):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  .danger:is(a, button):hover > .kol-span-wc,\n  .danger:is(a, button):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  .ghost:is(a, button) > .kol-span-wc,\n  .ghost:is(a, button):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  .ghost:is(a, button):hover > .kol-span-wc,\n  .ghost:is(a, button):focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n  :is(a, button) {\n    height: 100%;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-style: none;\n    height: 100%;\n  }\n  .main-button > .button > .kol-span-wc {\n    border-right: none;\n    border-top-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-left-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .secondary-button > .button > .kol-span-wc {\n    border-left: none;\n    border-top-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-bottom-right-radius: calc(var(--border-radius) - var(--border-width));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 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: 1px;\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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    border: 1px solid var(--color-petrol);\n    border-width: 0 1px 1px 1px;\n  }\n  tr {\n    border-top: 1px solid var(--color-petrol);\n  }\n  th,\n  td {\n    border-right: 1px 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: 2px;\n    outline-width: 3px;\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: 2px;\n    outline-width: 2px;\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: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    border: 1px solid var(--color-petrol);\n    border-width: 0 1px 1px 1px;\n  }\n  tr {\n    border-top: 1px solid var(--color-petrol);\n  }\n  th,\n  td {\n    border-right: 1px 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: 2px;\n    outline-width: 3px;\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: 2px;\n    outline-width: 2px;\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: 1px solid var(--border-color);\n  }\n  button {\n    line-height: 1.25;\n    cursor: pointer;\n    border-width: 2px;\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-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: 1px;\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: 1px;\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: 1px;\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-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-TOOLBAR":"@layer kol-theme-component {\n  .toolbar {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    border-width: 1px;\n    border-style: solid;\n    border-radius: 4px;\n    border-color: var(--kolibri-border-color);\n    background-color: var(--color-white);\n  }\n  a,\n  button {\n    border-radius: 32px;\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: 32px;\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    border-width: var(--spacing);\n    /*line-height: 1.25em;*/\n    /*padding: calc(4 * var(--spacing));*/\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-link-wc > a {\n    text-decoration: none;\n  }\n  button {\n    background-color: transparent;\n  }\n  :is(a, button) > .kol-span-wc {\n    border-radius: var(--border-radius);\n    border-style: solid;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\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  :is(a, 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  .primary:is(a, button) > .kol-span-wc,\n  .primary:is(a, button):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  .primary:is(a, button):hover > .kol-span-wc,\n  .primary:is(a, button):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  .secondary:is(a, button) > .kol-span-wc,\n  .secondary:is(a, button):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  .secondary:is(a, button):hover > .kol-span-wc,\n  .secondary:is(a, button):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  .normal:is(a, button) > .kol-span-wc,\n  .normal:is(a, button):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  .normal:is(a, button):hover > .kol-span-wc,\n  .normal:is(a, button):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  .danger:is(a, button) > .kol-span-wc,\n  .danger:is(a, button):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  .danger:is(a, button):hover > .kol-span-wc,\n  .danger:is(a, button):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  .ghost:is(a, button) > .kol-span-wc,\n  .ghost:is(a, button):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  .ghost:is(a, button):hover > .kol-span-wc,\n  .ghost:is(a, button):focus > .kol-span-wc {\n    background-color: var(--color-ghost);\n    border-color: var(--color-ghost);\n    color: var(--color-anthrazit);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .tree ul {\n    display: flex;\n    flex-direction: column;\n    border: 2px solid transparent;\n    border-radius: 4px;\n  }\n  .tree:focus-within {\n    outline: 0;\n  }\n  .tree:focus-within ul {\n    border: 2px 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: 2px solid transparent;\n  }\n  .tree-link:hover, .tree-link:focus-within {\n    border: 2px 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    color: var(--color-black);\n    text-align: left;\n  }\n  .tree-link a .toggle-button {\n    color: var(--color-blue);\n  }\n  .tree-link a .toggle-button:hover .toggle-button-icon::part(icon) {\n    transform: scale(1.3);\n  }\n  .tree-link a:focus {\n    color: var(--color-petrol);\n  }\n  .tree-link a .text {\n    text-decoration: none;\n  }\n}"}),Do="2.2.12",Mo=()=>{const n={onClick:()=>history.back()};return e.createElement(u,{_label:"This is an example page",_level:0,_type:"info"},e.createElement("p",null,"You followed an example link."),history.length>1&&e.createElement(m,{_label:"Go Back",_on:n}))},Ko=["default","ecl-ec","ecl-eu","itzbund","bwst","unstyled"],Ho=["ecl-ec","ecl-eu","itzbund"],Uo=e=>void 0!==Ko.find((n=>n===e)),Vo=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"BWSt (Tested)",value:"bwst"},{label:"European Commission (Draft)",value:"ecl-ec"},{label:"European Union (Draft)",value:"ecl-eu"},{label:"Informationstechnikzentrum Bund (Draft)",value:"itzbund"}];function qo({children:n}){return function(){const n=matchMedia("(max-width: 1023px)"),[o,r]=(0,e.useState)(n.matches),t=()=>{r(n.matches)};return(0,e.useEffect)((()=>(t(),n.addEventListener("change",t),()=>{n.removeEventListener("change",t)})),[n]),o}()?e.createElement(d,{_label:"All components",class:"mt"},n):e.createElement("div",{className:"mt scrollable-container"},n)}function Wo({label:n,to:o,children:r}){const t=Ge(o),a=function(n){ue(Ye(),"useMatch() may be used only in the context of a <Router> component.");let{pathname:o}=Je();return e.useMemo((()=>Le(n,Ce(o))),[o,n])}({path:nn(o).pathname,end:!0});return e.createElement(ae,{_label:n,_href:t,_active:!!a},r)}const Zo=function({routes:n}){const o=Object.entries(n).map((([n,o])=>e.createElement(Wo,{key:n,label:n,to:n},((n,o)=>Object.keys(o).map((o=>{const r="tree"===n&&"basic/:subPage"===o,t=r?"basic/home":o,a=r?"basic":o;return e.createElement(Wo,{key:[n,o].join("/"),label:a,to:[n,t].join("/")})})))(n,o))));return e.createElement(qo,null,e.createElement("nav",null,e.createElement(te,{_label:"Navigation",class:"block"},o)))},Go=({buildDate:n,commitHash:o})=>n||o?e.createElement("div",{className:"text-sm font-mono color-gray-5 m-t-2"},n&&o?e.createElement(e.Fragment,null,"Build: ",o,e.createElement("br",null),"at ",n):o?`Build: ${o}`:`Build date: ${n}`):"",Yo=({version:n,theme:o,routes:r,routeList:t,sample:a,buildDate:l,commitHash:i,onThemeChange:c})=>{const s=()=>t.indexOf(a);return e.createElement("aside",{className:"app-sidebar p-4"},e.createElement("div",{className:"scrollable-container-wrapper"},e.createElement("div",{className:"flex flex-justify-between flex-items-center"},e.createElement(x,{_label:"KoliBri React"}),e.createElement(le,{_label:n})),e.createElement(Go,{buildDate:l,commitHash:i}),e.createElement(W,{_label:"Theme",_options:Vo,_on:{onChange:(e,n)=>{c(n[0])}},_value:[o],class:"mt"}),e.createElement(x,{_label:"Components",_level:2,className:"block mt"}),e.createElement("div",{className:"flex flex-justify-between flex-items-center mt"},e.createElement(m,{_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]}`)}}}),e.createElement("span",{className:"text-base text-center"},a.replace(/\//g," ")," (",s()+1,"/",t.length,")"),e.createElement(m,{_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]}`)}}})),e.createElement(Zo,{routes:r})))},Jo=(0,e.createContext)(null),Qo="I am an error message!",Xo="I am a hint.",er=n=>{const o=(0,e.useContext)(Jo),r=Je(),t=r.pathname.split("/").slice(1),a=(0,e.useMemo)((()=>"scenarios"===t[0]?null:`https://public-ui.github.io/v2/docs/components/${t[0]}`),[r.hash]),l=(0,e.useMemo)((()=>"scenarios"===t[0]?null:`https://github.com/public-ui/kolibri/blob/release/2/packages/samples/react/src/components/${t[0]}/${t[1]}.tsx`),[r.hash]);return e.createElement(e.Fragment,null,e.createElement("h1",{className:"visually-hidden"},r.pathname.replace(/\//g," ")),o?null:e.createElement("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2"},e.createElement("div",{className:"indented-text"},n.children),e.createElement("ul",{className:"flex flex-wrap gap-2 list-none m-0 p-0"},l&&e.createElement("li",null,e.createElement(j,{_href:l,_label:"Code",_target:"_blank"})),a&&e.createElement("li",null,e.createElement(j,{_href:a,_label:"Documentation",_target:"_blank"})),e.createElement("li",null,e.createElement(j,{_href:`#${r.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})))))},nr={abbr:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolAbbr shows the full expansion of an abbreviated term on mouse over. The sample illustrates the different possible alignments for the tooltip.")),e.createElement("p",null,"I am ",e.createElement(s,{_label:"zum Beispiel"},"e.g.")," an abbreviation."),e.createElement("p",null,"I am ",e.createElement(s,{_label:"zum Beispiel",_tooltipAlign:"right"},"e.g.")," an abbreviation (right)."),e.createElement("p",null,"I am ",e.createElement(s,{_label:"zum Beispiel",_tooltipAlign:"bottom"},"e.g.")," an abbreviation (below)."),e.createElement("p",null,"I am ",e.createElement(s,{_label:"zum Beispiel",_tooltipAlign:"left"},"e.g.")," an abbreviation (left)."),e.createElement("p",null,"I am ",e.createElement(s,{_label:"zum Beispiel",_tooltipAlign:"top"},"e.g.")," an abbreviation (top)."))}},or={accordion:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",e.createElement("code",null,"_open"),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion.")),e.createElement("div",{className:"grid gap-4"},e.createElement(d,{_label:"Heading Accordion Tab 1"},"Contents Accordion Tab 1"),e.createElement(d,{_label:"Heading Accordion Tab 2"},"Contents Accordion Tab 2"),e.createElement(d,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),e.createElement(d,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0},"Contents Accordion Tab 2"))),headlines:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolAccordion with the different heading levels from 1-6.")),e.createElement("div",{className:"grid gap-4"},e.createElement(d,{_label:"Heading Level 1",_level:1},"Contents Accordion Tab 1"),e.createElement(d,{_label:"Heading Level 2",_level:2},"Contents Accordion Tab 2"),e.createElement(d,{_label:"Heading Level 3",_level:3},"Contents Accordion Tab 3"),e.createElement(d,{_label:"Heading Level 4",_level:4},"Contents Accordion Tab 4"),e.createElement(d,{_label:"Heading Level 5",_level:5},"Contents Accordion Tab 5"),e.createElement(d,{_label:"Heading Level 6",_level:6},"Contents Accordion Tab 6")))}},rr=({level:n,type:o,variant:r})=>e.createElement(e.Fragment,null,e.createElement(u,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:o,_variant:r},"This is the text of the alert."),e.createElement(u,{_type:o,_variant:r},"In this alert, only the text without the heading is used."),e.createElement(u,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:o,_variant:r,_hasCloser:!0},"This is the text of the alert. With close button."),e.createElement(u,{_type:o,_variant:r,_hasCloser:!0},"In this alert, only the text without the heading is used. With close button.")),tr=({variant:n="msg"})=>e.createElement("div",{className:"grid gap-4"},e.createElement(rr,{level:1,type:"default",variant:n}),e.createElement(rr,{level:2,type:"error",variant:n}),e.createElement(rr,{level:3,type:"info",variant:n}),e.createElement(rr,{level:4,type:"success",variant:n}),e.createElement(rr,{level:5,type:"warning",variant:n})),ar={alert:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",e.createElement("code",null,"msg"),", showing all possible types with and without headlines and close buttons.")),e.createElement(tr,{variant:"msg"})),"card-msg":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",e.createElement("code",null,"card"),", showing all possible types with and without headlines and close buttons.")),e.createElement("section",{className:"w-full"},e.createElement(tr,{variant:"card"}))),html:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows how KolAlert can be used with arbitrary HTML as slot content.")),e.createElement("div",null,e.createElement(u,{_label:"Output of HTML code in the alert",_type:"info"},e.createElement("div",{className:"mt-2 mb-3"},e.createElement(x,{_level:2,_label:"An H2 heading is output here"})),e.createElement("div",{className:"grid gap-4 sm:grid-cols-2"},e.createElement("div",null,e.createElement("h3",null,"Text in a left-hand column"),e.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?")),e.createElement("div",null,e.createElement("h3",null,"Text in einer rechten Spalte"),e.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!"))))))}},lr={avatar:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(p,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),e.createElement(p,{_label:"Elke Mustermann "}),e.createElement(p,{_label:"Marianne"})))}};var ir=Object.defineProperty,cr=Object.getOwnPropertySymbols,sr=Object.prototype.hasOwnProperty,dr=Object.prototype.propertyIsEnumerable,ur=(e,n,o)=>n in e?ir(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,pr=(e,n)=>{for(var o in n||(n={}))sr.call(n,o)&&ur(e,o,n[o]);if(cr)for(var o of cr(n))dr.call(n,o)&&ur(e,o,n[o]);return e};const hr=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),br={badge:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolBadge shows badges with a label, background color and optional icon.")),e.createElement("div",{className:"flex flex-wrap gap-2"},e.createElement(h,{_label:"black"}),e.createElement(h,{_color:"#86ffc6",_label:"teal"}),e.createElement(h,{_color:"#06539e",_label:"blue"}),e.createElement(h,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),e.createElement(h,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"}))),button:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolBadge with an optional ",e.createElement("code",null,"smartButton"),'. The sample defines a "close" button with X-icon a click event listener.')),e.createElement("div",{className:"flex flex-wrap gap-2"},e.createElement(h,pr({},hr("black"))),e.createElement(h,pr({_color:"#86ffc6"},hr("teal"))),e.createElement(h,pr({_color:"#06539e"},hr("blue"))),e.createElement(h,pr({_color:"#ae0000",_icons:"codicon codicon-smiley"},hr("red with icon"))),e.createElement(h,pr({_color:"#8b008b",_icons:"codicon codicon-squirrel"},hr("purple with icon")))))}},mr={breadcrumb:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements.")),e.createElement("div",{className:"grid gap-4"},e.createElement(b,{_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"}]}),e.createElement(b,{_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"}]}),e.createElement(b,{_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 gr(){const e=Jn.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 fr={"button-group":{basic:()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolButtonGroup shows multiple KolButton-elements visually grouped together."),e.createElement("p",null,e.createElement(h,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),e.createElement(g,null,e.createElement(m,{_label:"Active",_variant:"primary",_on:o}),e.createElement(m,{_label:"Not active",_disabled:!0}),e.createElement(m,{_label:"Active",_icons:"codicon codicon-home",_variant:"danger",_on:o}),e.createElement(m,{_label:"Active",_icons:"codicon codicon-trash",_hideLabel:!0,_variant:"ghost",_on:o})))}}},vr={"button-link":{basic:()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.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 ",e.createElement("code",null,"block"),", ",e.createElement("code",null,"inline-block")," and ",e.createElement("code",null,"inline"),". It also demonstrates the disabled-state.")),e.createElement("section",{className:"text-base"},e.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes. ",e.createElement(f,{_label:"Simple Link"})," It is rendered by default as an"," ",e.createElement("strong",null,"inline element"),"."),e.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",e.createElement(f,{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.",e.createElement("br",null),e.createElement("br",null),"After that, there is a link that is rendered as a block element.",e.createElement(f,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."),e.createElement("p",null,e.createElement(f,{_label:"Disabled ButtonLink",_disabled:!0})),e.createElement("p",null,e.createElement(f,{_label:"With access key",_accessKey:"c",_on:o})),e.createElement("p",null,e.createElement(f,{_label:"Disabled ButtonLink",_shortKey:"s"}))))},icons:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButtonLink with icons in different locations.")),e.createElement("div",{className:"grid gap-4"},e.createElement(f,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),e.createElement(f,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),e.createElement(f,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),e.createElement(f,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),e.createElement(f,{_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:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content.")),e.createElement("div",{className:"grid gap-4"},e.createElement(f,{_label:"I am a link that is rendered as text"}),e.createElement(f,{_label:""},e.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),"aria-description":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButtonLink with aria-description")),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(f,{_label:"Button Text without area description"}),e.createElement(f,{_label:"Button Text",_ariaDescription:"Button Area Description"})))}};var kr=Object.defineProperty,wr=Object.getOwnPropertySymbols,yr=Object.prototype.hasOwnProperty,_r=Object.prototype.propertyIsEnumerable,xr=(e,n,o)=>n in e?kr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Er=(e,n)=>{for(var o in n||(n={}))yr.call(n,o)&&xr(e,o,n[o]);if(wr)for(var o of wr(n))_r.call(n,o)&&xr(e,o,n[o]);return e};const zr=n=>{const o=n,{children:r}=o,t=((e,n)=>{var o={};for(var r in e)yr.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&wr)for(var r of wr(e))n.indexOf(r)<0&&_r.call(e,r)&&(o[r]=e[r]);return o})(o,["children"]),{dummyClickEventHandler:a}=gr(),l={onClick:a};return e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,Er({_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:l},t),r),e.createElement(m,Er({_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:l},t),r),e.createElement(m,Er({_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:l},t),r),e.createElement(m,Er({_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:l},t),r),e.createElement(m,Er({_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:l},t),r),e.createElement(m,Er({_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:l},t),r))};var Sr=Object.defineProperty,Tr=Object.defineProperties,Or=Object.getOwnPropertyDescriptors,Lr=Object.getOwnPropertySymbols,Cr=Object.prototype.hasOwnProperty,Nr=Object.prototype.propertyIsEnumerable,Ar=(e,n,o)=>n in e?Sr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,$r=(e,n)=>{for(var o in n||(n={}))Cr.call(n,o)&&Ar(e,o,n[o]);if(Lr)for(var o of Lr(n))Nr.call(n,o)&&Ar(e,o,n[o]);return e},Ir=(e,n)=>Tr(e,Or(n));const Br=(n={})=>{const o=[{label:"Button",buttonProps:n},{label:"Button (disabled)",buttonProps:Ir($r({},n),{_disabled:!0})},{label:"Button (hideLabel)",buttonProps:Ir($r({},n),{_hideLabel:!0})},{label:"Button (disabled, hideLabel)",buttonProps:Ir($r({},n),{_disabled:!0,_hideLabel:!0})}];return e.createElement("div",{className:"grid gap-8"},o.map((({label:n,buttonProps:o},r)=>e.createElement("section",{key:r,className:"grid gap-4"},e.createElement(x,{_level:2,_label:n}),e.createElement(zr,$r({},o))))))};var Pr=Object.defineProperty,Fr=Object.getOwnPropertySymbols,jr=Object.prototype.hasOwnProperty,Rr=Object.prototype.propertyIsEnumerable,Dr=(e,n,o)=>n in e?Pr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Mr=(e,n)=>{for(var o in n||(n={}))jr.call(n,o)&&Dr(e,o,n[o]);if(Fr)for(var o of Fr(n))Rr.call(n,o)&&Dr(e,o,n[o]);return e};const Kr=new WeakMap,Hr=e=>(!1===Kr.has(e)&&Kr.set(e,(0,ce.H)(e)),Kr.get(e)),Ur=({label:n})=>{const o=Jn.getInstance(document),r=(0,e.useRef)(null),t=(0,e.useRef)(null),a=()=>{o.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${n}`,type:"info"})},l=()=>{o.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${n}`,type:"warning"})};return e.createElement("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:e=>{var n,o;switch(e.code){case"KeyE":return null==(n=r.current)||n.kolFocus(),void a();case"KeyD":return null==(o=t.current)||o.kolFocus(),void l()}}},e.createElement(m,{ref:r,_label:"Edit",_shortKey:"e",_on:{onClick:a}}),e.createElement(m,{ref:t,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:l}}))},Vr={button:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(Br,null)),icons:()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButton with icons in all alignments.")),e.createElement("div",null,e.createElement(m,{_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:o})))},width:()=>{const{dummyClickEventHandler:n}=gr(),o={className:"w-8rem",_on:{onClick:n}};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButton with adjusted widths.")),e.createElement("div",{className:"grid gap-14"},e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,Mr({_label:"Primary",_variant:"primary"},o)),e.createElement(m,Mr({_label:"Secondary",_variant:"secondary"},o)),e.createElement(m,Mr({_label:"Normal",_variant:"normal"},o)),e.createElement(m,Mr({_label:"Danger",_variant:"danger"},o)),e.createElement(m,Mr({_label:"Ghost",_variant:"ghost"},o))),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,Mr({_disabled:!0,_label:"Primary",_variant:"primary"},o)),e.createElement(m,Mr({_disabled:!0,_label:"Secondary",_variant:"secondary"},o)),e.createElement(m,Mr({_disabled:!0,_label:"Normal",_variant:"normal"},o)),e.createElement(m,Mr({_disabled:!0,_label:"Danger",_variant:"danger"},o)),e.createElement(m,Mr({_disabled:!0,_label:"Ghost",_variant:"ghost"},o)))))},"access-key":()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButton with"," ",e.createElement(j,{_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.")),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,{_label:"With S access key",_accessKey:"S",_on:o}),e.createElement(m,{_label:"Very small b",_accessKey:"b",_on:o}),e.createElement(m,{_label:"Access key does not appear in label",_accessKey:"x",_on:o}),e.createElement(m,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:o}),e.createElement(m,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:o})))},"aria-description":()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolButton with aria-description")),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,{_label:"Button Text without area description",_on:o}),e.createElement(m,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:o})))},baselined:()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned.")),e.createElement("div",{className:"flex flex-wrap gap-2"},e.createElement(m,{_label:"Label-Text",_on:o}),e.createElement(m,{_label:"Label-Text",_on:o}),e.createElement(m,{_label:"Label-Text",_on:o}),e.createElement(m,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:o})))},"short-key":()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n},r={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(n,o)=>{Hr(ie(n)).render(e.createElement(Ur,{label:o.data.label}))}}]]};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."),e.createElement("p",null,'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.')),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,{_label:"With S short key",_shortKey:"S",_on:o}),e.createElement(m,{_label:"Very small b",_shortKey:"b",_on:o}),e.createElement(m,{_label:"Short key does not appear in label",_shortKey:"x",_on:o}),e.createElement(m,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:o}),e.createElement(m,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:o})),e.createElement(x,{_level:2,_label:"Interactive sample",className:"mt"}),e.createElement(Q,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:[{label:"Row 1"},{label:"Row 2"}],_headers:r}))},"expert-slot":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolButton show a button-element with expert slot.")),e.createElement(Br,{_label:""},e.createElement("span",{slot:"expert"},"I am more than just a button")))}},qr={card:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolCard shows a card with title and slot content. The second sample features a close button.")),e.createElement("div",{className:"w-full grid grid-cols-2 gap-4"},e.createElement(v,{_label:"Card with title and content"},e.createElement("div",null,"Card contents.")),e.createElement(v,{_label:"Card with closer",_hasCloser:!0},e.createElement("p",null,"This card has a close button."))))}};var Wr=Object.defineProperty,Zr=Object.getOwnPropertySymbols,Gr=Object.prototype.hasOwnProperty,Yr=Object.prototype.propertyIsEnumerable,Jr=(e,n,o)=>n in e?Wr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;const Qr=n=>{var o=n,{RefComponent:r}=o,t=((e,n)=>{var o={};for(var r in e)Gr.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Zr)for(var r of Zr(e))n.indexOf(r)<0&&Yr.call(e,r)&&(o[r]=e[r]);return o})(o,["RefComponent"]);return e.createElement(_,{className:"w-full"},e.createElement("div",{className:"grid gap-4"},e.createElement(r,((e,n)=>{for(var o in n||(n={}))Gr.call(n,o)&&Jr(e,o,n[o]);if(Zr)for(var o of Zr(n))Yr.call(n,o)&&Jr(e,o,n[o]);return e})({},t)),e.createElement("div",{className:"flex gap-4"},e.createElement(m,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),e.createElement(m,{_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"}),e.createElement(m,{_label:"Reset",_type:"reset",_variant:"tertiary"}),e.createElement(m,{_label:"Help",_variant:"ghost"}))))},Xr=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"}]'),et=[...Xr.map((e=>({label:e.name,value:e.alpha2})))],nt=[...Xr.map((e=>e.name))];var ot=Object.defineProperty,rt=Object.defineProperties,tt=Object.getOwnPropertyDescriptors,at=Object.getOwnPropertySymbols,lt=Object.prototype.hasOwnProperty,it=Object.prototype.propertyIsEnumerable,ct=(e,n,o)=>n in e?ot(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,st=(e,n)=>{for(var o in n||(n={}))lt.call(n,o)&&ct(e,o,n[o]);if(at)for(var o of at(n))it.call(n,o)&&ct(e,o,n[o]);return e},dt=(e,n)=>rt(e,tt(n));const ut=n=>e.createElement("div",{className:"grid gap-4"},e.createElement(k,dt(st({},n),{_hint:Xo,_label:"Label",_suggestions:nt,_value:"Deutschland"})),e.createElement(k,dt(st({},n),{_label:"Disabled",_suggestions:nt,_value:"Deutschland",_disabled:!0})),e.createElement(k,dt(st({},n),{_suggestions:nt,_msg:{_type:"error",_description:Qo},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),e.createElement(k,dt(st({},n),{_label:"With access key",_suggestions:nt,_value:"Deutschland",_accessKey:"c"})),e.createElement(k,dt(st({},n),{_label:"With short key",_suggestions:nt,_value:"Deutschland",_shortKey:"s"})));var pt=Object.defineProperty,ht=Object.defineProperties,bt=Object.getOwnPropertyDescriptors,mt=Object.getOwnPropertySymbols,gt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable,vt=(e,n,o)=>n in e?pt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,kt=(e,n)=>{for(var o in n||(n={}))gt.call(n,o)&&vt(e,o,n[o]);if(mt)for(var o of mt(n))ft.call(n,o)&&vt(e,o,n[o]);return e};const wt=n=>{return e.createElement("div",{className:"w-full grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Text"),e.createElement(ut,kt({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Text (hideLabel)"),e.createElement(ut,(o=kt({},n),ht(o,bt({_hideLabel:!0}))))));var o},yt={combobox:{basic:()=>{const n=(0,e.useContext)(Jo);return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),!n&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(Qr,{RefComponent:wt}))}}},_t={details:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",e.createElement("code",null,"_open"),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component.")),e.createElement("section",{className:"grid gap-4"},e.createElement(w,{_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."),e.createElement(w,{_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."),e.createElement(w,{_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.")))}},xt=["left","top","right","bottom"].map((e=>({label:e,value:e}))),Et=({value:n="left",onChange:o})=>e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"container my-4 d-grid gap-4"},e.createElement(I,{_label:"Drawer alignment",_value:n,_options:xt,_orientation:"horizontal",_on:{onChange:o}}))),zt={drawer:{basic:()=>{const[n]=Hn(),o=n.get("align"),r=(0,e.useContext)(Jo),t=(0,e.useRef)(null),a=(0,e.useRef)(null),[l,i]=(0,e.useState)(o||"left");return(0,e.useEffect)((()=>{var e;o&&(null==(e=a.current)||e.open())}),[o]),e.createElement(e.Fragment,null,!r&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(er,null,e.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.")),e.createElement(Et,{value:l,onChange:(e,n)=>i(n)}),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(y,{ref:t,_label:"I am a drawer",_align:l,_on:{onClose:()=>console.log("Drawer onClose triggered!")}},e.createElement("div",{className:"left"===l||"right"===l?"drawer-content-vertical":""},e.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."),e.createElement(m,{_label:"Close drawer",_on:{onClick:()=>{var e;return null==(e=t.current)?void 0:e.close()}}}))),e.createElement(m,{_label:"Open drawer",_on:{onClick:()=>{var e;return null==(e=t.current)?void 0:e.open()}}}),e.createElement(y,{ref:a,_modal:!0,_align:l,_label:"I am a Drawer Modal",_on:{onClose:()=>console.log("Drawer Modal onClose triggered!")}},e.createElement("div",{className:"left"===l||"right"===l?"drawer-content-vertical":""},e.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."),e.createElement(m,{_label:"Close drawer modal",_on:{onClick:()=>{var e;return null==(e=a.current)?void 0:e.close()}}}))),e.createElement(m,{_label:"Open drawer as modal",_on:{onClick:()=>{var e;return null==(e=a.current)?void 0:e.open()}}})))},controlled:()=>{const[n]=Hn(),o=n.get("align"),r=(0,e.useContext)(Jo),[t,a]=(0,e.useState)(!1),[l,i]=(0,e.useState)(!1),[c,s]=(0,e.useState)(o||"left");return e.createElement("div",null,!r&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(er,null,e.createElement("p",null,"This sample shows the KolDrawer controlled by the property ",e.createElement("code",null,"_open")," instead of methods.")),e.createElement(Et,{value:c,onChange:(e,n)=>s(n)}),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(y,{_open:t,_align:c,_label:"I'm a controlled drawer",_on:{onClose:()=>a(!1)}},e.createElement("div",null,e.createElement("p",null,"Lorem ipsum dolor sit amet,"),e.createElement(m,{_label:"Close drawer",_on:{onClick:()=>a(!1)}}))),e.createElement(m,{_label:"Open drawer",_on:{onClick:()=>a(!0)}}),e.createElement(y,{_open:l,_modal:!0,_align:c,_label:"I'm a controlled modal drawer",_on:{onClose:()=>i(!1)}},e.createElement("div",null,e.createElement("p",null,"Lorem ipsum dolor sit amet,"),e.createElement(m,{_label:"Close drawer",_on:{onClick:()=>i(!1)}}))),e.createElement(m,{_label:"Open drawer as modal",_on:{onClick:()=>i(!0)}})))}}},St={form:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(_,{className:"w-full"},e.createElement("div",{className:"grid gap-2"},e.createElement(P,{id:"input1",_label:"Input 1"}),e.createElement(P,{id:"input2",_label:"Input 2"}),e.createElement(P,{id:"input3",_label:"Input 3"})))),"error-list":()=>{const n=(0,e.useRef)(null);return(0,e.useEffect)((()=>{var e;null==(e=n.current)||e.focusErrorList()}),[]),e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows a form with error messages.")),e.createElement(_,{className:"w-full",ref:n,_on:{onSubmit:()=>{var e;null==(e=n.current)||e.focusErrorList()}},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}]},e.createElement("div",{className:"grid gap-2"},e.createElement(P,{id:"input1",_label:"Input 1"}),e.createElement(P,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),e.createElement(P,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),e.createElement("div",null,e.createElement(m,{_label:"ScrollTo",_type:"submit"})))))}}};var Tt=Object.defineProperty;const Ot=`public-ui.v${Do}`,Lt={darkMode:!1,theme:"default"};let Ct;function Nt(e){Ct=e;const n=Ct.getItem(Ot);try{const e=JSON.parse(n);"object"==typeof e&&null!==e&&(Lt.darkMode=!0===e.darkMode,Uo(e.theme)&&(Lt.theme=e.theme))}catch(e){}}Nt(new class{constructor(){var e;((e,n,o)=>{n in e?Tt(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 At=()=>`${Lt.theme}`,$t=e=>{var n;if(Uo(e))return null==(n=Vo.find((n=>n.value===e)))?void 0:n.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},It=[{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 Bt=Object.defineProperty,Pt=Object.defineProperties,Ft=Object.getOwnPropertyDescriptors,jt=Object.getOwnPropertySymbols,Rt=Object.prototype.hasOwnProperty,Dt=Object.prototype.propertyIsEnumerable,Mt=(e,n,o)=>n in e?Bt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;function Kt(n){var o=n,{_on:r}=o,t=((e,n)=>{var o={};for(var r in e)Rt.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&jt)for(var r of jt(e))n.indexOf(r)<0&&Dt.call(e,r)&&(o[r]=e[r]);return o})(o,["_on"]);const{dummyClickEventHandler:a}=gr(),l={onClick:a};return e.createElement(m,(i=((e,n)=>{for(var o in n||(n={}))Rt.call(n,o)&&Mt(e,o,n[o]);if(jt)for(var o of jt(n))Dt.call(n,o)&&Mt(e,o,n[o]);return e})({},t),Pt(i,Ft({_on:l}))));var i}const Ht={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(Kt,{_label:o.label,style:{fontSize:"75%"}}))},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:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(h,{_color:"#060",_label:o.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:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(h,{_color:"#006",_label:o.label}))}},{key:"thursday",label:"Thursday",render:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(h,{_color:"#600",_label:o.label}))}},{key:"friday",label:"Friday",render:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(h,{_color:"#303",_label:o.label}))}},{key:"saturday",label:"Saturday",render:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(h,{_color:"#330",_label:o.label}))}},{key:"sunday",label:"Sunday",render:(n,o)=>{const r=document.createElement("div");r.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(r),Hr(r).render(e.createElement(h,{_color:"#033",_label:o.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},Ut={handout:{basic:()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center"},e.createElement(F,{className:"block w-75px",_labeled:!1}),e.createElement(x,{_label:"",_level:1},e.createElement("span",{slot:"expert"},"Kolibri-Handout ",e.createElement("small",null,"for ",$t(At())))),e.createElement(w,{_label:"Abstract",_open:!0},"The handout shows a selection of KoliBri components in the style of ",e.createElement("strong",null,$t(At())),". 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 (",e.createElement(j,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),").")),e.createElement("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12"},e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement(x,{_label:"Heading Level 1",_level:1}),e.createElement(x,{_label:"Heading Level 2",_level:2}),e.createElement(x,{_label:"Heading Level 3",_level:3}),e.createElement(x,{_label:"Heading Level 4",_level:4}),e.createElement(x,{_label:"Heading Level 5",_level:5}),e.createElement(x,{_label:"Heading Level 6",_level:6}),e.createElement(x,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6}))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement("p",null,"I am a"," ",e.createElement(s,{_label:"Detailed description",_tooltipAlign:"top"},"ABB")," ","with tooltip at the top"),e.createElement("p",null,"I am a"," ",e.createElement(s,{_label:"Detailed description",_tooltipAlign:"right"},"ABB")," ","with tooltip on the right"),e.createElement("p",null,"I am a"," ",e.createElement(s,{_label:"Detailed description",_tooltipAlign:"bottom"},"ABB")," ","with tooltip at the bottom"),e.createElement("p",null,"I am a"," ",e.createElement(s,{_label:"Detailed description",_tooltipAlign:"left"},"ABB")," ","with tooltip on the left"),e.createElement("div",{className:"grid grid-cols-2 items-center"},e.createElement(V,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),e.createElement(V,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement(ne,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}]},e.createElement("div",{className:"grid gap-2 py-2"},e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(m,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),e.createElement(m,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:o}),e.createElement(m,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:o})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(m,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),e.createElement(m,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:o}),e.createElement(m,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:o})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(m,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),e.createElement(m,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:o}),e.createElement(m,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:o})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(m,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),e.createElement(m,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:o}),e.createElement(m,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:o})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(m,{_label:"ghost",_variant:"ghost"}),e.createElement(m,{_disabled:!0,_label:"ghost",_variant:"ghost"}),e.createElement(m,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:o}))),e.createElement("div",{className:"grid gap-2 py-2"},e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(R,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),e.createElement(R,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),e.createElement(R,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(R,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),e.createElement(R,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),e.createElement(R,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(R,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),e.createElement(R,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),e.createElement(R,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(R,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),e.createElement(R,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),e.createElement(R,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})),e.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},e.createElement(R,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),e.createElement(R,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),e.createElement(R,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})))))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement(d,{_label:"Links",_level:3,_open:!0},e.createElement("div",{className:"grid gap-2",slot:""},e.createElement(j,{_href:"#/back-page",_label:"Link text"}),e.createElement(j,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),e.createElement(j,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),e.createElement(j,{_href:"/",_label:"Visited link"}),e.createElement("p",null,"I am a ",e.createElement(j,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."))),e.createElement(d,{_label:"ButtonLinks",_level:3},e.createElement("div",{className:"grid gap-2",slot:""},e.createElement(f,{_label:"Link text"}),e.createElement(f,{_icons:"codicon codicon-home",_label:"Link text with icon"}),e.createElement(f,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),e.createElement("p",null,"I am a ",e.createElement(f,{_label:"Link"})," in the running text."),e.createElement(f,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"}))))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement(u,{_label:"Default message",_type:"default"},"This is the text of the alert."),e.createElement(u,{_type:"success"},"Success message text"),e.createElement(u,{_type:"error",_hasCloser:!0},"This is a error message text."),e.createElement(u,{_label:"Info card",_type:"info",_variant:"card"},"This is the text of the alert."),e.createElement(u,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card"},"This is the text of the alert."))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement("div",null,e.createElement(K,{_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})),e.createElement("div",null,e.createElement(b,{_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"}]})))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2},e.createElement(_,{slot:""},e.createElement("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2"},e.createElement(O,{_label:"Color"}),e.createElement(N,{_label:"Upload file"}),e.createElement(A,{_label:"Number input"}),e.createElement(L,{_type:"date",_label:"Date"}),e.createElement(C,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),e.createElement(P,{_hint:"I am a hint.",_label:"First name"}),e.createElement($,{_label:"password"}),e.createElement(W,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),e.createElement(B,{_min:0,_max:50,_value:25,_label:"Slider"}),e.createElement(I,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),e.createElement("div",{className:"grid gap-4"},e.createElement(I,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),e.createElement(T,{_label:""},e.createElement("span",{slot:"expert"},"I accept the ",e.createElement(s,{_label:"General Terms and Conditions"},"AGB"),"."))),e.createElement(oe,{_rows:4,_label:"Textarea"})))),e.createElement(v,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2},e.createElement("div",{slot:"",className:"grid gap-2 p-2"},e.createElement(Q,{_label:"Table",_headers:Ht,_data:It,_pagination:!0})))),e.createElement(le,{_label:"5.0.2-test.2"}))}}},Vt={heading:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolHeading renders a heading with the given level.")),e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_label:"I'm a H1-heading",_level:1}),e.createElement(x,{_label:"I'm a H2-heading",_level:2}),e.createElement(x,{_label:"I'm a H3-heading",_level:3}),e.createElement(x,{_label:"I'm a H4-heading",_level:4}),e.createElement(x,{_label:"I'm a H5-heading",_level:5}),e.createElement(x,{_label:"I'm a H6-heading",_level:6}))),badge:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",e.createElement("code",null,"_label"),"-property.")),e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_label:"",_level:1},e.createElement("span",{slot:"expert"},"A heading with a ",e.createElement(h,{_label:"Label"}))),e.createElement(x,{_label:"",_level:2},e.createElement("span",{slot:"expert"},"A heading with a ",e.createElement(h,{_color:"#86ffc6",_label:"Label"}))),e.createElement(x,{_label:"",_level:3},e.createElement("span",{slot:"expert"},"A heading with a ",e.createElement(h,{_color:"#06539e",_label:"Label"}))),e.createElement(x,{_label:"",_level:4},e.createElement("span",{slot:"expert"},"A heading with a ",e.createElement(h,{_color:"#ae0000",_label:"Label"}))),e.createElement(x,{_label:"",_level:5},e.createElement("span",{slot:"expert"},"A heading with a ",e.createElement(h,{_color:"#8b008b",_label:"Label"}))),e.createElement(x,{_label:"",_level:6},e.createElement("span",{slot:"expert"},"A heading with a ",e.createElement(h,{_color:"#ffc0cb",_label:"Label"}))))),paragraph:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolHeading with its different levels combined with some text content each.")),e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_label:"Ich bin eine H1-Überschrift",_level:1}),e.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."),e.createElement(x,{_label:"Ich bin eine H2-Überschrift",_level:2}),e.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."),e.createElement(x,{_label:"Ich bin eine H3-Überschrift",_level:3}),e.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."),e.createElement(x,{_label:"Ich bin eine H4-Überschrift",_level:4}),e.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."),e.createElement(x,{_label:"Ich bin eine H5-Überschrift",_level:5}),e.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."),e.createElement(x,{_label:"Ich bin eine H6-Überschrift",_level:6}),e.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."))),secondary:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolHeading with the prop ",e.createElement("code",null,"_secondaryHeadline")," in use.")),e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})))}},qt={icon:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color.")),e.createElement("div",{className:"grid gap-4"},e.createElement(E,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),e.createElement(E,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})))}},Wt={image:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolImage renders an image. The sample shows an image with alternative text.")),e.createElement(z,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"}))}},Zt={"indented-text":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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."),e.createElement("p",null,e.createElement(h,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),e.createElement("div",{className:"grid gap-4"},e.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."),e.createElement(S,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."),e.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 Gt=Object.defineProperty,Yt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,Qt=Object.getOwnPropertySymbols,Xt=Object.prototype.hasOwnProperty,ea=Object.prototype.propertyIsEnumerable,na=(e,n,o)=>n in e?Gt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,oa=(e,n)=>{for(var o in n||(n={}))Xt.call(n,o)&&na(e,o,n[o]);if(Qt)for(var o of Qt(n))ea.call(n,o)&&na(e,o,n[o]);return e},ra=(e,n)=>Yt(e,Jt(n));const ta=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement(T,ra(oa({},n),{_label:"Not selected",_value:!1,_required:!0})),e.createElement(T,ra(oa({},n),{_label:"Indeterminate",_value:null,_indeterminate:!0})),e.createElement(T,ra(oa({},n),{ref:o,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0})),e.createElement(T,ra(oa({},n),{_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0})),e.createElement(T,ra(oa({},n),{_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"})),e.createElement(T,ra(oa({},n),{_checked:!0,_disabled:!0,_label:"Checked and disabled"})),e.createElement(T,ra(oa({},n),{_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"})),e.createElement(T,ra(oa({},n),{_msg:{_type:"error",_description:Qo},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"})),e.createElement(T,ra(oa({},n),{_label:"With access key",_accessKey:"c",_value:null})),e.createElement(T,ra(oa({},n),{_label:"With short key",_shortKey:"s",_value:null})))}));var aa=Object.defineProperty,la=Object.defineProperties,ia=Object.getOwnPropertyDescriptors,ca=Object.getOwnPropertySymbols,sa=Object.prototype.hasOwnProperty,da=Object.prototype.propertyIsEnumerable,ua=(e,n,o)=>n in e?aa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,pa=(e,n)=>{for(var o in n||(n={}))sa.call(n,o)&&ua(e,o,n[o]);if(ca)for(var o of ca(n))da.call(n,o)&&ua(e,o,n[o]);return e},ha=(e,n)=>la(e,ia(n));const ba=(0,e.forwardRef)((function(n,o){return e.createElement(e.Fragment,null,e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,'Label align "left" with label'),e.createElement(ta,ha(pa({},n),{_labelAlign:"left"}))),e.createElement("fieldset",null,e.createElement("legend",null,'Label align "left" without Label (hideLabel)'),e.createElement(ta,ha(pa({ref:o},n),{_hideLabel:!0,_labelAlign:"left"})))),e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,'Label align "right" with label'),e.createElement(ta,pa({},n))),e.createElement("fieldset",null,e.createElement("legend",null,'Label align "right" without Label (hideLabel)'),e.createElement(ta,ha(pa({ref:o},n),{_hideLabel:!0})))))})),ma={"input-checkbox":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:ba})),switch:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'This sample shows KolInputCheckbox in the variant "switch".')),e.createElement(Qr,{RefComponent:ba,_variant:"switch"})),button:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'This sample shows KolInputCheckbox in the variant "button".')),e.createElement(Qr,{RefComponent:ba,_variant:"button"}))}};var ga=Object.defineProperty,fa=Object.defineProperties,va=Object.getOwnPropertyDescriptors,ka=Object.getOwnPropertySymbols,wa=Object.prototype.hasOwnProperty,ya=Object.prototype.propertyIsEnumerable,_a=(e,n,o)=>n in e?ga(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,xa=(e,n)=>{for(var o in n||(n={}))wa.call(n,o)&&_a(e,o,n[o]);if(ka)for(var o of ka(n))ya.call(n,o)&&_a(e,o,n[o]);return e},Ea=(e,n)=>fa(e,va(n));const za=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(O,Ea(xa({},n),{_msg:{_type:"error",_description:Qo},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"}))),e.createElement(O,Ea(xa({},n),{_msg:{_type:"error",_description:Qo},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0})),e.createElement(O,Ea(xa({},n),{ref:o,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"})),e.createElement(O,Ea(xa({},n),{_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"})),e.createElement(O,Ea(xa({},n),{_label:"With access key",_accessKey:"c"})),e.createElement(O,Ea(xa({},n),{_label:"With short key",_shortKey:"s"})))}));var Sa=Object.defineProperty,Ta=Object.defineProperties,Oa=Object.getOwnPropertyDescriptors,La=Object.getOwnPropertySymbols,Ca=Object.prototype.hasOwnProperty,Na=Object.prototype.propertyIsEnumerable,Aa=(e,n,o)=>n in e?Sa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,$a=(e,n)=>{for(var o in n||(n={}))Ca.call(n,o)&&Aa(e,o,n[o]);if(La)for(var o of La(n))Na.call(n,o)&&Aa(e,o,n[o]);return e};const Ia=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Color"),e.createElement(za,$a({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Color (hideLabel)"),e.createElement(za,(r=$a({ref:o},n),Ta(r,Oa({_hideLabel:!0}))))));var r})),Ba={"input-color":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:Ia}))}};var Pa=Object.defineProperty,Fa=Object.defineProperties,ja=Object.getOwnPropertyDescriptors,Ra=Object.getOwnPropertySymbols,Da=Object.prototype.hasOwnProperty,Ma=Object.prototype.propertyIsEnumerable,Ka=(e,n,o)=>n in e?Pa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Ha=(e,n)=>{for(var o in n||(n={}))Da.call(n,o)&&Ka(e,o,n[o]);if(Ra)for(var o of Ra(n))Ma.call(n,o)&&Ka(e,o,n[o]);return e},Ua=(e,n)=>Fa(e,ja(n));const Va=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(L,Ua(Ha({},n),{_type:"date",_label:"Date input (Black background test)",_required:!0}))),e.createElement(L,Ua(Ha({},n),{_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0})),e.createElement(L,Ua(Ha({},n),{_step:1,_type:"datetime-local",_msg:{_type:"error",_description:Qo},_label:"Local datetime (with seconds)",_required:!0,_touched:!0})),e.createElement(L,Ua(Ha({},n),{_type:"month",_label:"Month",_required:!0})),e.createElement(L,Ua(Ha({},n),{ref:o,_accessKey:"W",_type:"week",_label:"Week",_required:!0})),e.createElement(L,Ua(Ha({},n),{_type:"time",_label:"Time (standard)",_required:!0})),e.createElement(L,Ua(Ha({},n),{_step:1,_type:"time",_label:"Time (with seconds)",_required:!0})),e.createElement(L,Ua(Ha({},n),{_readOnly:!0,_label:"Date input (read-only)",_required:!0})),e.createElement(L,Ua(Ha({},n),{_disabled:!0,_label:"Date input (Disabled)",_required:!0})),e.createElement(L,Ua(Ha({},n),{_label:"With access key",_accessKey:"s"})),e.createElement(L,Ua(Ha({},n),{_label:"With short key",_shortKey:"s"})))}));var qa=Object.defineProperty,Wa=Object.defineProperties,Za=Object.getOwnPropertyDescriptors,Ga=Object.getOwnPropertySymbols,Ya=Object.prototype.hasOwnProperty,Ja=Object.prototype.propertyIsEnumerable,Qa=(e,n,o)=>n in e?qa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Xa=(e,n)=>{for(var o in n||(n={}))Ya.call(n,o)&&Qa(e,o,n[o]);if(Ga)for(var o of Ga(n))Ja.call(n,o)&&Qa(e,o,n[o]);return e},el=(e,n)=>Wa(e,Za(n));const nl=(0,e.forwardRef)((function(n){const o=new Date("January 10, 2024, 12:00"),r=new Date("October 20, 2024, 15:00");return e.createElement("div",{className:"grid gap-4"},e.createElement(L,el(Xa({},n),{_type:"date",_label:"Date with Iso",_min:"2024-09-26",_max:"2024-09-27"})),e.createElement(L,el(Xa({},n),{_type:"date",_label:"Date with Date",_min:o,_max:r})),e.createElement(L,el(Xa({},n),{_type:"time",_label:"Time with Iso",_min:"12:00",_max:"15:00"})),e.createElement(L,el(Xa({},n),{_type:"time",_label:"Time with Date",_min:o,_max:r})),e.createElement(L,el(Xa({},n),{_type:"datetime-local",_label:"DayTime with Iso",_min:"2024-09-26T12:00",_max:"2024-09-27T15:00"})),e.createElement(L,el(Xa({},n),{_type:"datetime-local",_label:"DayTime with Date",_min:o,_max:r})),e.createElement(L,el(Xa({},n),{_type:"week",_label:"Week with Iso",_min:"2024-W10",_max:"2024-W50"})),e.createElement(L,el(Xa({},n),{_type:"week",_label:"Week with Date",_min:o,_max:r})),e.createElement(L,el(Xa({},n),{_type:"month",_label:"Month with Iso",_min:"2024-02",_max:"2024-10"})),e.createElement(L,el(Xa({},n),{_type:"month",_label:"Month with Date",_min:o,_max:r})))}));var ol=Object.defineProperty,rl=Object.defineProperties,tl=Object.getOwnPropertyDescriptors,al=Object.getOwnPropertySymbols,ll=Object.prototype.hasOwnProperty,il=Object.prototype.propertyIsEnumerable,cl=(e,n,o)=>n in e?ol(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,sl=(e,n)=>{for(var o in n||(n={}))ll.call(n,o)&&cl(e,o,n[o]);if(al)for(var o of al(n))il.call(n,o)&&cl(e,o,n[o]);return e};const dl=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Date"),e.createElement(Va,sl({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Date (hideLabel)"),e.createElement(Va,(r=sl({ref:o},n),rl(r,tl({_hideLabel:!0}))))),e.createElement("fieldset",null,e.createElement("legend",null,"Date (with min/max)"),e.createElement(nl,sl({ref:o},n))));var r})),ul=["default","error","info","success","warning"];function pl(e){return{onChange:()=>e((e=>!e))}}const hl={"input-date":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(Qr,{RefComponent:dl})),reset:()=>{const n=(0,e.useRef)(null);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates the KolInputDate ",e.createElement("code",null,"reset"),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values.")),e.createElement(L,{className:"w-full",ref:n,_label:"Resettable Input Date",_value:"2024-02-10"}),e.createElement(m,{className:"mt",_label:"Reset",_on:{onClick:()=>{var e;return null==(e=n.current)?void 0:e.reset()}}}))},"show-hide-msg":()=>{const[n,o]=(0,e.useState)(!0),[r,t]=(0,e.useState)(!0),[a,l]=(0,e.useState)(!1),i=pl(o),c=pl(t),s=pl(l);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This example shows how messages work in input fields.")),e.createElement("div",{className:"flex gap-4 flex-col"},e.createElement("div",{className:"flex gap-4 items-center"},e.createElement(T,{_label:"Toggle Msg",_on:i,_checked:n,_variant:"button"}),e.createElement(T,{_label:"Toggle Touched",_on:c,_checked:r,_variant:"button"}),e.createElement(T,{_label:"Toggle Hide Msg",_on:s,_checked:a,_variant:"button"})),e.createElement("pre",null,"Message exists: ",n?"Yes":"No"," (showMsg: ",n?"Yes":"No",")",e.createElement("br",null),"Non-Error-Message visible: ",n&&!a?"Yes":"No"," (showMsg: ",n?"Yes":"No",", hideMsg: ",a?"Yes":"No",")",e.createElement("br",null),"Error-Message visible: ",n&&r&&!a?"Yes":"No"," (showMsg: ",n?"Yes":"No",", isTouched: ",r?"Yes":"No",", hideMsg: ",a?"Yes":"No",")"),e.createElement(L,{_error:n?"error message":void 0,_hideError:a,_label:"Date (_error)",_touched:r}),ul.map((o=>e.createElement(L,{key:o,_hideError:a,_label:`Date (_msg, ${o})`,_msg:n?{_description:`${o} message`,_type:o}:void 0,_touched:r})))))}}};var bl=Object.defineProperty,ml=Object.defineProperties,gl=Object.getOwnPropertyDescriptors,fl=Object.getOwnPropertySymbols,vl=Object.prototype.hasOwnProperty,kl=Object.prototype.propertyIsEnumerable,wl=(e,n,o)=>n in e?bl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,yl=(e,n)=>{for(var o in n||(n={}))vl.call(n,o)&&wl(e,o,n[o]);if(fl)for(var o of fl(n))kl.call(n,o)&&wl(e,o,n[o]);return e},_l=(e,n)=>ml(e,gl(n));const xl=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(C,_l(yl({},n),{_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Qo},_label:"E-Mail (Black background test)"}))),e.createElement(C,_l(yl({},n),{ref:o,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_msg:{_type:"error",_description:Qo},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),e.createElement(C,_l(yl({},n),{_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"})),e.createElement(C,_l(yl({},n),{_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"})),e.createElement(C,_l(yl({},n),{_value:"test@mail.de",_label:"With access key",_accessKey:"c"})),e.createElement(C,_l(yl({},n),{_value:"test@mail.de",_label:"With short key",_shortKey:"s"})))}));var El=Object.defineProperty,zl=Object.defineProperties,Sl=Object.getOwnPropertyDescriptors,Tl=Object.getOwnPropertySymbols,Ol=Object.prototype.hasOwnProperty,Ll=Object.prototype.propertyIsEnumerable,Cl=(e,n,o)=>n in e?El(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Nl=(e,n)=>{for(var o in n||(n={}))Ol.call(n,o)&&Cl(e,o,n[o]);if(Tl)for(var o of Tl(n))Ll.call(n,o)&&Cl(e,o,n[o]);return e};const Al=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Email"),e.createElement(xl,Nl({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Email (hideLabel)"),e.createElement(xl,(r=Nl({ref:o},n),zl(r,Sl({_hideLabel:!0}))))));var r})),$l={"input-email":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:Al}))}};var Il=Object.defineProperty,Bl=Object.defineProperties,Pl=Object.getOwnPropertyDescriptors,Fl=Object.getOwnPropertySymbols,jl=Object.prototype.hasOwnProperty,Rl=Object.prototype.propertyIsEnumerable,Dl=(e,n,o)=>n in e?Il(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Ml=(e,n)=>{for(var o in n||(n={}))jl.call(n,o)&&Dl(e,o,n[o]);if(Fl)for(var o of Fl(n))Rl.call(n,o)&&Dl(e,o,n[o]);return e},Kl=(e,n)=>Bl(e,Pl(n));const Hl=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(N,Kl(Ml({},n),{_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}))),e.createElement(N,Kl(Ml({},n),{_required:!0,_msg:{_type:"error",_description:Qo},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})),e.createElement(N,Kl(Ml({},n),{ref:o,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Qo},_label:"Upload file (Multiple)"})),e.createElement(N,Kl(Ml({},n),{_disabled:!0,_label:"Upload file (Disabled)"})),e.createElement(N,Kl(Ml({},n),{_label:"With access key",_accessKey:"c"})),e.createElement(N,Kl(Ml({},n),{_label:"With short key",_shortKey:"s"})))}));var Ul=Object.defineProperty,Vl=Object.defineProperties,ql=Object.getOwnPropertyDescriptors,Wl=Object.getOwnPropertySymbols,Zl=Object.prototype.hasOwnProperty,Gl=Object.prototype.propertyIsEnumerable,Yl=(e,n,o)=>n in e?Ul(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Jl=(e,n)=>{for(var o in n||(n={}))Zl.call(n,o)&&Yl(e,o,n[o]);if(Wl)for(var o of Wl(n))Gl.call(n,o)&&Yl(e,o,n[o]);return e};const Ql=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"File"),e.createElement(Hl,Jl({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"File (hideLabel)"),e.createElement(Hl,(r=Jl({ref:o},n),Vl(r,ql({_hideLabel:!0}))))));var r})),Xl={"input-file":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:Ql}))}};var ei=Object.defineProperty,ni=Object.defineProperties,oi=Object.getOwnPropertyDescriptors,ri=Object.getOwnPropertySymbols,ti=Object.prototype.hasOwnProperty,ai=Object.prototype.propertyIsEnumerable,li=(e,n,o)=>n in e?ei(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ii=(e,n)=>{for(var o in n||(n={}))ti.call(n,o)&&li(e,o,n[o]);if(ri)for(var o of ri(n))ai.call(n,o)&&li(e,o,n[o]);return e},ci=(e,n)=>ni(e,oi(n));const si=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(A,ci(ii({},n),{_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"}))),e.createElement(A,ci(ii({},n),{_required:!0,_msg:{_type:"error",_description:Qo},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),e.createElement(A,ci(ii({},n),{_required:!0,_msg:{_type:"error",_description:Qo},_touched:!0,_value:123,_label:"Number input"})),e.createElement(A,ci(ii({},n),{_required:!0,_msg:{_type:"warning",_description:Qo},_touched:!0,_value:123,_label:"Number input"})),e.createElement(A,ci(ii({},n),{_required:!0,_msg:{_type:"info",_description:Qo},_touched:!0,_value:123,_label:"Number input"})),e.createElement(A,ci(ii({},n),{_required:!0,_msg:{_type:"success",_description:Qo},_touched:!0,_value:123,_label:"Number input"})),e.createElement(A,ci(ii({},n),{ref:o,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"})),e.createElement(A,ci(ii({},n),{_readOnly:!0,_label:"Number input (Readonly)"})),e.createElement(A,ci(ii({},n),{_disabled:!0,_label:"Number input (Disabled)"})),e.createElement(A,ci(ii({},n),{_label:"With access key",_accessKey:"c"})),e.createElement(A,ci(ii({},n),{_label:"With short key",_shortKey:"s"})))}));var di=Object.defineProperty,ui=Object.defineProperties,pi=Object.getOwnPropertyDescriptors,hi=Object.getOwnPropertySymbols,bi=Object.prototype.hasOwnProperty,mi=Object.prototype.propertyIsEnumerable,gi=(e,n,o)=>n in e?di(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,fi=(e,n)=>{for(var o in n||(n={}))bi.call(n,o)&&gi(e,o,n[o]);if(hi)for(var o of hi(n))mi.call(n,o)&&gi(e,o,n[o]);return e};const vi=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Number"),e.createElement(si,fi({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Number (hideLabel)"),e.createElement(si,(r=fi({ref:o},n),ui(r,pi({_hideLabel:!0}))))));var r})),ki={"input-number":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(Qr,{RefComponent:vi}))}};var wi=Object.defineProperty,yi=Object.defineProperties,_i=Object.getOwnPropertyDescriptors,xi=Object.getOwnPropertySymbols,Ei=Object.prototype.hasOwnProperty,zi=Object.prototype.propertyIsEnumerable,Si=(e,n,o)=>n in e?wi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Ti=(e,n)=>{for(var o in n||(n={}))Ei.call(n,o)&&Si(e,o,n[o]);if(xi)for(var o of xi(n))zi.call(n,o)&&Si(e,o,n[o]);return e},Oi=(e,n)=>yi(e,_i(n));const Li=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement($,Oi(Ti({},n),{_label:"Passwort (Black background test)"}))),e.createElement($,Oi(Ti({},n),{_disabled:!0,_msg:{_type:"error",_description:Qo},_label:"Passwort (Disabled)",_touched:!0})),e.createElement($,Oi(Ti({},n),{_readOnly:!0,_label:"Passwort (Readonly)"})),e.createElement($,Oi(Ti({},n),{ref:o,_accessKey:"P",_required:!0,_msg:{_type:"error",_description:Qo},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})),e.createElement($,Oi(Ti({},n),{ref:o,_shortKey:"c",_label:"With access key"})),e.createElement($,Oi(Ti({},n),{ref:o,_shortKey:"s",_label:"With short key"})))}));var Ci=Object.defineProperty,Ni=Object.defineProperties,Ai=Object.getOwnPropertyDescriptors,$i=Object.getOwnPropertySymbols,Ii=Object.prototype.hasOwnProperty,Bi=Object.prototype.propertyIsEnumerable,Pi=(e,n,o)=>n in e?Ci(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Fi=(e,n)=>{for(var o in n||(n={}))Ii.call(n,o)&&Pi(e,o,n[o]);if($i)for(var o of $i(n))Bi.call(n,o)&&Pi(e,o,n[o]);return e};const ji=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Password"),e.createElement(Li,Fi({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Password (hideLabel)"),e.createElement(Li,(r=Fi({ref:o},n),Ni(r,Ai({_hideLabel:!0}))))));var r})),Ri={"input-password":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:ji})),"show-password":()=>{const n=(0,e.useRef)(null);return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.')),e.createElement(_,{className:"w-full"},e.createElement($,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle"}),e.createElement($,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle",_value:"Password"}),e.createElement($,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:n,className:"block",_disabled:!0,_variant:"visibility-toggle"})))}}};var Di=Object.defineProperty,Mi=Object.defineProperties,Ki=Object.getOwnPropertyDescriptors,Hi=Object.getOwnPropertySymbols,Ui=Object.prototype.hasOwnProperty,Vi=Object.prototype.propertyIsEnumerable,qi=(e,n,o)=>n in e?Di(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Wi=(e,n)=>{for(var o in n||(n={}))Ui.call(n,o)&&qi(e,o,n[o]);if(Hi)for(var o of Hi(n))Vi.call(n,o)&&qi(e,o,n[o]);return e},Zi=(e,n)=>Mi(e,Ki(n));const Gi=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(I,Zi(Wi({},n),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"}))),e.createElement(I,Zi(Wi({},n),{_required:!0,_msg:{_type:"error",_description:Qo},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"})),e.createElement(I,Zi(Wi({},n),{ref:o,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"})),e.createElement(I,Zi(Wi({},n),{_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Qo},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"})),e.createElement(I,Zi(Wi({},n),{_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0})),e.createElement(I,Zi(Wi({},n),{_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Qo},_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:Xo})))}));var Yi=Object.defineProperty,Ji=Object.defineProperties,Qi=Object.getOwnPropertyDescriptors,Xi=Object.getOwnPropertySymbols,ec=Object.prototype.hasOwnProperty,nc=Object.prototype.propertyIsEnumerable,oc=(e,n,o)=>n in e?Yi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,rc=(e,n)=>{for(var o in n||(n={}))ec.call(n,o)&&oc(e,o,n[o]);if(Xi)for(var o of Xi(n))nc.call(n,o)&&oc(e,o,n[o]);return e};const tc=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("div",{className:"border border-solid border-dark-100 p-3"},e.createElement(x,{_level:2,_label:"Radio",className:"block mb-2"}),e.createElement(Gi,rc({},n))),e.createElement("div",{className:"border border-solid border-dark-100 p-3"},e.createElement(x,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),e.createElement(Gi,(r=rc({ref:o},n),Ji(r,Qi({_hideLabel:!0}))))));var r})),ac={"input-radio":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:tc})),horizontal:()=>{const[n,o]=(0,e.useState)(!0),[r,t]=(0,e.useState)("horizontal"),a=[{label:"Field 1",value:1},{label:"Field 2",value:2}];return e.createElement("div",{className:"grid gap-4"},e.createElement(er,null,e.createElement("p",null,"This sample shows the ",e.createElement("code",null,"horizontal")," and ",e.createElement("code",null,"vertical")," orientation of KolInoutRadio. It also features a button to test re-rendering.")),e.createElement("div",{className:"flex gap-4"},e.createElement(m,{_label:"Click me a few times",_on:{onClick:()=>{o((e=>!e))}}}),e.createElement(T,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:()=>{t((e=>"horizontal"===e?"vertical":"horizontal"))}},_variant:"switch"})),n&&e.createElement(_,null,e.createElement("div",{className:"container my-4 d-grid gap-4"},e.createElement(I,{_label:`Test (${r})`,_options:a,_orientation:r,_required:!0}),e.createElement(I,{_hideLabel:!0,_label:`Test (${r})`,_options:a,_orientation:r,_required:!0}))))},object:()=>{const n=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return e.createElement("div",{className:"grid gap-4"},e.createElement(er,null,"This sample shows KolInputRadio with ",e.createElement("code",null,"object")," and ",e.createElement("code",null,"undefined")," values."),e.createElement(_,null,e.createElement("p",null,"In this example for ",e.createElement("code",null,"KolInputRadio"),", the values of the options are defined as objects."),e.createElement("div",{className:"container my-4 d-grid gap-4"},e.createElement(I,{_value:n[1].value,_options:n,_label:"Test (with object value)"})),e.createElement("p",null,"In this example for ",e.createElement("code",null,"KolInputRadio"),", no value is set."),e.createElement("div",{className:"container my-4 d-grid gap-4"},e.createElement(I,{_options:n,_label:"Test (without value)"}))))}}};var lc=Object.defineProperty,ic=Object.defineProperties,cc=Object.getOwnPropertyDescriptors,sc=Object.getOwnPropertySymbols,dc=Object.prototype.hasOwnProperty,uc=Object.prototype.propertyIsEnumerable,pc=(e,n,o)=>n in e?lc(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,hc=(e,n)=>{for(var o in n||(n={}))dc.call(n,o)&&pc(e,o,n[o]);if(sc)for(var o of sc(n))uc.call(n,o)&&pc(e,o,n[o]);return e},bc=(e,n)=>ic(e,cc(n));const mc=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(B,bc(hc({},n),{_min:0,_max:50,_msg:{_type:"error",_description:Qo},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}))),e.createElement(B,bc(hc({},n),{ref:o,_accessKey:"F",_min:0,_max:50,_step:10,_msg:{_type:"error",_description:Qo},_label:"Slider with error",_touched:!0})),e.createElement(B,bc(hc({},n),{_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"})),e.createElement(B,bc(hc({},n),{_min:0,_max:50,_label:"With access key",_accessKey:"c"})),e.createElement(B,bc(hc({},n),{_min:0,_max:50,_label:"With short key",_shortKey:"s"})))}));var gc=Object.defineProperty,fc=Object.defineProperties,vc=Object.getOwnPropertyDescriptors,kc=Object.getOwnPropertySymbols,wc=Object.prototype.hasOwnProperty,yc=Object.prototype.propertyIsEnumerable,_c=(e,n,o)=>n in e?gc(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,xc=(e,n)=>{for(var o in n||(n={}))wc.call(n,o)&&_c(e,o,n[o]);if(kc)for(var o of kc(n))yc.call(n,o)&&_c(e,o,n[o]);return e};const Ec=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Range"),e.createElement(mc,xc({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Range (hideLabel)"),e.createElement(mc,(r=xc({ref:o},n),fc(r,vc({_hideLabel:!0}))))));var r})),zc={"input-range":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(Qr,{RefComponent:Ec}))}};var Sc=Object.defineProperty,Tc=Object.defineProperties,Oc=Object.getOwnPropertyDescriptors,Lc=Object.getOwnPropertySymbols,Cc=Object.prototype.hasOwnProperty,Nc=Object.prototype.propertyIsEnumerable,Ac=(e,n,o)=>n in e?Sc(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,$c=(e,n)=>{for(var o in n||(n={}))Cc.call(n,o)&&Ac(e,o,n[o]);if(Lc)for(var o of Lc(n))Nc.call(n,o)&&Ac(e,o,n[o]);return e},Ic=(e,n)=>Tc(e,Oc(n));const Bc=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement("div",{className:"black-background"},e.createElement(P,Ic($c({},n),{_value:"Value",_label:"First name (Black background test)"}))),e.createElement(P,Ic($c({},n),{_hint:Xo,_msg:{_type:"error",_description:Qo,_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:o})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_msg:{_type:"error",_description:Qo},_touched:!0,_type:"url",_label:"URL (url)"})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"})),e.createElement(P,Ic($c({},n),{_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"})),e.createElement(P,Ic($c({},n),{_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"})),e.createElement(P,Ic($c({},n),{_value:"Value",_disabled:!0,_label:"First name (text, disabled)"})),e.createElement(P,Ic($c({},n),{_value:"Value",_label:"With access key",_accessKey:"c"})),e.createElement(P,Ic($c({},n),{_value:"Value",_label:"With short key",_shortKey:"s"})),e.createElement(P,Ic($c({},n),{_value:"Value",_label:"With both key",_shortKey:"d",_accessKey:"e"})))}));var Pc=Object.defineProperty,Fc=Object.defineProperties,jc=Object.getOwnPropertyDescriptors,Rc=Object.getOwnPropertySymbols,Dc=Object.prototype.hasOwnProperty,Mc=Object.prototype.propertyIsEnumerable,Kc=(e,n,o)=>n in e?Pc(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Hc=(e,n)=>{for(var o in n||(n={}))Dc.call(n,o)&&Kc(e,o,n[o]);if(Rc)for(var o of Rc(n))Mc.call(n,o)&&Kc(e,o,n[o]);return e};const Uc=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Text"),e.createElement(Bc,Hc({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Text (hideLabel)"),e.createElement(Bc,(r=Hc({ref:o},n),Fc(r,jc({_hideLabel:!0}))))));var r}));var Vc=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===qc}(e)}(e)},qc="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Wc(e,n){return!1!==n.clone&&n.isMergeableObject(e)?Gc((o=e,Array.isArray(o)?[]:{}),e,n):e;var o}function Zc(e,n,o){return e.concat(n).map((function(e){return Wc(e,o)}))}function Gc(e,n,o){(o=o||{}).arrayMerge=o.arrayMerge||Zc,o.isMergeableObject=o.isMergeableObject||Vc;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]=Wc(e[n],o)})),Object.keys(n).forEach((function(t){o.isMergeableObject(n[t])&&e[t]?r[t]=Gc(e[t],n[t],o):r[t]=Wc(n[t],o)})),r}(e,n,o):Wc(n,o)}Gc.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,o){return Gc(e,o,n)}),{})};const Yc=Gc,Jc="object"==typeof global&&global&&global.Object===Object&&global;var Qc="object"==typeof self&&self&&self.Object===Object&&self;const Xc=Jc||Qc||Function("return this")(),es=Xc.Symbol;var ns=Object.prototype,os=ns.hasOwnProperty,rs=ns.toString,ts=es?es.toStringTag:void 0;var as=Object.prototype.toString;var ls=es?es.toStringTag:void 0;const is=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":ls&&ls in Object(e)?function(e){var n=os.call(e,ts),o=e[ts];try{e[ts]=void 0;var r=!0}catch(e){}var t=rs.call(e);return r&&(n?e[ts]=o:delete e[ts]),t}(e):function(e){return as.call(e)}(e)},cs=function(e,n){return function(o){return e(n(o))}},ss=cs(Object.getPrototypeOf,Object),ds=function(e){return null!=e&&"object"==typeof e};var us=Function.prototype,ps=Object.prototype,hs=us.toString,bs=ps.hasOwnProperty,ms=hs.call(Object);const gs=function(e){if(!ds(e)||"[object Object]"!=is(e))return!1;var n=ss(e);if(null===n)return!0;var o=bs.call(n,"constructor")&&n.constructor;return"function"==typeof o&&o instanceof o&&hs.call(o)==ms},fs=function(e,n){return e===n||e!=e&&n!=n},vs=function(e,n){for(var o=e.length;o--;)if(fs(e[o][0],n))return o;return-1};var ks=Array.prototype.splice;function ws(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])}}ws.prototype.clear=function(){this.__data__=[],this.size=0},ws.prototype.delete=function(e){var n=this.__data__,o=vs(n,e);return!(o<0||(o==n.length-1?n.pop():ks.call(n,o,1),--this.size,0))},ws.prototype.get=function(e){var n=this.__data__,o=vs(n,e);return o<0?void 0:n[o][1]},ws.prototype.has=function(e){return vs(this.__data__,e)>-1},ws.prototype.set=function(e,n){var o=this.__data__,r=vs(o,e);return r<0?(++this.size,o.push([e,n])):o[r][1]=n,this};const ys=ws,_s=function(e){var n=typeof e;return null!=e&&("object"==n||"function"==n)},xs=function(e){if(!_s(e))return!1;var n=is(e);return"[object Function]"==n||"[object GeneratorFunction]"==n||"[object AsyncFunction]"==n||"[object Proxy]"==n},Es=Xc["__core-js_shared__"];var zs,Ss=(zs=/[^.]+$/.exec(Es&&Es.keys&&Es.keys.IE_PROTO||""))?"Symbol(src)_1."+zs:"";var Ts=Function.prototype.toString;const Os=function(e){if(null!=e){try{return Ts.call(e)}catch(e){}try{return e+""}catch(e){}}return""};var Ls=/^\[object .+?Constructor\]$/,Cs=Function.prototype,Ns=Object.prototype,As=Cs.toString,$s=Ns.hasOwnProperty,Is=RegExp("^"+As.call($s).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");const Bs=function(e){return!(!_s(e)||(n=e,Ss&&Ss in n))&&(xs(e)?Is:Ls).test(Os(e));var n},Ps=function(e,n){var o=function(e,n){return null==e?void 0:e[n]}(e,n);return Bs(o)?o:void 0},Fs=Ps(Xc,"Map"),js=Ps(Object,"create");var Rs=Object.prototype.hasOwnProperty;var Ds=Object.prototype.hasOwnProperty;function Ms(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])}}Ms.prototype.clear=function(){this.__data__=js?js(null):{},this.size=0},Ms.prototype.delete=function(e){var n=this.has(e)&&delete this.__data__[e];return this.size-=n?1:0,n},Ms.prototype.get=function(e){var n=this.__data__;if(js){var o=n[e];return"__lodash_hash_undefined__"===o?void 0:o}return Rs.call(n,e)?n[e]:void 0},Ms.prototype.has=function(e){var n=this.__data__;return js?void 0!==n[e]:Ds.call(n,e)},Ms.prototype.set=function(e,n){var o=this.__data__;return this.size+=this.has(e)?0:1,o[e]=js&&void 0===n?"__lodash_hash_undefined__":n,this};const Ks=Ms,Hs=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 Us(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])}}Us.prototype.clear=function(){this.size=0,this.__data__={hash:new Ks,map:new(Fs||ys),string:new Ks}},Us.prototype.delete=function(e){var n=Hs(this,e).delete(e);return this.size-=n?1:0,n},Us.prototype.get=function(e){return Hs(this,e).get(e)},Us.prototype.has=function(e){return Hs(this,e).has(e)},Us.prototype.set=function(e,n){var o=Hs(this,e),r=o.size;return o.set(e,n),this.size+=o.size==r?0:1,this};const Vs=Us;function qs(e){var n=this.__data__=new ys(e);this.size=n.size}qs.prototype.clear=function(){this.__data__=new ys,this.size=0},qs.prototype.delete=function(e){var n=this.__data__,o=n.delete(e);return this.size=n.size,o},qs.prototype.get=function(e){return this.__data__.get(e)},qs.prototype.has=function(e){return this.__data__.has(e)},qs.prototype.set=function(e,n){var o=this.__data__;if(o instanceof ys){var r=o.__data__;if(!Fs||r.length<199)return r.push([e,n]),this.size=++o.size,this;o=this.__data__=new Vs(r)}return o.set(e,n),this.size=o.size,this};const Ws=qs,Zs=function(){try{var e=Ps(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),Gs=function(e,n,o){"__proto__"==n&&Zs?Zs(e,n,{configurable:!0,enumerable:!0,value:o,writable:!0}):e[n]=o};var Ys=Object.prototype.hasOwnProperty;const Js=function(e,n,o){var r=e[n];Ys.call(e,n)&&fs(r,o)&&(void 0!==o||n in e)||Gs(e,n,o)},Qs=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?Gs(o,i,c):Js(o,i,c)}return o},Xs=function(e){return ds(e)&&"[object Arguments]"==is(e)};var ed=Object.prototype,nd=ed.hasOwnProperty,od=ed.propertyIsEnumerable;const rd=Xs(function(){return arguments}())?Xs:function(e){return ds(e)&&nd.call(e,"callee")&&!od.call(e,"callee")},td=Array.isArray;var ad="object"==typeof exports&&exports&&!exports.nodeType&&exports,ld=ad&&"object"==typeof module&&module&&!module.nodeType&&module,id=ld&&ld.exports===ad?Xc.Buffer:void 0;const cd=(id?id.isBuffer:void 0)||function(){return!1};var sd=/^(?:0|[1-9]\d*)$/;const dd=function(e,n){var o=typeof e;return!!(n=null==n?9007199254740991:n)&&("number"==o||"symbol"!=o&&sd.test(e))&&e>-1&&e%1==0&&e<n},ud=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var pd={};pd["[object Float32Array]"]=pd["[object Float64Array]"]=pd["[object Int8Array]"]=pd["[object Int16Array]"]=pd["[object Int32Array]"]=pd["[object Uint8Array]"]=pd["[object Uint8ClampedArray]"]=pd["[object Uint16Array]"]=pd["[object Uint32Array]"]=!0,pd["[object Arguments]"]=pd["[object Array]"]=pd["[object ArrayBuffer]"]=pd["[object Boolean]"]=pd["[object DataView]"]=pd["[object Date]"]=pd["[object Error]"]=pd["[object Function]"]=pd["[object Map]"]=pd["[object Number]"]=pd["[object Object]"]=pd["[object RegExp]"]=pd["[object Set]"]=pd["[object String]"]=pd["[object WeakMap]"]=!1;const hd=function(e){return function(n){return e(n)}};var bd="object"==typeof exports&&exports&&!exports.nodeType&&exports,md=bd&&"object"==typeof module&&module&&!module.nodeType&&module,gd=md&&md.exports===bd&&Jc.process;const fd=function(){try{return md&&md.require&&md.require("util").types||gd&&gd.binding&&gd.binding("util")}catch(e){}}();var vd=fd&&fd.isTypedArray;const kd=vd?hd(vd):function(e){return ds(e)&&ud(e.length)&&!!pd[is(e)]};var wd=Object.prototype.hasOwnProperty;const yd=function(e,n){var o=td(e),r=!o&&rd(e),t=!o&&!r&&cd(e),a=!o&&!r&&!t&&kd(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&&!wd.call(e,s)||l&&("length"==s||t&&("offset"==s||"parent"==s)||a&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||dd(s,c))||i.push(s);return i};var _d=Object.prototype;const xd=function(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||_d)},Ed=cs(Object.keys,Object);var zd=Object.prototype.hasOwnProperty;const Sd=function(e){return null!=e&&ud(e.length)&&!xs(e)},Td=function(e){return Sd(e)?yd(e):function(e){if(!xd(e))return Ed(e);var n=[];for(var o in Object(e))zd.call(e,o)&&"constructor"!=o&&n.push(o);return n}(e)};var Od=Object.prototype.hasOwnProperty;const Ld=function(e){if(!_s(e))return function(e){var n=[];if(null!=e)for(var o in Object(e))n.push(o);return n}(e);var n=xd(e),o=[];for(var r in e)("constructor"!=r||!n&&Od.call(e,r))&&o.push(r);return o},Cd=function(e){return Sd(e)?yd(e,!0):Ld(e)};var Nd="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ad=Nd&&"object"==typeof module&&module&&!module.nodeType&&module,$d=Ad&&Ad.exports===Nd?Xc.Buffer:void 0,Id=$d?$d.allocUnsafe:void 0;const Bd=function(e,n){var o=-1,r=e.length;for(n||(n=Array(r));++o<r;)n[o]=e[o];return n},Pd=function(){return[]};var Fd=Object.prototype.propertyIsEnumerable,jd=Object.getOwnPropertySymbols,Rd=jd?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}(jd(e),(function(n){return Fd.call(e,n)})))}:Pd;const Dd=Rd,Md=function(e,n){for(var o=-1,r=n.length,t=e.length;++o<r;)e[t+o]=n[o];return e};var Kd=Object.getOwnPropertySymbols?function(e){for(var n=[];e;)Md(n,Dd(e)),e=ss(e);return n}:Pd;const Hd=Kd,Ud=function(e,n,o){var r=n(e);return td(e)?r:Md(r,o(e))},Vd=function(e){return Ud(e,Td,Dd)},qd=function(e){return Ud(e,Cd,Hd)},Wd=Ps(Xc,"DataView"),Zd=Ps(Xc,"Promise"),Gd=Ps(Xc,"Set"),Yd=Ps(Xc,"WeakMap");var Jd="[object Map]",Qd="[object Promise]",Xd="[object Set]",eu="[object WeakMap]",nu="[object DataView]",ou=Os(Wd),ru=Os(Fs),tu=Os(Zd),au=Os(Gd),lu=Os(Yd),iu=is;(Wd&&iu(new Wd(new ArrayBuffer(1)))!=nu||Fs&&iu(new Fs)!=Jd||Zd&&iu(Zd.resolve())!=Qd||Gd&&iu(new Gd)!=Xd||Yd&&iu(new Yd)!=eu)&&(iu=function(e){var n=is(e),o="[object Object]"==n?e.constructor:void 0,r=o?Os(o):"";if(r)switch(r){case ou:return nu;case ru:return Jd;case tu:return Qd;case au:return Xd;case lu:return eu}return n});const cu=iu;var su=Object.prototype.hasOwnProperty;const du=Xc.Uint8Array,uu=function(e){var n=new e.constructor(e.byteLength);return new du(n).set(new du(e)),n};var pu=/\w*$/;var hu=es?es.prototype:void 0,bu=hu?hu.valueOf:void 0;const mu=function(e,n,o){var r,t,a,l=e.constructor;switch(n){case"[object ArrayBuffer]":return uu(e);case"[object Boolean]":case"[object Date]":return new l(+e);case"[object DataView]":return function(e,n){var o=n?uu(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?uu(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,pu.exec(t))).lastIndex=t.lastIndex,a;case"[object Symbol]":return r=e,bu?Object(bu.call(r)):{}}};var gu=Object.create,fu=function(){function e(){}return function(n){if(!_s(n))return{};if(gu)return gu(n);e.prototype=n;var o=new e;return e.prototype=void 0,o}}();const vu=fu;var ku=fd&&fd.isMap;const wu=ku?hd(ku):function(e){return ds(e)&&"[object Map]"==cu(e)};var yu=fd&&fd.isSet;const _u=yu?hd(yu):function(e){return ds(e)&&"[object Set]"==cu(e)};var xu="[object Arguments]",Eu="[object Function]",zu="[object Object]",Su={};Su[xu]=Su["[object Array]"]=Su["[object ArrayBuffer]"]=Su["[object DataView]"]=Su["[object Boolean]"]=Su["[object Date]"]=Su["[object Float32Array]"]=Su["[object Float64Array]"]=Su["[object Int8Array]"]=Su["[object Int16Array]"]=Su["[object Int32Array]"]=Su["[object Map]"]=Su["[object Number]"]=Su[zu]=Su["[object RegExp]"]=Su["[object Set]"]=Su["[object String]"]=Su["[object Symbol]"]=Su["[object Uint8Array]"]=Su["[object Uint8ClampedArray]"]=Su["[object Uint16Array]"]=Su["[object Uint32Array]"]=!0,Su["[object Error]"]=Su[Eu]=Su["[object WeakMap]"]=!1;const Tu=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(!_s(n))return n;var u=td(n);if(u){if(i=function(e){var n=e.length,o=new e.constructor(n);return n&&"string"==typeof e[0]&&su.call(e,"index")&&(o.index=e.index,o.input=e.input),o}(n),!c)return Bd(n,i)}else{var p=cu(n),h=p==Eu||"[object GeneratorFunction]"==p;if(cd(n))return function(e,n){if(n)return e.slice();var o=e.length,r=Id?Id(o):new e.constructor(o);return e.copy(r),r}(n,c);if(p==zu||p==xu||h&&!a){if(i=s||h?{}:function(e){return"function"!=typeof e.constructor||xd(e)?{}:vu(ss(e))}(n),!c)return s?function(e,n){return Qs(e,Hd(e),n)}(n,function(e,n){return e&&Qs(n,Cd(n),e)}(i,n)):function(e,n){return Qs(e,Dd(e),n)}(n,function(e,n){return e&&Qs(n,Td(n),e)}(i,n))}else{if(!Su[p])return a?n:{};i=mu(n,p,c)}}l||(l=new Ws);var b=l.get(n);if(b)return b;l.set(n,i),_u(n)?n.forEach((function(t){i.add(e(t,o,r,t,n,l))})):wu(n)&&n.forEach((function(t,a){i.set(a,e(t,o,r,a,n,l))}));var m=u?void 0:(d?s?qd:Vd:s?Cd:Td)(n);return function(e,n){for(var o=-1,r=null==e?0:e.length;++o<r&&!1!==n(e[o],o,e););}(m||n,(function(t,a){m&&(t=n[a=t]),Js(i,a,e(t,o,r,a,n,l))})),i},Ou=function(e){return Tu(e,5)};var Lu=t(1430),Cu=t.n(Lu);const Nu=function(e){return Tu(e,4)},Au=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},$u=function(e){return"symbol"==typeof e||ds(e)&&"[object Symbol]"==is(e)};function Iu(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(Iu.Cache||Vs),o}Iu.Cache=Vs;var Bu,Pu,Fu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ju=/\\(\\)?/g,Ru=(Bu=Iu((function(e){var n=[];return 46===e.charCodeAt(0)&&n.push(""),e.replace(Fu,(function(e,o,r,t){n.push(r?t.replace(ju,"$1"):o||e)})),n}),(function(e){return 500===Pu.size&&Pu.clear(),e})),Pu=Bu.cache,Bu);const Du=Ru,Mu=function(e){if("string"==typeof e||$u(e))return e;var n=e+"";return"0"==n&&1/e==-1/0?"-0":n};var Ku=es?es.prototype:void 0,Hu=Ku?Ku.toString:void 0;const Uu=function e(n){if("string"==typeof n)return n;if(td(n))return Au(n,e)+"";if($u(n))return Hu?Hu.call(n):"";var o=n+"";return"0"==o&&1/n==-1/0?"-0":o},Vu=function(e){return null==e?"":Uu(e)},qu=function(e){return td(e)?Au(e,Mu):$u(e)?[e]:Bd(Du(Vu(e)))};function Wu(){return Wu=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},Wu.apply(this,arguments)}function Zu(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 Gu(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}t(3e3);var Yu=(0,e.createContext)(void 0);Yu.displayName="FormikContext";var Ju=Yu.Provider;function Qu(){var n=(0,e.useContext)(Yu);return n}Yu.Consumer;var Xu=function(e){return Array.isArray(e)&&0===e.length},ep=function(e){return"function"==typeof e},np=function(e){return null!==e&&"object"==typeof e},op=function(e){return String(Math.floor(Number(e)))===e},rp=function(e){return"[object String]"===Object.prototype.toString.call(e)},tp=function(n){return 0===e.Children.count(n)},ap=function(e){return np(e)&&ep(e.then)};function lp(e,n,o,r){void 0===r&&(r=0);for(var t=qu(n);e&&r<t.length;)e=e[t[r++]];return r===t.length||e?void 0===e?o:e:o}function ip(e,n,o){for(var r=Nu(e),t=r,a=0,l=qu(n);a<l.length-1;a++){var i=l[a],c=lp(e,l.slice(0,a+1));if(c&&(np(c)||Array.isArray(c)))t=t[i]=Nu(c);else{var s=l[a+1];t=t[i]=op(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 cp(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];np(i)?o.get(i)||(o.set(i,!0),r[l]=Array.isArray(i)?[]:{},cp(i,n,o,r[l])):r[l]=n}return r}var sp={},dp={};function up(n){var o=n.validateOnChange,r=void 0===o||o,t=n.validateOnBlur,a=void 0===t||t,l=n.validateOnMount,i=void 0!==l&&l,c=n.isInitialValid,s=n.enableReinitialize,d=void 0!==s&&s,u=n.onSubmit,p=Zu(n,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),h=Wu({validateOnChange:r,validateOnBlur:a,validateOnMount:i,onSubmit:u},p),b=(0,e.useRef)(h.initialValues),m=(0,e.useRef)(h.initialErrors||sp),g=(0,e.useRef)(h.initialTouched||dp),f=(0,e.useRef)(h.initialStatus),v=(0,e.useRef)(!1),k=(0,e.useRef)({});(0,e.useEffect)((function(){return v.current=!0,function(){v.current=!1}}),[]);var w=(0,e.useState)(0)[1],y=(0,e.useRef)({values:Ou(h.initialValues),errors:Ou(h.initialErrors)||sp,touched:Ou(h.initialTouched)||dp,status:Ou(h.initialStatus),isSubmitting:!1,isValidating:!1,submitCount:0}),_=y.current,x=(0,e.useCallback)((function(e){var n=y.current;y.current=function(e,n){switch(n.type){case"SET_VALUES":return Wu({},e,{values:n.payload});case"SET_TOUCHED":return Wu({},e,{touched:n.payload});case"SET_ERRORS":return Cu()(e.errors,n.payload)?e:Wu({},e,{errors:n.payload});case"SET_STATUS":return Wu({},e,{status:n.payload});case"SET_ISSUBMITTING":return Wu({},e,{isSubmitting:n.payload});case"SET_ISVALIDATING":return Wu({},e,{isValidating:n.payload});case"SET_FIELD_VALUE":return Wu({},e,{values:ip(e.values,n.payload.field,n.payload.value)});case"SET_FIELD_TOUCHED":return Wu({},e,{touched:ip(e.touched,n.payload.field,n.payload.value)});case"SET_FIELD_ERROR":return Wu({},e,{errors:ip(e.errors,n.payload.field,n.payload.value)});case"RESET_FORM":return Wu({},e,n.payload);case"SET_FORMIK_STATE":return n.payload(e);case"SUBMIT_ATTEMPT":return Wu({},e,{touched:cp(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return Wu({},e,{isSubmitting:!1});default:return e}}(n,e),n!==y.current&&w((function(e){return e+1}))}),[]),E=(0,e.useCallback)((function(e,n){return new Promise((function(o,r){var t=h.validate(e,n);null==t?o(sp):ap(t)?t.then((function(e){o(e||sp)}),(function(e){r(e)})):o(t)}))}),[h.validate]),z=(0,e.useCallback)((function(e,n){var o=h.validationSchema,r=ep(o)?o(n):o,t=n&&r.validateAt?r.validateAt(n,e):function(e,n,o){void 0===o&&(o=!1);var r=hp(e);return n[o?"validateSync":"validate"](r,{abortEarly:!1,context:r})}(e,r);return new Promise((function(e,n){t.then((function(){e(sp)}),(function(o){"ValidationError"===o.name?e(function(e){var n={};if(e.inner){if(0===e.inner.length)return ip(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;lp(n,l.path)||(n=ip(n,l.path,l.message))}}return n}(o)):n(o)}))}))}),[h.validationSchema]),S=(0,e.useCallback)((function(e,n){return new Promise((function(o){return o(k.current[e].validate(n))}))}),[]),T=(0,e.useCallback)((function(e){var n=Object.keys(k.current).filter((function(e){return ep(k.current[e].validate)})),o=n.length>0?n.map((function(n){return S(n,lp(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=ip(e,n[r],o)),e}),{})}))}),[S]),O=(0,e.useCallback)((function(e){return Promise.all([T(e),h.validationSchema?z(e):{},h.validate?E(e):{}]).then((function(e){var n=e[0],o=e[1],r=e[2];return Yc.all([n,o,r],{arrayMerge:bp})}))}),[h.validate,h.validationSchema,T,E,z]),L=gp((function(e){return void 0===e&&(e=_.values),x({type:"SET_ISVALIDATING",payload:!0}),O(e).then((function(e){return v.current&&(x({type:"SET_ISVALIDATING",payload:!1}),x({type:"SET_ERRORS",payload:e})),e}))}));(0,e.useEffect)((function(){i&&!0===v.current&&Cu()(b.current,h.initialValues)&&L(b.current)}),[i,L]);var C=(0,e.useCallback)((function(e){var n=e&&e.values?e.values:b.current,o=e&&e.errors?e.errors:m.current?m.current:h.initialErrors||{},r=e&&e.touched?e.touched:g.current?g.current:h.initialTouched||{},t=e&&e.status?e.status:f.current?f.current:h.initialStatus;b.current=n,m.current=o,g.current=r,f.current=t;var a=function(){x({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(h.onReset){var l=h.onReset(_.values,G);ap(l)?l.then(a):a()}else a()}),[h.initialErrors,h.initialStatus,h.initialTouched,h.onReset]);(0,e.useEffect)((function(){!0!==v.current||Cu()(b.current,h.initialValues)||d&&(b.current=h.initialValues,C(),i&&L(b.current))}),[d,h.initialValues,C,i,L]),(0,e.useEffect)((function(){d&&!0===v.current&&!Cu()(m.current,h.initialErrors)&&(m.current=h.initialErrors||sp,x({type:"SET_ERRORS",payload:h.initialErrors||sp}))}),[d,h.initialErrors]),(0,e.useEffect)((function(){d&&!0===v.current&&!Cu()(g.current,h.initialTouched)&&(g.current=h.initialTouched||dp,x({type:"SET_TOUCHED",payload:h.initialTouched||dp}))}),[d,h.initialTouched]),(0,e.useEffect)((function(){d&&!0===v.current&&!Cu()(f.current,h.initialStatus)&&(f.current=h.initialStatus,x({type:"SET_STATUS",payload:h.initialStatus}))}),[d,h.initialStatus,h.initialTouched]);var N=gp((function(e){if(k.current[e]&&ep(k.current[e].validate)){var n=lp(_.values,e),o=k.current[e].validate(n);return ap(o)?(x({type:"SET_ISVALIDATING",payload:!0}),o.then((function(e){return e})).then((function(n){x({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),x({type:"SET_ISVALIDATING",payload:!1})}))):(x({type:"SET_FIELD_ERROR",payload:{field:e,value:o}}),Promise.resolve(o))}return h.validationSchema?(x({type:"SET_ISVALIDATING",payload:!0}),z(_.values,e).then((function(e){return e})).then((function(n){x({type:"SET_FIELD_ERROR",payload:{field:e,value:lp(n,e)}}),x({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),A=(0,e.useCallback)((function(e,n){var o=n.validate;k.current[e]={validate:o}}),[]),$=(0,e.useCallback)((function(e){delete k.current[e]}),[]),I=gp((function(e,n){return x({type:"SET_TOUCHED",payload:e}),(void 0===n?a:n)?L(_.values):Promise.resolve()})),B=(0,e.useCallback)((function(e){x({type:"SET_ERRORS",payload:e})}),[]),P=gp((function(e,n){var o=ep(e)?e(_.values):e;return x({type:"SET_VALUES",payload:o}),(void 0===n?r:n)?L(o):Promise.resolve()})),F=(0,e.useCallback)((function(e,n){x({type:"SET_FIELD_ERROR",payload:{field:e,value:n}})}),[]),j=gp((function(e,n,o){return x({type:"SET_FIELD_VALUE",payload:{field:e,value:n}}),(void 0===o?r:o)?L(ip(_.values,e,n)):Promise.resolve()})),R=(0,e.useCallback)((function(e,n){var o,r=n,t=e;if(!rp(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),p=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}(lp(_.values,r),d,s):u&&p?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(u):s}r&&j(r,t)}),[j,_.values]),D=gp((function(e){if(rp(e))return function(n){return R(n,e)};R(e)})),M=gp((function(e,n,o){return void 0===n&&(n=!0),x({type:"SET_FIELD_TOUCHED",payload:{field:e,value:n}}),(void 0===o?a:o)?L(_.values):Promise.resolve()})),K=(0,e.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]),H=gp((function(e){if(rp(e))return function(n){return K(n,e)};K(e)})),U=(0,e.useCallback)((function(e){ep(e)?x({type:"SET_FORMIK_STATE",payload:e}):x({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),V=(0,e.useCallback)((function(e){x({type:"SET_STATUS",payload:e})}),[]),q=(0,e.useCallback)((function(e){x({type:"SET_ISSUBMITTING",payload:e})}),[]),W=gp((function(){return x({type:"SUBMIT_ATTEMPT"}),L().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&&x({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(v.current)throw x({type:"SUBMIT_FAILURE"}),e}))}if(v.current&&(x({type:"SUBMIT_FAILURE"}),n))throw e}))})),Z=gp((function(e){e&&e.preventDefault&&ep(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&ep(e.stopPropagation)&&e.stopPropagation(),W().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),G={resetForm:C,validateForm:L,validateField:N,setErrors:B,setFieldError:F,setFieldTouched:M,setFieldValue:j,setStatus:V,setSubmitting:q,setTouched:I,setValues:P,setFormikState:U,submitForm:W},Y=gp((function(){return u(_.values,G)})),J=gp((function(e){e&&e.preventDefault&&ep(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&ep(e.stopPropagation)&&e.stopPropagation(),C()})),Q=(0,e.useCallback)((function(e){return{value:lp(_.values,e),error:lp(_.errors,e),touched:!!lp(_.touched,e),initialValue:lp(b.current,e),initialTouched:!!lp(g.current,e),initialError:lp(m.current,e)}}),[_.errors,_.touched,_.values]),X=(0,e.useCallback)((function(e){return{setValue:function(n,o){return j(e,n,o)},setTouched:function(n,o){return M(e,n,o)},setError:function(n){return F(e,n)}}}),[j,M,F]),ee=(0,e.useCallback)((function(e){var n=np(e),o=n?e.name:e,r=lp(_.values,o),t={name:o,value:r,onChange:D,onBlur:H};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}),[H,D,_.values]),ne=(0,e.useMemo)((function(){return!Cu()(b.current,_.values)}),[b.current,_.values]),oe=(0,e.useMemo)((function(){return void 0!==c?ne?_.errors&&0===Object.keys(_.errors).length:!1!==c&&ep(c)?c(h):c:_.errors&&0===Object.keys(_.errors).length}),[c,ne,_.errors,h]);return Wu({},_,{initialValues:b.current,initialErrors:m.current,initialTouched:g.current,initialStatus:f.current,handleBlur:H,handleChange:D,handleReset:J,handleSubmit:Z,resetForm:C,setErrors:B,setFormikState:U,setFieldTouched:M,setFieldValue:j,setFieldError:F,setStatus:V,setSubmitting:q,setTouched:I,setValues:P,submitForm:W,validateForm:L,validateField:N,isValid:oe,dirty:ne,unregisterField:$,registerField:A,getFieldProps:ee,getFieldMeta:Q,getFieldHelpers:X,validateOnBlur:a,validateOnChange:r,validateOnMount:i})}function pp(n){var o=up(n),r=n.component,t=n.children,a=n.render,l=n.innerRef;return(0,e.useImperativeHandle)(l,(function(){return o})),(0,e.createElement)(Ju,{value:o},r?(0,e.createElement)(r,o):a?a(o):t?ep(t)?t(o):tp(t)?null:e.Children.only(t):null)}function hp(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)||gs(e)?hp(e):""!==e?e:void 0})):gs(e[r])?n[r]=hp(e[r]):n[r]=""!==e[r]?e[r]:void 0}return n}function bp(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?Yc(Array.isArray(n)?[]:{},n,o):n}else o.isMergeableObject(n)?r[t]=Yc(e[t],n,o):-1===e.indexOf(n)&&r.push(n)})),r}var mp="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?e.useLayoutEffect:e.useEffect;function gp(n){var o=(0,e.useRef)(n);return mp((function(){o.current=n})),(0,e.useCallback)((function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return o.current.apply(void 0,n)}),[])}function fp(n){var o=n.validate,r=n.name,t=n.render,a=n.children,l=n.as,i=n.component,c=n.className,s=Zu(n,["validate","name","render","children","as","component","className"]),d=Zu(Qu(),["validate","validationSchema"]),u=d.registerField,p=d.unregisterField;(0,e.useEffect)((function(){return u(r,{validate:o}),function(){p(r)}}),[u,p,r,o]);var h=d.getFieldProps(Wu({name:r},s)),b=d.getFieldMeta(r),m={field:h,form:d};if(t)return t(Wu({},m,{meta:b}));if(ep(a))return a(Wu({},m,{meta:b}));if(i){if("string"==typeof i){var g=s.innerRef,f=Zu(s,["innerRef"]);return(0,e.createElement)(i,Wu({ref:g},h,f,{className:c}),a)}return(0,e.createElement)(i,Wu({field:h,form:d},s,{className:c}),a)}var v=l||"input";if("string"==typeof v){var k=s.innerRef,w=Zu(s,["innerRef"]);return(0,e.createElement)(v,Wu({ref:k},h,w,{className:c}),a)}return(0,e.createElement)(v,Wu({},h,s,{className:c}),a)}(0,e.forwardRef)((function(n,o){var r=n.action,t=Zu(n,["action"]),a=null!=r?r:"#",l=Qu(),i=l.handleReset,c=l.handleSubmit;return(0,e.createElement)("form",Wu({onSubmit:c,ref:o,onReset:i,action:a},t))})).displayName="Form";var vp,kp,wp=function(e,n,o){var r=yp(e);return r.splice(n,0,o),r},yp=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(Wu({},e,{length:n+1}))}return[]},_p=function(e,n){var o="function"==typeof e?e:n;return function(e){if(Array.isArray(e)||np(e)){var n=yp(e);return o(n)}return e}},xp=function(n){function o(e){var o;return(o=n.call(this,e)||this).updateArrayField=function(e,n,r){var t=o.props,a=t.name;(0,t.formik.setFormikState)((function(o){var t=_p(r,e),l=_p(n,e),i=ip(o.values,a,e(lp(o.values,a))),c=r?t(lp(o.errors,a)):void 0,s=n?l(lp(o.touched,a)):void 0;return Xu(c)&&(c=void 0),Xu(s)&&(s=void 0),Wu({},o,{values:i,errors:r?ip(o.errors,a,c):o.errors,touched:n?ip(o.touched,a,s):o.touched})}))},o.push=function(e){return o.updateArrayField((function(n){return[].concat(yp(n),[Ou(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=yp(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=yp(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 wp(o,e,n)}),(function(n){return wp(n,e,null)}),(function(n){return wp(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=yp(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(Gu(o)),o.pop=o.pop.bind(Gu(o)),o}var r,t;t=n,(r=o).prototype=Object.create(t.prototype),r.prototype.constructor=r,r.__proto__=t;var a=o.prototype;return a.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!Cu()(lp(e.formik.values,e.name),lp(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?yp(o):[];return n||(n=r[e]),ep(r.splice)&&r.splice(e,1),ep(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 n={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},o=this.props,r=o.component,t=o.render,a=o.children,l=o.name,i=Wu({},n,{form:Zu(o.formik,["validate","validationSchema"]),name:l});return r?(0,e.createElement)(r,i):t?t(i):a?"function"==typeof a?a(i):tp(a)?null:e.Children.only(a):null},o}(e.Component);function Ep(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 zp(){}function Sp(e){return!!(e||"").match(/\d/)}function Tp(e){return null==e}function Op(e){return Tp(e)||function(e){return"number"==typeof e&&isNaN(e)}(e)||"number"==typeof e&&!isFinite(e)}function Lp(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function Cp(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 Np(e,n,o){for(var r="",t=o?"0":"",a=0;a<=n-1;a++)r+=e[a]||t;return r}function Ap(e,n){return Array(n+1).join(e)}function $p(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."+Ap("0",Math.abs(l))+t:l>=i?t+=Ap("0",l-i):t=(t.substring(0,l)||"0")+"."+t.substring(l),o+t}function Ip(e,n,o){if(-1!==["","-"].indexOf(e))return e;var r=(-1!==e.indexOf(".")||o)&&n,t=Cp(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?".":"")+Np(s[1]||"",n,o)}function Bp(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)}}xp.defaultProps={validateOnChange:!0},(kp=vp||(vp={})).event="event",kp.props="prop";var Pp,Fp,jp,Rp=(Pp=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}}},jp=void 0,function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return Fp&&e.length===Fp.length&&e.every((function(e,n){return e===Fp[n]}))?jp:(Fp=e,jp=Pp.apply(void 0,e))});function Dp(e){return Math.max(e.selectionStart,e.selectionEnd)}function Mp(e){var n=e.currentValue,o=e.formattedValue,r=e.currentValueIndex,t=e.formattedValueIndex;return n[r]===o[t]}function Kp(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 Hp(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(Sp(e[o])||Sp(e[o-1]));return n}function Up(n,o,r,t,a,l){void 0===l&&(l=zp);var i=function(n){var o=(0,e.useRef)(n);o.current=n;var r=(0,e.useRef)((function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return o.current.apply(o,e)}));return r.current}((function(e,n){var o,r;return Op(e)?(r="",o=""):"number"==typeof e||n?(r="number"==typeof e?$p(e):e,o=t(r)):(r=a(e,void 0),o=t(r)),{formattedValue:o,numAsString:r}})),c=(0,e.useState)((function(){return i(Tp(n)?o:n,r)})),s=c[0],d=c[1],u=n,p=r;Tp(n)&&(u=s.numAsString,p=!0);var h=i(u,p);return(0,e.useMemo)((function(){d(h)}),[h.formattedValue]),[s,function(e,n){e.formattedValue!==s.formattedValue&&d({formattedValue:e.formattedValue,numAsString:e.value}),l(e,n)}]}function Vp(e){return e.replace(/[^0-9]/g,"")}function qp(e){return e}function Wp(n){var o=n.type;void 0===o&&(o="text");var r=n.displayType;void 0===r&&(r="input");var t=n.customInput,a=n.renderText,l=n.getInputRef,i=n.format;void 0===i&&(i=qp);var c=n.removeFormatting;void 0===c&&(c=Vp);var s=n.defaultValue,d=n.valueIsNumericString,u=n.onValueChange,p=n.isAllowed,h=n.onChange;void 0===h&&(h=zp);var b=n.onKeyDown;void 0===b&&(b=zp);var m=n.onMouseUp;void 0===m&&(m=zp);var g=n.onFocus;void 0===g&&(g=zp);var f=n.onBlur;void 0===f&&(f=zp);var v=n.value,k=n.getCaretBoundary;void 0===k&&(k=Hp);var w=n.isValidInputCharacter;void 0===w&&(w=Sp);var y=n.isCharacterSame,_=Ep(n,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),x=Up(v,s,Boolean(d),i,c,u),E=x[0],z=E.formattedValue,S=E.numAsString,T=x[1],O=(0,e.useRef)(),L=(0,e.useRef)({formattedValue:z,numAsString:S}),C=function(e,n){L.current={formattedValue:e.formattedValue,numAsString:e.value},T(e,n)},N=(0,e.useState)(!1),A=N[0],$=N[1],I=(0,e.useRef)(null),B=(0,e.useRef)({setCaretTimeout:null,focusTimeout:null});(0,e.useEffect)((function(){return $(!0),function(){clearTimeout(B.current.setCaretTimeout),clearTimeout(B.current.focusTimeout)}}),[]);var P=i,F=function(e,n){var o=parseFloat(n);return{formattedValue:e,value:n,floatValue:isNaN(o)?void 0:o}},j=function(e,n,o){0===e.selectionStart&&e.selectionEnd===e.value.length||(Bp(e,n),B.current.setCaretTimeout=setTimeout((function(){e.value===o&&e.selectionStart!==n&&Bp(e,n)}),0))},R=function(e,n,o){return Kp(e,n,k(e),o)},D=function(e,n,o){var r=k(n),t=function(e,n,o,r,t,a,l){void 0===l&&(l=Mp);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={},p=new Array(s),h=0;h<s;h++){p[h]=-1;for(var b=0,m=d;b<m;b++)if(l({currentValue:o,lastValue:n,formattedValue:e,currentValueIndex:h,formattedValueIndex:b})&&!0!==u[b]){p[h]=b,u[b]=!0;break}}for(var g=r;g<s&&(-1===p[g]||!a(o[g]));)g++;var f=g===s||-1===p[g]?d:p[g];for(g=r-1;g>0&&-1===p[g];)g--;var v=-1===g||-1===p[g]?0:p[g]+1;return v>f?f:r-v<f-r?v:f}(n,z,e,o,r,w,y);return Kp(n,t,r)};(0,e.useEffect)((function(){var e=L.current,n=e.formattedValue,o=e.numAsString;z===n&&S===o||C(F(z,S),{event:void 0,source:vp.props})}),[z,S]);var M=I.current?Dp(I.current):void 0;("undefined"!=typeof window?e.useLayoutEffect:e.useEffect)((function(){var e=I.current;if(z!==L.current.formattedValue&&e){var n=D(L.current.formattedValue,z,M);e.value=z,j(e,n,z)}}),[z]);var K=function(e,n){void 0===n&&(n=0);var o=e.selectionStart,r=e.selectionEnd;O.current={selectionStart:o,selectionEnd:r+n}},H=!A||"undefined"==typeof navigator||navigator.platform&&/iPhone|iPod/.test(navigator.platform)?void 0:"numeric",U=Object.assign({inputMode:H},_,{type:o,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):Rp(z,e),a=Object.assign(Object.assign({},t),{lastValue:z}),l=c(e,a),i=P(l);if(l=c(i,void 0),p&&!p(F(i,l))){var s=n.target,d=Dp(s),u=D(e,z,d);return s.value=z,j(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=Dp(r);r.value=n,void 0!==(o=D(i,n,c))&&j(r,o,n)}n!==z&&C(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,vp.event)&&h(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 K(o,i);var s=n;c?(s=R(l,n,"ArrowLeft"===r?"left":"right"))!==n&&e.preventDefault():"Delete"!==r||w(l[n])?"Backspace"!==r||w(l[n])||(s=R(l,n,"left")):s=R(l,n,"right"),s!==n&&j(o,s,l),b(e),K(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=R(r,e);t!==e&&j(n,t,r)}};o(),requestAnimationFrame((function(){o()})),m(e),K(n)},onFocus:function(e){e.persist&&e.persist();var n=e.target,o=e.currentTarget;I.current=n,B.current.focusTimeout=setTimeout((function(){var r=n.selectionStart,t=n.selectionEnd,a=n.value;void 0===a&&(a="");var l=R(a,r);l===r||0===r&&t===a.length||j(n,l,a),g(Object.assign(Object.assign({},e),{currentTarget:o}))}),0)},onBlur:function(e){I.current=null,clearTimeout(B.current.focusTimeout),clearTimeout(B.current.setCaretTimeout),f(e)}});if("text"===r)return a?e.createElement(e.Fragment,null,a(z,_)||null):e.createElement("span",Object.assign({},_,{ref:l}),z);if(t){var V=t;return e.createElement(V,Object.assign({},U,{ref:l}))}return e.createElement("input",Object.assign({},U,{ref:l}))}function Zp(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=Gp(n),s=c.thousandSeparator,d=c.decimalSeparator,u=0!==o&&-1!==e.indexOf(".")||o&&r,p=Cp(e,l),h=p.beforeDecimal,b=p.afterDecimal,m=p.addNegation;return void 0!==o&&(b=Np(b,o,!!r)),s&&(h=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)}(h,s,i)),t&&(h=t+h),a&&(b+=a),m&&(h="-"+h),h+(u&&d||"")+b}function Gp(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 Yp(e){e=function(e){var n=Gp(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=zp);var a=e.onBlur;void 0===a&&(a=zp);var l=e.thousandSeparator,i=e.decimalScale,c=e.fixedDecimalScale,s=e.prefix;void 0===s&&(s="");var d=e.defaultValue,u=e.value,p=e.valueIsNumericString,h=e.onValueChange,b=Ep(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),m=Gp(e),g=m.decimalSeparator,f=m.allowedDecimalSeparators,v=function(n){return Zp(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,p=Gp(o),h=p.allowedDecimalSeparators,b=p.decimalSeparator,m=e[u]===b;if(Sp(e)&&(e===a||e===l)&&""===n.lastValue)return e;if(u-d===1&&-1!==h.indexOf(e[d])){var g=0===i?"":b;e=e.substring(0,d)+g+e.substring(d+1,e.length)}var f=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=f(e,d,u),k=v.hasNegation;e=(r=v).value,d=r.start,u=r.end;var w=f(n.lastValue,c.start,c.end),y=w.start,_=w.end,x=w.value,E=e.substring(d,u);!(e.length&&x.length&&(y>x.length-l.length||_<a.length))||E&&l.startsWith(E)||(e=x);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]|"+Lp(e),"g")}(b))||[]).join("");var O=e.indexOf(b),L=Cp(e=e.replace(new RegExp(Lp(b),"g"),(function(e,n){return n===O?".":""})),t),C=L.beforeDecimal,N=L.afterDecimal,A=L.addNegation;return s.end-s.start<c.end-c.start&&""===C&&m&&!parseFloat(N)&&(e=A?"-":""),e}(n,o,e)},w=Tp(u)?d:u,y=null!=p?p: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))}(w,s,n);Tp(u)?Tp(d)||(y=y||"number"==typeof d):y=y||"number"==typeof u;var _=function(e){return Op(e)?e:("number"==typeof e&&(e=$p(e)),y&&"number"==typeof i?Ip(e,i,Boolean(c)):e)},x=Up(_(u),_(d),Boolean(y),v,k,h),E=x[0],z=E.numAsString,S=E.formattedValue,T=x[1];return Object.assign(Object.assign({},b),{value:S,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===g||Sp(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],p=Rp(o,n).to,h=function(e){return k(e).indexOf(".")+s.length};return!(0===u&&c&&i&&n[p.start]===g&&h(n)<t&&h(r)>a||!(t>=p.start&&t<p.end&&f&&f.includes(l)&&d===g)&&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&&Bp(n,1),i&&c&&("Backspace"===r&&u[a-1]===g?(Bp(n,a-1),e.preventDefault()):"Delete"===r&&u[a]===g&&e.preventDefault()),(null==f?void 0:f.includes(r))&&u[a]===g&&Bp(n,a+1);var p=!0===l?",":l;"Backspace"===r&&u[a-1]===p&&Bp(n,a-1),"Delete"===r&&u[a]===p&&Bp(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=Ip(o,i,c)),o!==z){var t=Zp(o,e);T({formattedValue:t,value:o,floatValue:parseFloat(o)},{event:n,source:vp.event})}a(n)}})}function Jp(n){var o=Yp(n);return e.createElement(Wp,Object.assign({},o))}var Qp=Object.getOwnPropertySymbols,Xp=Object.prototype.hasOwnProperty,eh=Object.prototype.propertyIsEnumerable;const nh=/[^a-zA-Z0-9]/g,oh=/(.{4})(?!$)/g;class rh{electronicFormat(e){return e.replace(nh,"").toUpperCase()}printFormat(e,n){return this.electronicFormat(e).replace(oh,"$1"+(n||" "))}parse(e){return this.electronicFormat(e)}format(e){return this.printFormat(e)}}const th={"input-text":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:Uc})),"hide-errors":()=>e.createElement("div",{className:"grid gap-4"},e.createElement(er,null,e.createElement("p",null,"This sample shows the ",e.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.")),e.createElement(v,{_label:"Normal input field with error",_level:0},e.createElement(P,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})),e.createElement(v,{_label:"Input fields with hidden error",_level:0},e.createElement("fieldset",{className:"grid md:grid-cols-2 gap-4"},e.createElement("legend",null,"Combined input field"),e.createElement(u,{className:"col-span-2",_level:0,_type:"error"},"This is a combined error message"),e.createElement(P,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"First input",_touched:!0}),e.createElement(P,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"Second input with error",_touched:!0})))),"text-formatter":function(){const n=()=>{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},o=new rh;return e.createElement(e.Fragment,null,e.createElement(er,null,e.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)")),e.createElement("section",{className:"w-full flex flex-col"},e.createElement(pp,{initialValues:{iban:"DE89370400440532013000"},onSubmit:n},(n=>e.createElement(e.Fragment,null,e.createElement("div",{className:"p-2"},e.createElement(x,{_label:"Formatted Form Field",_level:2}),e.createElement(_,null,e.createElement(fp,{name:"iban"},(({field:r})=>{var t;return e.createElement("div",{className:"block mt-2"},e.createElement(P,{onBlur:()=>{n.setFieldTouched("iban",!0)},id:"field-iban",_label:"IBAN",_value:o.format(null!=(t=r.value)?t:""),_msg:{_type:"error",_description:n.errors.iban||""},_touched:n.touched.iban,_required:!0,_on:{onInput:(e,r)=>{if(e.target){const e=o.parse(null!=r?r:"");n.setFieldValue("iban",e,!0)}}}}))})))),e.createElement("div",{className:"p-2"},e.createElement(x,{_label:"Model",_level:2}),e.createElement("pre",{className:"text-base"},JSON.stringify(n.values,null,2))))))),e.createElement("section",{className:"w-full flex flex-col"},e.createElement(pp,{initialValues:{currency:1e6},onSubmit:n},(n=>e.createElement(e.Fragment,null,e.createElement("div",{className:"p-2"},e.createElement(x,{_label:"Formatted Form Field (with react-number-format)",_level:2}),e.createElement(_,null,e.createElement(fp,{name:"currency"},(({field:o})=>e.createElement("div",{className:"block mt-2"},e.createElement(Jp,{customInput:n=>{var o=n,{type:r,value:t,onBlur:a,onChange:l,onFocus:i}=o,c=((e,n)=>{var o={};for(var r in e)Xp.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&Qp)for(var r of Qp(e))n.indexOf(r)<0&&eh.call(e,r)&&(o[r]=e[r]);return o})(o,["type","value","onBlur","onChange","onFocus"]);return console.log("OTHER: ",c),e.createElement(P,{_label:"Currency",_type:r,_value:t,_on:{onBlur:a,onChange:l,onFocus:i}})},displayType:"input",value:"number"==typeof o.value?Number(o.value).toFixed(2):void 0,onBlur:()=>{n.setFieldTouched("currency",!0)},onValueChange:e=>{n.setFieldValue("currency",e.floatValue,!0)},suffix:"€",thousandSeparator:!0})))))),e.createElement("div",{className:"p-2"},e.createElement(x,{_label:"Model",_level:2}),e.createElement("pre",{className:"text-base"},JSON.stringify(n.values,null,2))))))))},"smart-button":()=>{const n=Jn.getInstance(document),o={_icons:"codicon codicon-info",_hideLabel:!0,_label:"Alert",_on:{onClick:()=>{n.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}}};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput.")),e.createElement(P,{_label:"With Smart Button",_type:"text",_smartButton:o}))},"expert-slot":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample show KolInputText with expert slot.")),e.createElement(P,{_label:"",_type:"text"},e.createElement("span",{slot:"expert"},"I am more than just a input field")))}},ah={kolibri:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.")),e.createElement(x,{class:"block",_level:3,_label:"Regular"}),e.createElement(F,{class:"block",style:{width:300}}),e.createElement(x,{class:"block",_level:3,_label:"Without Label"}),e.createElement(F,{class:"block",style:{width:300},_labeled:!1}),e.createElement(x,{class:"block",_level:3,_label:"Customized color"}),e.createElement(F,{class:"block",style:{width:300},_color:"#cc006e"}))}};var lh=Object.defineProperty,ih=Object.getOwnPropertySymbols,ch=Object.prototype.hasOwnProperty,sh=Object.prototype.propertyIsEnumerable,dh=(e,n,o)=>n in e?lh(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,uh=(e,n)=>{for(var o in n||(n={}))ch.call(n,o)&&dh(e,o,n[o]);if(ih)for(var o of ih(n))sh.call(n,o)&&dh(e,o,n[o]);return e};const ph={_href:"#/back-page"},hh={"link-button":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants.")),e.createElement("div",{className:"flex flex-wrap gap-2"},e.createElement(R,uh({_label:"Primary",_variant:"primary"},ph)),e.createElement(R,uh({_label:"Secondary",_variant:"secondary"},ph)),e.createElement(R,uh({_label:"Normal",_variant:"normal"},ph)),e.createElement(R,uh({_label:"Danger",_variant:"danger"},ph)),e.createElement(R,uh({_label:"Ghost",_variant:"ghost"},ph)),e.createElement(R,uh({_label:"Access Key",_variant:"primary",_accessKey:"c"},ph)),e.createElement(R,uh({_label:"Short Key",_variant:"primary",_shortKey:"s"},ph)))),"aria-description":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolLinkButton with aria-description")),e.createElement("div",{className:"flex flex-wrap gap-2"},e.createElement(R,{_href:"#/back-page",_label:"Link Button Text without area description"}),e.createElement(R,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})))}},bh=[{_label:"Link 1",_href:"#/back-page"},{_label:"Link 2",_href:"#/back-page"},{_label:"Link 3",_href:"#/back-page"}],mh=[{_label:"Link 1",_href:"#/back-page"},{_label:"Link 2",_href:"#/back-page"},{_label:"Link 3",_href:"#/back-page"}],gh={"link-group":{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolLinkGroup renders a list of the given links."),e.createElement("p",null,e.createElement(h,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),e.createElement(D,{_links:bh,_label:""})),horizontal:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolLinkGroup renders a list of the given links. This sample shows the horizontal alignment."),e.createElement("p",null,e.createElement(h,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"}))),e.createElement(D,{_links:mh,_orientation:"horizontal",_label:""}))}},fh={link:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolLink renders a link. This sample shows disabled links, links with hidden label and links with different CSS ",e.createElement("code",null,"display"),"-properties.")),e.createElement("div",{className:"grid gap-4"},e.createElement(j,{_href:"#/back-page",_label:"Simple Link"}),e.createElement(j,{_disabled:!0,_href:"#/back-page",_label:"Simple Link (deaktiviert)"}),e.createElement(j,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link"}),e.createElement(j,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link (deaktiviert)"}),e.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes.",e.createElement(j,{_href:"#/back-page",_label:"Simple Link"}),"It is rendered by default as a ",e.createElement("strong",null,"inline element"),"."),e.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",e.createElement(j,{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.",e.createElement("br",null),e.createElement("br",null),"After that, there is a link that is rendered as a block element.",e.createElement(j,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."))),icons:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolLink with icons in different alignments and combinations.")),e.createElement("div",{className:"grid gap-4"},e.createElement(j,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),e.createElement(j,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),e.createElement(j,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),e.createElement(j,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),e.createElement(j,{_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"}),e.createElement(j,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),e.createElement(j,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),e.createElement(j,{_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"}),e.createElement(j,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),e.createElement(j,{_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:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("div",{className:"grid gap-4"},e.createElement(j,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),e.createElement(j,{_href:"#/back-page",_label:""},e.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),target:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolLink with different ",e.createElement("code",null,"_target"),"-properties.")),e.createElement("div",{className:"text-base d-flex gap-4"},e.createElement("ul",null,e.createElement("li",null,e.createElement(j,{_href:"#/back-page",_label:"Link without target"})),e.createElement("li",null,e.createElement(j,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})),e.createElement("li",null,e.createElement(j,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})),e.createElement("li",null,e.createElement(j,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})),e.createElement("li",null,e.createElement(j,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})),e.createElement("li",null,e.createElement(j,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"}))))),"aria-description":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolLink with aria-description")),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(j,{_href:"#/back-page",_label:"Link Text without aria description"}),e.createElement(j,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"}))),"access-key":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,e.createElement("p",null,"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard."))),e.createElement("div",{className:"grid gap-4"},e.createElement(j,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),e.createElement(j,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),e.createElement(j,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),e.createElement(j,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"}))),"short-key":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("div",{className:"grid gap-4"},e.createElement(j,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),e.createElement(j,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),e.createElement(j,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),e.createElement(j,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})))}},vh={modal:{basic:()=>{const[n]=Hn(),o=n.get("show-modal"),r=(0,e.useRef)(null),t=(0,e.useRef)(null);return(0,e.useEffect)((()=>{var e;"true"===o&&(null==(e=r.current)||e.openModal())}),[o]),e.createElement(e.Fragment,null,e.createElement(er,null,e.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".')),e.createElement("div",{className:"flex"},e.createElement(M,{_label:"Primary modal",_width:"80%",ref:r,_on:{onClose:()=>console.log("Modal closed")}},e.createElement(v,{_label:"I am a modal."},e.createElement(m,{_label:"Open stacked modal",className:"mr",_on:{onClick:()=>{var e;null==(e=t.current)||e.openModal()}}}),e.createElement(m,{_label:"Close modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.closeModal()}}}))),e.createElement(M,{_label:"Stacked modal",_width:"80%",ref:t},e.createElement(v,{_label:"Stacked modal element"},e.createElement(m,{_label:"Close stacked modal",_on:{onClick:()=>{var e;null==(e=t.current)||e.closeModal()}}}))),e.createElement(m,{_label:"Open modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.openModal()}}})))}}},kh=[{_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"}]}],wh=[{_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"}],yh={nav:{basic:()=>{const[n,o]=(0,e.useState)(!1);return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("section",{className:"grid gap-8"},e.createElement("section",null,e.createElement(T,{_label:"Show icons when expanded",_checked:n,_on:{onChange:(e,n)=>{o(n)}}})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Navigation without submenu"}),e.createElement(K,{class:"block w-fit",_label:"Main navigation",_links:wh,_hasCompactButton:!0,_hasIconsWhenExpanded:n})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Navigation with submenu"}),e.createElement(K,{class:"block w-fit",_label:"Main navigation",_links:kh,_hasCompactButton:!0,_hasIconsWhenExpanded:n}))))},"aria-current":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolNav with a link to the current page. This makes the component automatically assign ",e.createElement("code",null,'aria-current="page"'),"to it.")),e.createElement(K,{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:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolNav with horizontal alignment.")),e.createElement("section",{className:"grid gap-8"},e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Navigation without submenu"}),e.createElement(K,{_label:"Main navigation",_links:wh,_orientation:"horizontal"})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Navigation with submenu"}),e.createElement(K,{_label:"Main navigation",_links:kh,_orientation:"horizontal"}))))}},_h={pagination:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("div",{className:"grid gap-4"},e.createElement(H,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),e.createElement(H,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),e.createElement(H,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),e.createElement(H,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),e.createElement(H,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{},_pageSizeOptions:[10,100]})))}},xh={"popover-button":{basic:()=>{const n=(0,e.useContext)(Jo),{dummyClickEventHandler:o}=gr(),r={onClick:o};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"The PopoverButton component combines a button with a popover that appears when clicked. The popover can be positioned in different directions (top, right, bottom, left) using the ",e.createElement("code",null,"_popoverAlign")," prop.")),!n&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(U,{_label:"Open popover",_variant:"primary",_icons:{right:"codicon codicon-chevron-down"}},e.createElement(m,{_label:"Button within popover",_variant:"primary",_on:r}),e.createElement("br",null),e.createElement("br",null),e.createElement(m,{_label:"Second Button within popover",_on:r})),e.createElement(U,{_label:"Open popover",_popoverAlign:"right",_icons:{right:"codicon codicon-chevron-right"}},e.createElement("p",{className:"w-sm"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.")),e.createElement(U,{_label:"icon-only with tooltip",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0},"This is an explanation shown on click."),e.createElement(U,{_label:""},e.createElement("span",{slot:"expert"},e.createElement("u",null,"Expert slot content")),"This sample illustrates a button with expert slot.")))}}},Eh={progress:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.')),e.createElement("div",{className:"grid gap-4 grid-cols-1 sm:grid-cols-2"},e.createElement("fieldset",{title:"Percentages",className:"flex flex-col gap-4"},e.createElement(V,{_variant:"bar",_max:7,_value:0}),e.createElement(V,{_variant:"bar",_max:7,_value:2}),e.createElement(V,{_variant:"bar",_max:7,_value:7}),e.createElement(V,{_variant:"cycle",_max:7,_value:6})),e.createElement("fieldset",{title:"Custom units",className:"flex flex-col gap-4"},e.createElement(V,{_label:"Distance",_variant:"bar",_max:65434,_value:7236,_unit:"m"}),e.createElement(V,{_label:"12 Tasks to do",_variant:"bar",_max:12,_value:5,_unit:"tasks completed"}),e.createElement(V,{_label:"Max 150 kg",_variant:"cycle",_max:150,_value:42,_unit:"kg"}))))}},zh={quote:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.')),e.createElement(q,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})),block:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'This sample shows a quote in the "block" variant.')),e.createElement(q,{_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"}))}};var Sh=t(9062),Th=t(8376),Oh=t(7280),Lh=t.n(Oh);const Ch=Object.prototype.toString,Nh=Error.prototype.toString,Ah=RegExp.prototype.toString,$h="undefined"!=typeof Symbol?Symbol.prototype.toString:()=>"",Ih=/^Symbol\((.*)\)(.*)$/;function Bh(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 $h.call(e).replace(Ih,"Symbol($1)");const r=Ch.call(e).slice(8,-1);return"Date"===r?isNaN(e.getTime())?""+e:e.toISOString(e):"Error"===r||e instanceof Error?"["+Nh.call(e)+"]":"RegExp"===r?Ah.call(e):null}function Ph(e,n){let o=Bh(e,n);return null!==o?o:JSON.stringify(e,(function(e,o){let r=Bh(this[e],n);return null!==r?r:o}),2)}function Fh(e){return null==e?[]:[].concat(e)}let jh,Rh,Dh,Mh=/\$\{\s*(\w+)\s*\}/g;jh=Symbol.toStringTag;class Kh{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[jh]="Error",this.name="ValidationError",this.value=n,this.path=o,this.type=r,this.errors=[],this.inner=[],Fh(e).forEach((e=>{if(Hh.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]}}Rh=Symbol.hasInstance,Dh=Symbol.toStringTag;class Hh extends Error{static formatError(e,n){const o=n.label||n.path||"this";return n=Object.assign({},n,{path:o,originalPath:n.path}),"string"==typeof e?e.replace(Mh,((e,o)=>Ph(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 Kh(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[Dh]="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,Hh)}static[Rh](e){return Kh[Symbol.hasInstance](e)||super[Symbol.hasInstance](e)}}let Uh={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 \`${Ph(r,!0)}\`).`:".";return"mixed"!==n?`${e} must be a \`${n}\` type, but the final value was: \`${Ph(o,!0)}\``+t:`${e} must match the configured type. The validated value was: \`${Ph(o,!0)}\``+t}},Vh={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"},qh={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"},Wh={min:"${path} field must be later than ${min}",max:"${path} field must be at earlier than ${max}"},Zh={isValue:"${path} field must be ${value}"},Gh={noUnknown:"${path} field has unspecified keys: ${unknown}",exact:"${path} object contains unknown properties: ${properties}"},Yh={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"},Jh={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: \`${Ph(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: \`${Ph(o,!0)}\``}return Hh.formatError(Uh.notType,e)}};Object.assign(Object.create(null),{mixed:Uh,string:Vh,number:qh,date:Wh,object:Gh,array:Yh,boolean:Zh,tuple:Jh});const Qh=e=>e&&e.__isYupSchema__;class Xh{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 Xh(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(!Qh(r))throw new TypeError("conditions must return a schema object");return r.resolve(n)}}class eb{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,Sh.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}}eb.prototype.__isYupRef=!0;const nb=e=>null==e;function ob(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:p}=e;let{parent:h,context:b,abortEarly:m=a.spec.abortEarly,disableStackTrace:g=a.spec.disableStackTrace}=r;function f(e){return eb.isRef(e)?e.getValue(n,h,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||g},d,e.params);for(const e of Object.keys(r))r[e]=f(r[e]);const l=new Hh(Hh.formatError(e.message||u,r),n,r.path,e.type||c,r.disableStackTrace);return l.params=r,l}const k=m?l:i;let w={path:o,parent:h,type:c,from:r.from,createError:v,resolve:f,options:r,originalValue:t,schema:a};const y=e=>{Hh.isError(e)?k(e):e?i(null):k(v())},_=e=>{Hh.isError(e)?k(e):l(e)};if(p&&nb(n))return y(!0);let x;try{var E;if(x=s.call(w,n,w),"function"==typeof(null==(E=x)?void 0:E.then)){if(r.sync)throw new Error(`Validation test of type: "${w.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`);return Promise.resolve(x).then(y,_)}}catch(e){return void _(e)}y(x)}return n.OPTIONS=e,n}function rb(e,n,o,r=o){let t,a,l;return n?((0,Sh.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,p=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&&p>=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[p],e=u?e.spec.types[p]: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 tb extends Set{describe(){const e=[];for(const n of this.values())e.push(eb.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 tb(this.values())}merge(e,n){const o=this.clone();return e.forEach((e=>o.add(e))),n.forEach((e=>o.delete(e))),o}}function ab(e,n=new Map){if(Qh(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]=ab(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,ab(t,n))}else if(e instanceof Set){o=new Set,n.set(e,o);for(const r of e)o.add(ab(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]=ab(t,n)}return o}class lb{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 tb,this._blacklist=new tb,this.exclusiveTests=Object.create(null),this._typeCheck=void 0,this.spec=void 0,this.tests=[],this.transforms=[],this.withMutation((()=>{this.typeError(Uh.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=ab(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&&nb(t))return t;let a=Ph(e),l=Ph(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,p=[];if(!u)return d([]);let h={value:a,originalValue:l,path:i,options:c,schema:this};for(let e=0;e<t.length;e++)(0,t[e])(h,s,(function(e){e&&(Array.isArray(e)?p.push(...e):p.push(e)),--u<=0&&d(p)}))}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)=>{Hh.isError(e)&&(e.value=n),a(e)}),((e,n)=>{e.length?a(new Hh(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 Hh.isError(e)&&(e.value=n),e}),((n,o)=>{if(n.length)throw new Hh(n,e,void 0,void 0,a);r=o})),r}isValid(e,n){return this.validate(e,n).then((()=>!0),(e=>{if(Hh.isError(e))return!1;throw e}))}isValidSync(e,n){try{return this.validateSync(e,n),!0}catch(e){if(Hh.isError(e))return!1;throw e}}_getDefault(e){let n=this.spec.default;return null==n?n:"function"==typeof n?n.call(this,e):ab(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=ob({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=ob({message:n,name:"optionality",test(e){return void 0!==e||this.schema.spec.optional}}),o}optional(){return this.optionality(!0)}defined(e=Uh.defined){return this.optionality(!1,e)}nullable(){return this.nullability(!0)}nonNullable(e=Uh.notNull){return this.nullability(!1,e)}required(e=Uh.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=Uh.default),"function"!=typeof n.test)throw new TypeError("`test` is a required parameters");let o=this.clone(),r=ob(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=Fh(e).map((e=>new eb(e)));return r.forEach((e=>{e.isSibling&&o.deps.push(e.key)})),o.conditions.push("function"==typeof n?new Xh(r,n):Xh.fromOptions(r,n)),o}typeError(e){let n=this.clone();return n.internalTests.typeError=ob({message:e,name:"typeError",skipAbsent:!0,test(e){return!!this.schema._typeCheck(e)||this.createError({params:{type:this.schema.type}})}}),n}oneOf(e,n=Uh.oneOf){let o=this.clone();return e.forEach((e=>{o._whitelist.add(e),o._blacklist.delete(e)})),o.internalTests.whiteList=ob({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=Uh.notOneOf){let o=this.clone();return e.forEach((e=>{o._blacklist.add(e),o._whitelist.delete(e)})),o.internalTests.blacklist=ob({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))}}}lb.prototype.__isYupSchema__=!0;for(const e of["validate","validateSync"])lb.prototype[`${e}At`]=function(n,o,r={}){const{parent:t,parentPath:a,schema:l}=rb(this,n,o,r.context);return l[e](t&&t[a],Object.assign({},r,{parent:t,path:n}))};for(const e of["equals","is"])lb.prototype[e]=lb.prototype.oneOf;for(const e of["not","nope"])lb.prototype[e]=lb.prototype.notOneOf;const ib=/^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;function cb(e){var n,o;const r=ib.exec(e);return r?{year:sb(r[1]),month:sb(r[2],1)-1,day:sb(r[3],1),hour:sb(r[4]),minute:sb(r[5]),second:sb(r[6]),millisecond:r[7]?sb(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:sb(r[10]),minuteOffset:sb(r[11])}:null}function sb(e,n=0){return Number(e)||n}let db=/^[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])?)*$/,ub=/^((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,pb=/^(?:[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,hb=new RegExp("^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d+)?(([+-]\\d{2}(:?\\d{2})?)|Z)$"),bb=e=>nb(e)||e===e.trim(),mb={}.toString();function gb(){return new fb}class fb extends lb{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===mb?e:r}))}))}required(e){return super.required(e).withMutation((n=>n.test({message:e||Uh.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=Vh.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=Vh.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=Vh.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||Vh.matches,params:{regex:e},skipAbsent:!0,test:n=>""===n&&t||-1!==n.search(e)})}email(e=Vh.email){return this.matches(db,{name:"email",message:e,excludeEmptyString:!0})}url(e=Vh.url){return this.matches(ub,{name:"url",message:e,excludeEmptyString:!0})}uuid(e=Vh.uuid){return this.matches(pb,{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(hb,{name:"datetime",message:r||Vh.datetime,excludeEmptyString:!0}).test({name:"datetime_offset",message:r||Vh.datetime_offset,params:{allowOffset:n},skipAbsent:!0,test:e=>{if(!e||n)return!0;const o=cb(e);return!!o&&!!o.z}}).test({name:"datetime_precision",message:r||Vh.datetime_precision,params:{precision:o},skipAbsent:!0,test:e=>{if(!e||null==o)return!0;const n=cb(e);return!!n&&n.precision===o}})}ensure(){return this.default("").transform((e=>null===e?"":e))}trim(e=Vh.trim){return this.transform((e=>null!=e?e.trim():e)).test({message:e,name:"trim",test:bb})}lowercase(e=Vh.lowercase){return this.transform((e=>nb(e)?e:e.toLowerCase())).test({message:e,name:"string_case",exclusive:!0,skipAbsent:!0,test:e=>nb(e)||e===e.toLowerCase()})}uppercase(e=Vh.uppercase){return this.transform((e=>nb(e)?e:e.toUpperCase())).test({message:e,name:"string_case",exclusive:!0,skipAbsent:!0,test:e=>nb(e)||e===e.toUpperCase()})}}gb.prototype=fb.prototype;let vb=new Date("");function kb(){return new wb}class wb extends lb{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=cb(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)?wb.INVALID_DATE:new Date(e))))}))}prepareParam(e,n){let o;if(eb.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=Wh.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=Wh.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 yb(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 _b(e){return(n,o)=>yb(e,n)-yb(e,o)}wb.INVALID_DATE=vb,kb.prototype=wb.prototype,kb.INVALID_DATE=vb;const xb=(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 Eb(e){if("fields"in e){const n={};for(const[o,r]of Object.entries(e.fields))n[o]=Eb(r);return e.setFields(n)}if("array"===e.type){const n=e.optional();return n.innerType&&(n.innerType=Eb(n.innerType)),n}return"tuple"===e.type?e.optional().clone({types:e.spec.types.map(Eb)}):"optional"in e?e.optional():e}let zb=e=>"[object Object]"===Object.prototype.toString.call(e);function Sb(e,n){let o=Object.keys(e.fields);return Object.keys(n).filter((e=>-1===o.indexOf(e)))}const Tb=_b([]);function Ob(e){return new Lb(e)}class Lb extends lb{constructor(e){super({type:"object",check:e=>zb(e)||"function"==typeof e}),this.fields=Object.create(null),this._sortErrors=Tb,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 lb?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||!zb(t))return void r(e,t);a=a||t;let i=[];for(let e of this._nodes){let o=this.fields[e];o&&!eb.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,Sh.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),eb.isRef(o)&&o.isSibling?a(o.path,n):Qh(o)&&"deps"in o&&o.deps.forEach((e=>a(e,n)))}return Lh().array(Array.from(r),o).reverse()}(e,n),o._sortErrors=_b(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 Eb(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,Sh.getter)(e,!0);return this.transform((t=>{if(!t)return t;let a=t;return((e,n)=>{const o=[...(0,Sh.normalizePath)(n)];if(1===o.length)return o[0]in e;let r=o.pop(),t=(0,Sh.getter)((0,Sh.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(xb)}exact(e){return this.test({name:"exact",exclusive:!0,message:e||Gh.exact,test(e){if(null==e)return!0;const n=Sb(this.schema,e);return 0===n.length||this.createError({params:{properties:n.join(", ")}})}})}stripUnknown(){return this.clone({noUnknown:!0})}noUnknown(e=!0,n=Gh.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=Sb(this.schema,n);return!e||0===o.length||this.createError({params:{unknown:o.join(", ")}})}});return o.spec.noUnknown=e,o}unknown(e=!0,n=Gh.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(Th.camelCase)}snakeCase(){return this.transformKeys(Th.snakeCase)}constantCase(){return this.transformKeys((e=>(0,Th.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}}Ob.prototype=Lb.prototype;var Cb=(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 Nb=(e,n)=>(e=Math.ceil(e),n=Math.floor(n),Math.floor(Math.random()*(n-e+1)+e)),Ab=e=>`${e<10?"0":""}${e}`,$b=e=>new Promise((n=>setTimeout(n,e))),Ib=e=>Cb(void 0,null,(function*(){var n;return yield $b(500),null!=(n=null==e?void 0:e.endsWith(":30"))&&n}));function Bb(e){return Object.keys(e).map((n=>({message:e[n],selector:`#field-${n}`})))}function Pb(e){var n;null==(n=e.current)||n.focusErrorList().catch(console.warn)}function Fb(){const n=Qu(),[o,r]=(0,e.useState)(!1),[t,a]=(0,e.useState)(null),[l,i]=(0,e.useState)(!0),c=Bb(n.errors),s=(0,e.useRef)(null);(0,e.useEffect)((()=>{let e=!1;return a(null),l&&o&&(Pb(s),i(!1)),n.values.date&&Cb(void 0,null,(function*(){return yield $b(1e3),(()=>{const e=Nb(2,9),n=new Set;for(;n.size!==e;)n.add(Nb(8,17));return[...n].sort(((e,n)=>e-n)).flatMap((e=>[`${Ab(e)}:00`,`${Ab(e)}:30`]))})().map((e=>({label:e,value:e})))})).then((o=>{e||(a(o),n.setFieldValue("time",o[0].value),n.setFieldTouched("time"))}),(()=>{})),()=>{e=!0}}),[n.values.date,o]);const d=(0,e.useCallback)(((n,o)=>e.createElement(fp,{name:n},(({field:e})=>o(e)))),[]),u=(0,e.useCallback)((e=>({onChange:(o,r)=>{o.target&&n.setFieldValue(e,r,!0)},onBlur:()=>{n.setFieldTouched(e,!0)}})),[n.setFieldValue,n.setFieldTouched]);return e.createElement("div",{className:"p-2"},e.createElement(x,{_level:2,_label:"Select an appointment"}),e.createElement(_,{ref:s,_errorList:o?c:[],_on:{onSubmit:()=>{r(!0),n.submitForm(),Pb(s)}}},d("date",(o=>e.createElement(L,{id:"field-date",_label:"Date",_value:o.value,_msg:{_type:"error",_description:n.errors.date||""},_touched:n.touched.date,_required:!0,_on:u("date")}))),n.values.date&&e.createElement("div",{className:"grid gap-4 mt-4"},t?e.createElement(e.Fragment,null,d("time",(o=>e.createElement(I,{id:"field-time",_label:"Time",_orientation:"horizontal",_options:t,_value:o.value,_msg:{_type:"error",_description:n.errors.time||""},_touched:n.touched.time,_required:!0,_on:u("time")}))),e.createElement("p",null,e.createElement("em",null,"For test purposes, only the dates for every half hour are available."))):e.createElement(Y,{_show:!0,className:"block","aria-label":"Dates are loaded.",_variant:"cycle"})),e.createElement(m,{_label:"Weiter",_type:"submit",className:"mt-2"}),n.values.date&&n.isValidating?e.createElement(Y,{_show:!0,"aria-label":"Date being checked."}):""))}const jb=[{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 Rb(){const n=Qu(),o=Bb(n.errors),[r,t]=(0,e.useState)(!1),a=(0,e.useRef)(null);return e.createElement("div",{className:"p-2"},e.createElement(x,{_level:2,_label:"Select a district"}),e.createElement(_,{ref:a,_errorList:r?o:[],_on:{onSubmit:()=>{t(!0),n.validateForm().then((e=>{if(e&&Object.keys(e).length>0)throw Error();n.submitForm()})).catch((()=>{Pb(a)}))}}},e.createElement(fp,{name:"district"},(({field:o})=>e.createElement(W,{id:"field-district",_label:"District",_options:[{label:"Please select…",value:""},...jb],_value:[o.value],_msg:{_type:"error",_description:n.errors.district||""},_touched:n.touched.district,_required:!0,onBlur:()=>{n.setFieldTouched("district",!0)},_on:{onChange:(e,o)=>{if(t(!1),e.target){const[e]=o;n.setFieldValue("district",e,!0)}}}}))),e.createElement(m,{_label:"Next",_type:"submit",className:"mt-2"})))}const Db=[{value:"Company",label:"Company"},{value:"Mrs.",label:"Mrs."},{value:"Mr.",label:"Mr."},{value:"Hello",label:"Hello"}];function Mb(){const n=Qu(),[o,r]=(0,e.useState)(!1),t=Bb(n.errors),a=(0,e.useRef)(null);return(0,e.useEffect)((()=>{Pb(a)}),[o]),e.createElement("div",{className:"p-2"},e.createElement(x,{_level:2,_label:"Enter your contact details"}),e.createElement(_,{ref:a,_errorList:o?t:[],_on:{onSubmit:()=>{n.submitForm(),r(!0),Pb(a)}}},e.createElement(fp,{name:"salutation"},(({field:o})=>e.createElement(W,{onBlur:()=>{n.setFieldTouched("salutation",!0)},id:"field-salutation",_label:"Salutation",_value:[o.value],_msg:{_type:"error",_description:n.errors.salutation||""},_touched:n.touched.salutation,_options:[{label:"Please select…",value:""},...Db],_required:!0,_on:{onChange:(e,o)=>{if(e.target){const[e]=o;n.setFieldValue("salutation",e,!0)}}}}))),"Company"===n.values.salutation&&e.createElement(fp,{name:"company"},(({field:o})=>e.createElement("div",{className:"block mt-2"},e.createElement(P,{onBlur:()=>{n.setFieldTouched("company",!0)},id:"field-company",_label:"Company",_value:o.value,_msg:{_type:"error",_description:n.errors.company||""},_touched:n.touched.company,_required:!0,_on:{onChange:(e,o)=>{e.target&&n.setFieldValue("company",o,!0)}}})))),e.createElement(fp,{name:"name"},(({field:o})=>e.createElement("div",{className:"block mt-2"},e.createElement(P,{onBlur:()=>{n.setFieldTouched("name",!0)},id:"field-name",_label:"First name and surname",_value:o.value,_msg:{_type:"error",_description:n.errors.name||""},_touched:n.touched.name,_required:!0,_on:{onChange:(e,o)=>{e.target&&n.setFieldValue("name",o,!0)}}})))),e.createElement(fp,{name:"email"},(({field:o})=>e.createElement("div",{className:"block mt-2"},e.createElement(C,{onBlur:()=>{n.setFieldTouched("email",!0)},id:"field-email",_label:"E-Mail",_value:o.value,_error:n.errors.email||"",_touched:n.touched.email,_required:!0,_on:{onChange:(e,o)=>{e.target&&n.setFieldValue("email",o,!0)}}})))),e.createElement(fp,{name:"phone"},(({field:o})=>e.createElement("div",{className:"block mt-2"},e.createElement(P,{id:"field-phone",_type:"tel",_label:"Telephone number",_value:o.value,_msg:{_type:"error",_description:n.errors.phone||""},_touched:n.touched.phone,_on:{onChange:(e,o)=>{e.target&&(n.setFieldTouched("phone",!0),n.setFieldValue("phone",o,!0))}}})))),e.createElement(m,{_label:"Next",_type:"submit",className:"mt-2"})))}const Kb=()=>e.createElement("i",null,"Nicht angegeben"),Hb=({value:n})=>n||e.createElement(Kb,null);function Ub(){const{values:n}=Qu();return e.createElement(e.Fragment,null,e.createElement(x,{_level:2,_label:"Zusammenfassung"}),e.createElement("dl",null,e.createElement("dt",null,"District"),e.createElement("dd",null,e.createElement(Hb,{value:n.district})),e.createElement("dt",null,"Appointment"),e.createElement("dd",null,n.date&&n.time?`${n.date} ${n.time} Uhr`:e.createElement(Kb,null)),"Company"===n.salutation?e.createElement(e.Fragment,null,e.createElement("dt",null,"Company"),e.createElement("dd",null,e.createElement(Hb,{value:n.company}))):e.createElement(e.Fragment,null,e.createElement("dt",null,"Salutation"),e.createElement("dd",null,e.createElement(Hb,{value:n.salutation}))),e.createElement("dt",null,"Name"),e.createElement("dd",null,e.createElement(Hb,{value:n.name})),e.createElement("dt",null,"E-Mail"),e.createElement("dd",null,e.createElement(Hb,{value:n.email})),e.createElement("dt",null,"Phone number"),e.createElement("dd",null,e.createElement(Hb,{value:n.phone}))))}var Vb=Object.defineProperty,qb=Object.getOwnPropertySymbols,Wb=Object.prototype.hasOwnProperty,Zb=Object.prototype.propertyIsEnumerable,Gb=(e,n,o)=>n in e?Vb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Yb=(e,n)=>{for(var o in n||(n={}))Wb.call(n,o)&&Gb(e,o,n[o]);if(qb)for(var o of qb(n))Zb.call(n,o)&&Gb(e,o,n[o]);return e};const Jb=[0,1,2,3],Qb={district:"",date:"",time:"",salutation:"",name:"",company:"",email:"",phone:""},Xb={district:gb().required("Please select district.")},em={salutation:gb().required("Please select salutation."),name:gb().required("Please enter your first and last name."),company:gb().when("salutation",{is:e=>"Company"===e,then:e=>e.required("Please specify company.")}),email:gb().required("Please enter your e-mail address.")},nm={date:gb().required("Please enter date."),time:gb().when("date",{is:e=>Boolean(e),then:e=>e.test("checkTimeAvailability","Date unfortunately no longer available.",Ib)})},om=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}];var rm=Object.defineProperty,tm=Object.getOwnPropertySymbols,am=Object.prototype.hasOwnProperty,lm=Object.prototype.propertyIsEnumerable,im=(e,n,o)=>n in e?rm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;const cm=(0,e.createContext)(void 0),sm=(0,e.createContext)(!1),dm=n=>{const o=(0,e.useRef)(),[r,t]=(0,e.useState)(void 0),a=n.formatter||JSON.stringify,l=(0,e.useContext)(cm),i=(0,e.useContext)(sm),c=()=>{return e=function*(){var e;t(yield null==(e=o.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,e.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((e=>[e,(o,r)=>{i&&console.log(n.inputProps._label,e,r,o)}])));return e.createElement(e.Fragment,null,e.createElement("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":n.testId},e.createElement(n.InputComponent,((e,n)=>{for(var o in n||(n={}))am.call(n,o)&&im(e,o,n[o]);if(tm)for(var o of tm(n))lm.call(n,o)&&im(e,o,n[o]);return e})({ref:o,_on:s},n.inputProps)),e.createElement(m,{_label:"getValue()",_on:{onClick:()=>{c()}}}),e.createElement("pre",{className:"text-base"},a(r))))},um=()=>{const n=new Map;return n.set("inputCheckbox",((n,o)=>e.createElement(T,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:o}))),n.set("inputColor",((n,o)=>e.createElement(O,{className:"w-full",_name:"color",_label:"Color",ref:o}))),n.set("inputDate",((n,o)=>e.createElement(L,{className:"w-full",_name:"date",_label:"Date",ref:o}))),n.set("inputEmail",((n,o)=>e.createElement(C,{className:"w-full",_name:"email",_label:"Email",ref:o}))),n.set("inputFile",((n,o)=>e.createElement(N,{className:"w-full",_name:"file",_label:"File",ref:o}))),n.set("inputFileMultiple",((n,o)=>e.createElement(N,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:o}))),n.set("inputNumber",((n,o)=>e.createElement(A,{className:"w-full",_name:"number",_label:"Number",ref:o}))),n.set("inputPassword",((n,o)=>e.createElement($,{className:"w-full",_name:"password",_label:"Password",ref:o}))),n.set("inputRadio",((n,o)=>e.createElement(I,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:o}))),n.set("inputRange",((n,o)=>e.createElement(B,{className:"w-full",_name:"range",_label:"Range",ref:o}))),n.set("inputText",((n,o)=>e.createElement(P,{className:"w-full",_name:"text",_label:"Text",ref:o}))),n.set("select",((n,o)=>e.createElement(W,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:o}))),n.set("selectMultiple",((n,o)=>e.createElement(W,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:o}))),n.set("singleSelect",((n,o)=>e.createElement(Z,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:o}))),n.set("textarea",((n,o)=>e.createElement(oe,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:o}))),n.set("accordion",((n,o)=>e.createElement(d,{className:"w-full",_label:"Accordion here",ref:o}))),n.set("button",((n,o)=>e.createElement("div",null,e.createElement(m,{_label:"Button here",ref:o})))),n.set("buttonLink",((n,o)=>e.createElement(f,{_label:"ButtonLink here",ref:o}))),n.set("combobox",((n,o)=>e.createElement(k,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:o}))),n.set("details",((n,o)=>e.createElement(w,{className:"w-full",_label:"Details here",ref:o},"detailed details"))),n.set("link",((n,o)=>e.createElement(j,{className:"w-full",_label:"Link here",_href:"#",ref:o}))),n.set("linkButton",((n,o)=>e.createElement("div",null,e.createElement(R,{_label:"LinkButton here",_href:"#",ref:o})))),n},pm=n=>{const o=[...(0,e.useMemo)((()=>um()),[]).keys()].map((e=>e));return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),n.invalidComponent&&e.createElement(u,{_type:"error",_variant:"card"},"Component not found."),e.createElement(x,{_level:2,_label:"Focus Test Cases"}),e.createElement("ul",null,o.map((n=>e.createElement("li",{key:n},e.createElement(j,{_label:n,_href:`#/scenarios/focus-elements?component=${n}`}))))))},hm=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}]'),bm=[{_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}],mm={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"}]]},gm=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],fm=["Option 1","Option 2","Option 3"],vm={scenarios:{"appointment-form":function(){const[n,o]=(0,e.useState)(0),[r,t]=(0,e.useState)(n),a=(0,e.useRef)(null),l=Ob().shape(Yb(Yb(Yb({},0===n?Xb:{}),1===n?nm:{}),2===n?em:{}));return(0,e.useEffect)((()=>{t(n)}),[n]),e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"The Appointment Form is a full form example featuring a large variety of KoliBri form components,"," ",e.createElement(j,{_label:"Formik",_href:"https://formik.org/",_target:"blank"})," and"," ",e.createElement(j,{_label:"Yup",_href:"https://github.com/jquense/yup",_target:"blank"}),".")),e.createElement(pp,{innerRef:a,initialValues:Qb,validationSchema:l,onSubmit:(e,r)=>{return t=this,a=function*(){const e=Jb.indexOf(n),t=Jb[e+1];void 0!==t&&(yield r.setTouched({}),o(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}},e.createElement(ne,{className:"w-full",_tabs:[{_label:"1. Choose registration office"},{_label:"2. Available dates",_disabled:n<1},{_label:"3. Personal data",_disabled:n<2},{_label:"Summary",_disabled:n<3}],_label:"Form navigation",_selected:r,_on:{onSelect:(e,n)=>{var r;o(n),null==(r=a.current)||r.setErrors({})}}},e.createElement("div",null,e.createElement(Rb,null)),e.createElement("div",null,e.createElement(Fb,null)),e.createElement("div",null,e.createElement(Mb,null)),e.createElement("div",null,e.createElement(Ub,null)))))},"custom-tooltip-width":()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",e.createElement("code",null,"--kol-tooltip-width")," on one of the parent elements.")),e.createElement(m,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:o}))},"disabled-interactive-scenario":()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This example shows how deactivated interactive elements are displayed."),e.createElement("ul",null,e.createElement("li",null,"Deactivated interactive elements pose a particular challenge for accessibility."),e.createElement("li",null,"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."),e.createElement("li",null,"Deactivated interactive elements should be labelled clearly and legibly."),e.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.")),e.createElement("p",null,"This implementation ensures standardized use for all users.")),e.createElement("div",{className:"w-full grid gap-4"},e.createElement(v,{_label:"Button",_level:0},e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,{_label:"Label",_on:o}),e.createElement(m,{_disabled:!0,_label:"Label",_on:o}),e.createElement(m,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:o}),e.createElement(m,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:o}))),e.createElement(v,{_label:"ButtonLink",_level:0},e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(f,{_label:"Label"}),e.createElement(f,{_disabled:!0,_label:"Label"}),e.createElement(f,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),e.createElement(f,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"}))),e.createElement(v,{_label:"Link",_level:0},e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(j,{_href:"#",_label:"Label"}),e.createElement(j,{_disabled:!0,_href:"#",_label:"Label"}),e.createElement(j,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),e.createElement(j,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),e.createElement(v,{_label:"LinkButton",_level:0},e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(R,{_href:"#",_label:"Label"}),e.createElement(R,{_disabled:!0,_href:"#",_label:"Label"}),e.createElement(R,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),e.createElement(R,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),e.createElement(v,{_label:"Accordion",_level:0},e.createElement("div",{className:"grid gap-4"},e.createElement(d,{_label:"Label"},"Content"),e.createElement(d,{_disabled:!0,_label:"Label"},"Content"),e.createElement(d,{_label:"Label (open)",_open:!0},"Content"),e.createElement(d,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),e.createElement(v,{_label:"Details",_level:0},e.createElement("div",{className:"grid gap-4"},e.createElement(w,{_label:"Label"},"Content"),e.createElement(w,{_disabled:!0,_label:"Label"},"Content"),e.createElement(w,{_label:"Label (open)",_open:!0},"Content"),e.createElement(w,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),[T,O,L,C,N,A,$,B,P].map((n=>{const o=n.render.displayName;return e.createElement(v,{key:o,_label:o,_level:0},e.createElement("div",{className:"grid gap-4"},e.createElement(n,{_label:"Label"}),e.createElement(n,{_disabled:!0,_label:"Label"}),e.createElement(n,{_hideLabel:!0,_label:"Label"}),e.createElement(n,{_disabled:!0,_hideLabel:!0,_label:"Label"})))})),[I,W].map((n=>{const o=n.render.displayName;return e.createElement(v,{key:o,_label:o,_level:0},e.createElement("div",{className:"grid gap-4"},e.createElement(n,{_label:"Label",_options:om}),e.createElement(n,{_disabled:!0,_label:"Label",_options:om}),e.createElement(n,{_hideLabel:!0,_label:"Label",_options:om}),e.createElement(n,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:om})))})),e.createElement(v,{_label:"KolTextarea",_level:0},e.createElement("div",{className:"grid gap-4"},e.createElement(oe,{_label:"Label",_rows:3}),e.createElement(oe,{_disabled:!0,_label:"Label",_rows:3}),e.createElement(oe,{_hideLabel:!0,_label:"Label",_rows:3}),e.createElement(oe,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})))))},"focus-elements":()=>{const n=(0,e.useRef)(null),o=(0,e.useMemo)((()=>um()),[]),[r]=Hn(),t=r.get("component");if((0,e.useLayoutEffect)((()=>{setTimeout((()=>{var e;null==(e=n.current)||e.kolFocus()}),500)}),[n]),t){const r=o.get(t);if(!r)return e.createElement(pm,{invalidComponent:!0});const a=(0,e.forwardRef)(r);return e.createElement(a,{ref:n})}return e.createElement(pm,null)},"input-group-with-error":()=>{const n="Unrecognized phone number.";return e.createElement(e.Fragment,null,e.createElement(er,null,e.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."),e.createElement("p",null,"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example.")),e.createElement("fieldset",null,e.createElement("legend",null,"Phone number"),e.createElement(u,{_alert:!0,_type:"error",_label:n}),e.createElement("div",{className:"grid grid-cols-3 gap-4 max-w-2xl"},e.createElement(W,{_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:n,_type:"error"},_touched:!0,_hideError:!0}),e.createElement(P,{_label:"Area code",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0}),e.createElement(P,{_label:"Local number",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0}))),e.createElement("fieldset",{className:"mt"},e.createElement("legend",null,"Pizza toppings"),e.createElement(u,{_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((o=>e.createElement(T,{key:o,_label:o,_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0})))))},"inputs-get-value":()=>{const n=(0,e.useMemo)((()=>new EventTarget),[]),[o,r]=(0,e.useState)(!0);return e.createElement(e.Fragment,null,e.createElement(cm.Provider,{value:n},e.createElement(sm.Provider,{value:o},e.createElement(er,null,e.createElement("p",null,"This sample shows how the input components ",e.createElement("code",null,"getValue()"),' method works. It\'s called when clicking the "getValue()" button and prints the current value right next to itself.')),e.createElement("section",{className:"w-full flex flex-col"},e.createElement(v,{_label:"Sample options",className:"block ha mb-8"},e.createElement(T,{_label:"Log events to console",_value:!0,_checked:o,_on:{onChange:(e,n)=>r(n)}})),e.createElement("div",{className:"grid gap-4"},e.createElement(dm,{testId:"scenario-inputText",InputComponent:P,inputProps:{_label:"InputText"}}),e.createElement(dm,{testId:"scenario-inputCheckboxString",InputComponent:T,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),e.createElement(dm,{testId:"scenario-inputCheckboxBoolean",InputComponent:T,inputProps:{_label:"KolInputCheckbox (boolean)"}}),e.createElement(dm,{testId:"scenario-inputColor",InputComponent:O,inputProps:{_label:"KolInputColor"}}),e.createElement(dm,{testId:"scenario-inputDate",InputComponent:L,inputProps:{_label:"KolInputDate"}}),e.createElement(dm,{testId:"scenario-inputEmail",InputComponent:C,inputProps:{_label:"KolInputEmail"}}),e.createElement(dm,{testId:"scenario-inputFile",InputComponent:N,inputProps:{_label:"KolInputFile"},formatter:e=>e instanceof FileList?`FileList{${Array.from(e).map((e=>e.name)).join(", ")}}`:JSON.stringify(e)}),e.createElement(dm,{testId:"scenario-inputNumber",InputComponent:A,inputProps:{_label:"KolInputNumber"}}),e.createElement(dm,{testId:"scenario-inputPassword",InputComponent:$,inputProps:{_label:"KolInputPassword"}}),e.createElement(dm,{testId:"scenario-inputRange",InputComponent:B,inputProps:{_label:"KolInputRange"}}),e.createElement(dm,{testId:"scenario-inputRadio",InputComponent:I,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"}}),e.createElement(dm,{testId:"scenario-select",InputComponent:W,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),e.createElement(dm,{testId:"scenario-singleSelect",InputComponent:Z,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),e.createElement(dm,{testId:"scenario-combobox",InputComponent:k,inputProps:{_label:"KolCombobox",_suggestions:nt,_value:"Deutschland"}}),e.createElement(dm,{testId:"scenario-textarea",InputComponent:oe,inputProps:{_label:"KolTextarea"}}),e.createElement(dm,{testId:"scenario-button",InputComponent:m,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),e.createElement(dm,{testId:"scenario-buttonLink",InputComponent:f,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),e.createElement("div",{className:"grid grid-cols-3 gap-4"},e.createElement("div",null),e.createElement(m,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{n.dispatchEvent(new Event("runAll"))}}})))))))},"static-form":()=>{const{searchParams:n}=new URL(location.href);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows how KoliBri can be used in a static form context."),e.createElement("ol",null,e.createElement("li",null,"First you have to enable the ",e.createElement("code",null,"experimental mode"),":"," ",e.createElement("code",{className:"bg-gray-200"},'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />')),e.createElement("li",null,"Currently you have to use a native ",e.createElement("code",null,"form")," element:"," ",e.createElement("code",{className:"bg-gray-200"},'<form method="GET">...</form>')),e.createElement("li",null,"It is important in static usage to give every input a ",e.createElement("code",null,"name")," attribute:"," ",e.createElement("code",{className:"bg-gray-200"},'<KolInputColor _name="color" _label="Color" />')),e.createElement("li",null,"Last of all one button should have the type ",e.createElement("code",null,"submit"),":"," ",e.createElement("code",{className:"bg-gray-200"},'<KolButton _label="Submit" _type="submit" _variant="primary" />')))),e.createElement("section",{className:"w-full flex flex-col"},n.size>0&&e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Submitted data"}),e.createElement("pre",{className:"text-base"},e.createElement("code",null,JSON.stringify(Object.fromEntries(n.entries()),null,2)))),e.createElement("form",{className:"grid gap-4",method:"get",noValidate:!0},e.createElement(T,{_name:"checkbox",_label:"Checkbox"}),e.createElement(O,{_name:"color",_label:"Color"}),e.createElement(L,{_name:"date",_label:"Date"}),e.createElement(C,{_name:"email",_label:"Email"}),e.createElement(N,{_name:"file",_label:"File"}),e.createElement(N,{_name:"file",_label:"Files (multiple)",_multiple:!0}),e.createElement(A,{_name:"number",_label:"Number"}),e.createElement($,{_name:"password",_label:"Password"}),e.createElement(I,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),e.createElement(B,{_name:"range",_label:"Range"}),e.createElement(P,{_name:"text",_label:"Text"}),e.createElement(W,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),e.createElement(W,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),e.createElement(Z,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),e.createElement(k,{_name:"combobox",_label:"Combobox",_suggestions:nt}),e.createElement(oe,{_name:"textarea",_label:"Textarea",_rows:5}),e.createElement("div",{className:"flex flex-wrap gap-4"},e.createElement(m,{_label:"Submit",_type:"submit",_variant:"primary"}),e.createElement(m,{_label:"Reset",_type:"reset"})),e.createElement("input",{type:"hidden",value:crypto.randomUUID(),name:"random"}))))},"table-horizontal-scrollbar-advanced":function(){const[n]=e.useState((()=>{var e;const n=mm.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 e.createElement(e.Fragment,null,e.createElement(er,null),e.createElement("div",{className:"mainlayout"},e.createElement("aside",{className:"nav-area"},e.createElement(K,{_label:"Main navigation",_links:kh,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})),e.createElement("div",{className:"content"},e.createElement(ne,{_tabs:bm,_align:"top",_label:"Demo Tabs"},e.createElement("div",{style:{overflow:"hidden"}},e.createElement(Q,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:n,_headers:mm,_data:hm,_pagination:{_page:1},className:"block"})),e.createElement("div",null),e.createElement("div",null),e.createElement("div",null)))))},"change-tabindex":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This example show how different components works with tabIndex.")),e.createElement("div",{className:"w-full grid gap-4"},e.createElement(v,{_label:"Button",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(m,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),e.createElement(m,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),e.createElement(m,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),e.createElement(m,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1}))),e.createElement(v,{_label:"ButtonLink",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(f,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),e.createElement(f,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),e.createElement(f,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),e.createElement(f,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"Combobox",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(k,{_hint:Xo,_label:"Combobox 1, Tabindex 4",_suggestions:nt,_value:"Deutschland",tabIndex:4}),e.createElement(k,{_disabled:!0,_hint:Xo,_label:"Combobox 2, Tabindex 3",_suggestions:nt,_value:"Deutschland",tabIndex:3}),e.createElement(k,{_touched:!0,_hint:Xo,_msg:{_type:"error",_description:Qo},_label:"Combobox 3, Tabindex 2",_suggestions:nt,_value:"Deutschland",tabIndex:2}),e.createElement(k,{_hint:Xo,_label:"Combobox 4, Tabindex 1",_suggestions:nt,_value:"Deutschland",tabIndex:1}))),e.createElement(v,{_label:"InputCheckbox",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(T,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),e.createElement(T,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),e.createElement(T,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Qo},_value:!1,tabIndex:2}),e.createElement(T,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1}))),e.createElement(v,{_label:"InputColor",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(O,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),e.createElement(O,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),e.createElement(O,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(O,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputDate",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(L,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),e.createElement(L,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),e.createElement(L,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(L,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputEmail",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(C,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),e.createElement(C,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),e.createElement(C,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(C,{_label:"InputEmail 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputFile",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(N,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),e.createElement(N,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),e.createElement(N,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(N,{_label:"InputFile 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputNumber",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(A,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),e.createElement(A,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),e.createElement(A,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(A,{_label:"InputNumber 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputPassword",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement($,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),e.createElement($,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),e.createElement($,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement($,{_label:"InputPassword 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputRadio",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(I,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),e.createElement(I,{_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}),e.createElement(I,{_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:Qo},tabIndex:2}),e.createElement(I,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"InputRange",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(B,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),e.createElement(B,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),e.createElement(B,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(B,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1}))),e.createElement(v,{_label:"InputText",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(P,{_label:"InputText 1, Tabindex 4",tabIndex:4}),e.createElement(P,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),e.createElement(P,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(P,{_label:"InputText 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"LinkButton",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(R,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),e.createElement(R,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),e.createElement(R,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),e.createElement(R,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1}))),e.createElement(v,{_label:"Link",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(j,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),e.createElement(j,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),e.createElement(j,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),e.createElement(j,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1}))),e.createElement(v,{_label:"SingleSelect",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(Z,{_label:"InputText 1, Tabindex 4",_options:et,_value:"de",tabIndex:4}),e.createElement(Z,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:et,_value:"de",tabIndex:3}),e.createElement(Z,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:et,_msg:{_type:"error",_description:Qo},_value:"de",tabIndex:2}),e.createElement(Z,{_label:"InputText 4, Tabindex 1",_options:et,_value:"de",tabIndex:1}))),e.createElement(v,{_label:"SplitButton",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(J,{_label:"InputText 1, Tabindex 4",tabIndex:4},"Dropdown-Inhalt"),e.createElement(J,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0},"Dropdown-Inhalt"),e.createElement(J,{_label:"InputText 3, Tabindex 2",tabIndex:2},"Dropdown-Inhalt"),e.createElement(J,{_label:"InputText 4, Tabindex 1",tabIndex:1},"Dropdown-Inhalt"))),e.createElement(v,{_label:"Textarea",_level:0},e.createElement("div",{className:"grid sm:flex flex-wrap gap-4 items-end"},e.createElement(oe,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),e.createElement(oe,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),e.createElement(oe,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Qo},tabIndex:2}),e.createElement(oe,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1}))))),"same-height-of-all-interactive-elements":()=>{const{dummyClickEventHandler:n}=gr(),o={onClick:n};return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface.")),e.createElement("div",{className:"w-full flex flex-row gap-4 items-end"},e.createElement(k,{className:"min-w-[13em]",_icons:"codicon codicon-home",_label:"Combobox",_suggestions:fm,_value:"Option 2"}),e.createElement(O,{className:"min-w-[10em]",_icons:{left:"codicon codicon-home"},_label:"Input-Color"}),e.createElement(N,{className:"min-w-[15em]",_icons:"codicon codicon-home",_label:"Input-File"}),e.createElement(L,{className:"min-w-[12em]",_icons:"codicon codicon-home",_label:"Input-Date"}),e.createElement(C,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Email"}),e.createElement(A,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Number"}),e.createElement($,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Password"}),e.createElement(B,{className:"min-w-[15em]",_icons:"codicon codicon-home",_label:"Input-Range"}),e.createElement(P,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Text"}),e.createElement(W,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Select",_options:gm}),e.createElement(Z,{className:"min-w-[14em]",_icons:"codicon codicon-home",_label:"Single-Select",_options:gm,_value:"option2"}),e.createElement(oe,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Textarea"}),e.createElement(m,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Button",_on:o}),e.createElement(m,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Button",_on:o}),e.createElement(R,{className:"min-w-[15em]",_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:o}),e.createElement(R,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:o})))}}};var km=Object.defineProperty,wm=Object.defineProperties,ym=Object.getOwnPropertyDescriptors,_m=Object.getOwnPropertySymbols,xm=Object.prototype.hasOwnProperty,Em=Object.prototype.propertyIsEnumerable,zm=(e,n,o)=>n in e?km(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Sm=(e,n)=>{for(var o in n||(n={}))xm.call(n,o)&&zm(e,o,n[o]);if(_m)for(var o of _m(n))Em.call(n,o)&&zm(e,o,n[o]);return e},Tm=(e,n)=>wm(e,ym(n));const Om=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],Lm=Om.map(((e,n)=>0===n?{label:"Select salutation",value:"",disabled:!0}:e)),Cm=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement(W,Tm(Sm({},n),{ref:o,_accessKey:"a",_options:Om,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),e.createElement(W,Tm(Sm({},n),{_options:Om,_label:"Disabled",_disabled:!0})),e.createElement(W,Tm(Sm({},n),{_options:Lm,_label:"Salutation with error",_msg:{_type:"error",_description:Qo},_touched:!0})),e.createElement(W,Tm(Sm({},n),{_options:et,_label:"Multiple choice",_multiple:!0})),e.createElement(W,Tm(Sm({},n),{_options:et,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Qo},_touched:!0})),e.createElement(W,Tm(Sm({},n),{_options:Om,_label:"With access key",_accessKey:"c"})),e.createElement(W,Tm(Sm({},n),{_options:Om,_label:"With short key",_shortKey:"s"})))}));var Nm=Object.defineProperty,Am=Object.defineProperties,$m=Object.getOwnPropertyDescriptors,Im=Object.getOwnPropertySymbols,Bm=Object.prototype.hasOwnProperty,Pm=Object.prototype.propertyIsEnumerable,Fm=(e,n,o)=>n in e?Nm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,jm=(e,n)=>{for(var o in n||(n={}))Bm.call(n,o)&&Fm(e,o,n[o]);if(Im)for(var o of Im(n))Pm.call(n,o)&&Fm(e,o,n[o]);return e};const Rm=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Text"),e.createElement(Cm,jm({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Text (hideLabel)"),e.createElement(Cm,(r=jm({ref:o},n),Am(r,$m({_hideLabel:!0}))))));var r})),Dm={select:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.")),e.createElement(Qr,{RefComponent:Rm}))}};var Mm=Object.defineProperty,Km=Object.defineProperties,Hm=Object.getOwnPropertyDescriptors,Um=Object.getOwnPropertySymbols,Vm=Object.prototype.hasOwnProperty,qm=Object.prototype.propertyIsEnumerable,Wm=(e,n,o)=>n in e?Mm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Zm=(e,n)=>{for(var o in n||(n={}))Vm.call(n,o)&&Wm(e,o,n[o]);if(Um)for(var o of Um(n))qm.call(n,o)&&Wm(e,o,n[o]);return e},Gm=(e,n)=>Km(e,Hm(n));const Ym=(0,e.forwardRef)((function(n){return e.createElement("div",{className:"grid gap-4"},e.createElement(Z,Gm(Zm({},n),{_hint:Xo,_label:"Label",_options:et,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})),e.createElement(Z,Gm(Zm({},n),{_label:"Disabled",_options:et,_value:"de",_disabled:!0})),e.createElement(Z,Gm(Zm({},n),{_options:et,_msg:{_type:"error",_description:Qo},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),e.createElement(Z,Gm(Zm({},n),{_label:"With access key",_options:et,_value:"de",_accessKey:"c"})),e.createElement(Z,Gm(Zm({},n),{_label:"With short key",_options:et,_value:"de",_shortKey:"s"})),e.createElement(Z,Gm(Zm({},n),{_label:"With hidden clear button",_options:et,_value:"de",_hideClearButton:!0})))}));var Jm=Object.defineProperty,Qm=Object.defineProperties,Xm=Object.getOwnPropertyDescriptors,eg=Object.getOwnPropertySymbols,ng=Object.prototype.hasOwnProperty,og=Object.prototype.propertyIsEnumerable,rg=(e,n,o)=>n in e?Jm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,tg=(e,n)=>{for(var o in n||(n={}))ng.call(n,o)&&rg(e,o,n[o]);if(eg)for(var o of eg(n))og.call(n,o)&&rg(e,o,n[o]);return e};const ag=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Text"),e.createElement(Ym,tg({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Text (hideLabel)"),e.createElement(Ym,(r=tg({ref:o},n),Qm(r,Xm({_hideLabel:!0}))))));var r})),lg={"single-select":{basic:()=>{const n=(0,e.useContext)(Jo);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"SingleSelect provides a select field for a single value, supported by a search field.")),!n&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(Qr,{RefComponent:ag}))}}},ig={"skip-nav":{basic:()=>e.createElement("div",{className:"grid gap-4"},e.createElement(er,null,e.createElement("p",null,"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."),e.createElement("p",null,"For testing purposes, click into the example and press the tab-key in order to focus the first link.")),e.createElement(G,{_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"}]}))}},cg={spin:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'KolSpin renders a loading indicator. This sample shows the default variant "dot".')),e.createElement(Y,{_show:!0})),cycle:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'This sample shows the KolSpin variant "cycle".')),e.createElement(Y,{_show:!0,_variant:"cycle"})),custom:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(Y,{_show:!0,_variant:"none"},e.createElement("span",{slot:"expert",className:"loader"})))}},sg={"split-button":{basic:()=>{const n=Jn.getInstance(document);return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("div",{className:"flex gap-4"},e.createElement(J,{_label:"Only the arrow opens",_on:{onClick:()=>{n.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})}}},"Dropdown-Inhalt"),e.createElement(J,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request"},"Dropdown-Inhalt")))},"with-context":()=>{const n=e.useRef();return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.")),e.createElement("div",{className:"flex gap-4"},e.createElement(J,{ref:n,_label:"Only the arrow opens"},e.createElement("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:e=>e.stopPropagation()},e.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."),e.createElement("div",{style:{gap:16,display:"flex",flexDirection:"column"}},e.createElement(P,{_label:"User"}),e.createElement(P,{_label:"Role"}),e.createElement(m,{_label:"Close",_on:{onClick:()=>{var e;null==(e=n.current)||e.closePopup()}}}))))))}}},dg=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),ug=[{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")}],pg={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,o)=>dg.format(o.date)}]]},hg={_page:2},bg=[{left:"Left Example",center:"Center Example",right:"Right Example"}],mg=e=>e,gg=[{small:"Small Example",large:"Larger Example"}],fg={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"}]]},vg=[{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 kg({label:n,icons:o}){const{dummyClickEventHandler:r}=gr(),t={onClick:r};return e.createElement(m,{_label:n,_icons:o,_on:t})}const wg={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>${dg.format(n.label)}</strong>`},sort:e=>e.sort(((e,n)=>e.date.getTime()-n.date.getTime()))},{label:"Action (react)",key:"order",width:"20em",render:n=>{Hr(ie(n)).render(e.createElement("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"}},e.createElement(P,{_label:"Input"}),e.createElement(kg,{label:"Save",icons:{left:"codicon codicon-save"}})))}}]]},yg=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),_g={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,o)=>yg.format(o.date),sort:e=>e.sort(((e,n)=>e.date<n.date?-1:n.date<e.date?1:0))}]]},xg={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,o)=>yg.format(o.date),sort:e=>e.sort(((e,n)=>e.date<n.date?-1:n.date<e.date?1:0))}]]},Eg=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],zg=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Sg({label:n}){const{dummyClickEventHandler:o}=gr(),r={onClick:o};return e.createElement(m,{_label:n,_on:r})}const Tg=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Og({label:n}){const{dummyClickEventHandler:o}=gr(),r={onClick:o};return e.createElement(m,{_label:n,_on:r})}const Lg=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Cg({label:n}){const{dummyClickEventHandler:o}=gr(),r={onClick:o};return e.createElement(m,{_label:n,_on:r})}const Ng=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Ag({label:n}){const{dummyClickEventHandler:o}=gr(),r={onClick:o};return e.createElement(m,{_label:n,_on:r})}const $g={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,o)=>dg.format(o.date)}]]},Ig={_page:2};var Bg=Object.defineProperty,Pg=Object.defineProperties,Fg=Object.getOwnPropertyDescriptors,jg=Object.getOwnPropertySymbols,Rg=Object.prototype.hasOwnProperty,Dg=Object.prototype.propertyIsEnumerable,Mg=(e,n,o)=>n in e?Bg(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Kg=(e,n)=>{for(var o in n||(n={}))Rg.call(n,o)&&Mg(e,o,n[o]);if(jg)for(var o of jg(n))Dg.call(n,o)&&Mg(e,o,n[o]);return e};function Hg(n){var o=n,{_on:r}=o,t=((e,n)=>{var o={};for(var r in e)Rg.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&jg)for(var r of jg(e))n.indexOf(r)<0&&Dg.call(e,r)&&(o[r]=e[r]);return o})(o,["_on"]);const{dummyClickEventHandler:a}=gr(),l={onClick:a};return e.createElement(m,(i=Kg({},t),Pg(i,Fg({_on:l}))));var i}const Ug=n=>{const o=n.charAt(0).toUpperCase()+n.slice(1);return{label:o,key:n,textAlign:"left",render:(r,t)=>{const a={_label:o,_variant:n,_icons:{right:"codicon codicon-squirrel"}};Hr(ie(r)).render("button"===t.label?e.createElement(Hg,Kg({},a)):e.createElement(R,Kg({_href:"#/back-page"},a)))}}},Vg=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),qg={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)=>Vg.format(o.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Wg={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)=>Vg.format(o.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Zg={table:{"column-alignment":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTable with columns headers and data in different text alignments.")),e.createElement("section",{className:"w-full flex flex-col"},e.createElement(x,{_label:"Simple table",_level:3}),e.createElement(Q,{_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:bg,className:"block",style:{maxWidth:"600px"}}),e.createElement(x,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),e.createElement(Q,{_label:"Table for demonstration purposes with sortable columns",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:mg},{label:"center",key:"center",textAlign:"center",sort:mg},{label:"right",key:"right",textAlign:"right",sort:mg}]]},_data:bg,className:"block",style:{maxWidth:"600px"}}),e.createElement(x,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),e.createElement(Q,{_label:"Table for demonstration purposes with some but not all columns sortable",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:mg},{label:"center",key:"center",textAlign:"center",sort:mg},{label:"right",key:"right",textAlign:"right"}]]},_data:bg,className:"block",style:{maxWidth:"600px"}}),e.createElement(x,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),e.createElement(Q,{_label:"Table for demonstration purposes with vertical heading",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:bg,className:"block",style:{maxWidth:"600px"}}))),"complex-headers":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTable using vertical and horizontal headers, applying colspan and rowspan.")),e.createElement("section",{className:"w-full flex flex-col"},e.createElement(Q,{_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:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}}))),"horizontal-scrollbar":()=>{const[n,o]=(0,e.useState)(!0);return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement(u,{_variant:"card",_type:"warning",_label:"Deprecation of minWidth"},"In version 3, the width of the column will be required for the implicit calculation of the minWidth. This behavior is also implemented in version 2, if the _minWidth property is undefined."),e.createElement("br",null),e.createElement("section",{className:"w-full flex flex-col gap-4"},e.createElement(x,{_label:"Table with scrollbar",_level:2}),e.createElement(Q,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:n?"600px":void 0,_headers:fg,_data:gg,className:"block",style:{width:"400px"}}),e.createElement(x,{_label:"Empty Table with scrollbar",_level:3}),e.createElement(Q,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:n?"600px":void 0,_headers:fg,_data:[],className:"block",style:{width:"400px"}}),e.createElement(T,{_checked:n,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(e,n)=>{o(Boolean(n))}}}),e.createElement(x,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),e.createElement("p",{className:"mt-0"},e.createElement("i",null,"Scrollbar appears on very small viewport sizes")),e.createElement(Q,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:fg,_data:gg,className:"block"})))},"pagination-position":()=>e.createElement("div",{className:"w-full grid gap-14"},e.createElement(er,null,e.createElement("p",null,"This sample shows KolTable with different pagination positions.")),e.createElement("section",{className:"w-full flex flex-col gap-14"},e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Table with pagination at the bottom."}),e.createElement(Q,{_label:"Tabellenbeschreibung",_data:ug,_headers:pg,_pagination:hg,_paginationPosition:"bottom"})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Table with pagination at the top."}),e.createElement(Q,{_label:"Tabellenbeschreibung",_data:ug,_headers:pg,_pagination:hg,_paginationPosition:"top"})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Table with pagination at both top and bottom."}),e.createElement(Q,{_label:"Tabellenbeschreibung",_data:ug,_headers:pg,_pagination:hg,_paginationPosition:"both"})))),"render-cell":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTable using React render functions for the cell contents.")),e.createElement(Q,{_label:"Sort by date column",_data:vg,_headers:wg,className:"w-full"})),"sort-data":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'This sample shows KolTable with sortable columns. The sort-order can be changed by clicking the "date" header column.')),e.createElement("section",{className:"w-full grid gap-4"},e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Vertical"}),e.createElement(Q,{_label:"Sort a date column",_data:ug.slice(0,10),_headers:xg,className:"block"})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Horizontal"}),e.createElement(Q,{_label:"Sort a date column",_data:ug,_headers:_g,className:"block"})))),"with-footer":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTable with footer data.")),e.createElement(Q,{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[n,o]=(0,e.useState)(),r={label:e=>`Selection for ${e.name}`,selectedKeys:n?n.map((e=>e.internalIdentifier)):[],keyPropertyName:"internalIdentifier"},t=(0,e.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,e.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]),e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTableStateful with checkboxes for selection enabled.")),e.createElement("section",{className:"w-full"},e.createElement(X,{_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:(n,o)=>{var r;Hr(ie(n)).render(e.createElement(Sg,{label:`Click ${null==(r=o.data)?void 0:r.id}`}))}}]]},_data:zg,_selection:r,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:t}),e.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},e.createElement(m,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const n=yield null==(e=t.current)?void 0:e.getSelection();o(n)},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())}))}}}),e.createElement("pre",{className:"text-base","aria-live":"polite"},JSON.stringify(n,null,2)))))},"stateful-with-single-selection":()=>{const[n,o]=(0,e.useState)(),r={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:n?[n.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},t=(0,e.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,e.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]),e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTableStateful with radio buttons for selection enabled.")),e.createElement("section",{className:"w-full"},e.createElement(X,{_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:(n,o)=>{var r;Hr(ie(n)).render(e.createElement(Og,{label:`Click ${null==(r=o.data)?void 0:r.id}`}))}}]]},_data:Tg,_selection:r,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:t}),e.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},e.createElement(m,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const n=yield null==(e=t.current)?void 0:e.getSelection();o(n)},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())}))}}}),e.createElement("pre",{className:"text-base","aria-live":"polite"},JSON.stringify(n,null,2)))))},"stateless-with-selection":()=>{const[n,o]=(0,e.useState)(["AAA1002"]),r={label:e=>`Selection for ${e.name}`,selectedKeys:n,keyPropertyName:"internalIdentifier"},t=(0,e.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,e.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]),e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),e.createElement("section",{className:"w-full"},e.createElement(ee,{_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:(n,o)=>{var r;Hr(ie(n)).render(e.createElement(Cg,{label:`Click ${null==(r=o.data)?void 0:r.id}`}))}}]]},_data:Lg,_selection:r,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n),o("string"==typeof n?[n]:n)}},className:"block",style:{maxWidth:"600px"},ref:t})))},"stateless-with-single-selection":()=>{const[n,o]=(0,e.useState)(["1002"]),r={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:n,keyPropertyName:"internalIdentifier"},t=(0,e.useRef)(null),a=({detail:e})=>{console.log("Selection change via event",e)};return(0,e.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]),e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),e.createElement("section",{className:"w-full"},e.createElement(ee,{_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:(n,o)=>{var r;Hr(ie(n)).render(e.createElement(Ag,{label:`Click ${null==(r=o.data)?void 0:r.id}`}))}}]]},_data:Ng,_selection:r,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n),o("string"==typeof n?[n]:n)}},className:"block",style:{maxWidth:"600px"},ref:t})))},"with-pagination":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows how KolTable can be navigated using a pagination.")),e.createElement("div",{className:"w-full"},e.createElement(Q,{_label:"Tabellenbeschreibung",_data:ug,_headers:$g,_pagination:Ig}))),"interactive-child-elements":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),e.createElement("section",{className:"w-full flex flex-col"},e.createElement(ee,{_label:"Button styles",_headerCells:{horizontal:[[Ug("primary"),Ug("secondary"),Ug("normal"),Ug("danger"),Ug("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"}),e.createElement(ee,{_label:"Link styles",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(n,o)=>{const r={_label:o.label,_icons:{right:"codicon codicon-squirrel"}};Hr(ie(n)).render("button-link"===o.label?e.createElement(f,Kg({},r)):e.createElement(j,Kg({_href:"#/back-page"},r)))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"}))),stateless:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper.")),e.createElement("section",{className:"w-full"},e.createElement(ee,{_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:Eg,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,n)=>{console.log(n)}}}))),"multi-sort":()=>{const[n,o]=(0,e.useState)(!1),[r,t]=(0,e.useState)(!0);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,'This sample shows KolTable with multi-sort functionality, allowing sorting by both "order" and "date" columns.')),e.createElement("section",{className:"w-full grid gap-4"},e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Vertical"}),e.createElement(T,{_checked:n,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,n)=>o(Boolean(n))}}),e.createElement(Q,{_label:"Sort Table with Order and Date",_data:ug.slice(0,10),_headers:Wg,className:"block",_allowMultiSort:n})),e.createElement("section",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:"Horizontal"}),e.createElement(T,{_checked:r,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,n)=>t(Boolean(n))}}),e.createElement(Q,{_label:"Sort Table with Order and Date",_data:ug,_headers:qg,className:"block",_allowMultiSort:r}))))}}};var Gg=Object.defineProperty,Yg=Object.defineProperties,Jg=Object.getOwnPropertyDescriptors,Qg=Object.getOwnPropertySymbols,Xg=Object.prototype.hasOwnProperty,ef=Object.prototype.propertyIsEnumerable,nf=(e,n,o)=>n in e?Gg(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o;const of=[{_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"}],rf=of.map((e=>{return n=((e,n)=>{for(var o in n||(n={}))Xg.call(n,o)&&nf(e,o,n[o]);if(Qg)for(var o of Qg(n))ef.call(n,o)&&nf(e,o,n[o]);return e})({},e),Yg(n,Jg({_icons:void 0}));var n})),tf=[{_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"}],af=[{_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}],lf=[{_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"}],cf={tabs:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs.")),e.createElement(ne,{_tabs:rf,_label:"Regular tabs"},e.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),e.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),e.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),e.createElement("div",{slot:"tab-3"},"Contents of Tab 4")),e.createElement(ne,{_tabs:of,className:"mt-4",_label:"Tabs with icons"},e.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),e.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),e.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),e.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),"icons-only":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTabs with hidden labels.")),e.createElement(ne,{_label:"Tabs with icons",_tabs:af},e.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),e.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),e.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),e.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),behavior:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTabs with the property ",e.createElement("code",null,"_behavior")," set to ",e.createElement("code",null,"select-manual")," and ",e.createElement("code",null,"select-automatic"),"."),e.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.")),e.createElement("div",{className:"grid gap-8"},e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:'Tabs with "select manual" behavior'}),e.createElement(ne,{_tabs:lf,_behavior:"select-manual",_label:"Tabs with select manual behavior"},e.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),e.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),e.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),e.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),e.createElement("div",{className:"grid gap-4"},e.createElement(x,{_level:2,_label:'Tabs with "select automatic" behavior'}),e.createElement(ne,{_tabs:lf,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior"},e.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),e.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),e.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),e.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))))),align:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolTabs with the property ",e.createElement("code",null,"_align")," set to ",e.createElement("code",null,"left"),", ",e.createElement("code",null,"right"),", ",e.createElement("code",null,"top")," and ",e.createElement("code",null,"bottom"),".")),e.createElement("div",{className:"grid gap-8"},["left","right","top","bottom"].map((n=>{const o=`Tabs with ${n} align`;return e.createElement("div",{key:n,className:"grid gap-4"},e.createElement(x,{_level:2,_label:o}),e.createElement(ne,{_tabs:tf,_align:n,_label:o},e.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),e.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),e.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),e.createElement("div",{slot:"tab-3"},"Contents of Tab 4")))}))))}};var sf=Object.defineProperty,df=Object.defineProperties,uf=Object.getOwnPropertyDescriptors,pf=Object.getOwnPropertySymbols,hf=Object.prototype.hasOwnProperty,bf=Object.prototype.propertyIsEnumerable,mf=(e,n,o)=>n in e?sf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,gf=(e,n)=>{for(var o in n||(n={}))hf.call(n,o)&&mf(e,o,n[o]);if(pf)for(var o of pf(n))bf.call(n,o)&&mf(e,o,n[o]);return e},ff=(e,n)=>df(e,uf(n));const vf=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid gap-4"},e.createElement(oe,ff(gf({},n),{_msg:{_type:"error",_description:Qo},_label:"Text",_touched:!0})),e.createElement(oe,ff(gf({},n),{ref:o,_accessKey:"T",_label:"Text (3 rows)",_rows:3})),e.createElement(oe,ff(gf({},n),{ref:o,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"})),e.createElement(oe,ff(gf({},n),{ref:o,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0})),e.createElement(oe,ff(gf({},n),{ref:o,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0})),e.createElement(oe,ff(gf({},n),{ref:o,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0})),e.createElement(oe,ff(gf({},n),{ref:o,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"})),e.createElement(oe,ff(gf({},n),{ref:o,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})))}));var kf=Object.defineProperty,wf=Object.defineProperties,yf=Object.getOwnPropertyDescriptors,_f=Object.getOwnPropertySymbols,xf=Object.prototype.hasOwnProperty,Ef=Object.prototype.propertyIsEnumerable,zf=(e,n,o)=>n in e?kf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,Sf=(e,n)=>{for(var o in n||(n={}))xf.call(n,o)&&zf(e,o,n[o]);if(_f)for(var o of _f(n))Ef.call(n,o)&&zf(e,o,n[o]);return e};const Tf=(0,e.forwardRef)((function(n,o){return e.createElement("div",{className:"grid md:grid-cols-2 gap-4"},e.createElement("fieldset",null,e.createElement("legend",null,"Text"),e.createElement(vf,Sf({},n))),e.createElement("fieldset",null,e.createElement("legend",null,"Text (hideLabel)"),e.createElement(vf,(r=Sf({ref:o},n),wf(r,yf({_hideLabel:!0}))))));var r})),Of={textarea:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.")),e.createElement(Qr,{RefComponent:Tf})),"adjust-height":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates the ",e.createElement("code",null,"_adjustHeight"),"-property of KolTextarea. The textarea automatically grows with its content.")),e.createElement(_,{className:"w-full"},e.createElement(oe,{_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:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates the ",e.createElement("code",null,"_resize"),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction.")),e.createElement(_,{className:"w-full grid gap-4"},e.createElement(oe,{_resize:"both",_label:"Text input (both)"}),e.createElement(oe,{_resize:"vertical",_label:"Text input (vertical)",className:"mt"}),e.createElement(oe,{_resize:"horizontal",_label:"Text input (horizontal)",className:"mt"}),e.createElement(oe,{_resize:"none",_label:"Text input (none)",className:"mt"}))),rows:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates the ",e.createElement("code",null,"_rows"),"-property of KolTextarea. The sample textarea has a fixed row number of 10.")),e.createElement(_,{className:"w-full"},e.createElement(oe,{_rows:10,_label:"Texteingabe"}))),"with-counter":()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates the ",e.createElement("code",null,"_hasCounter"),"-property of KolTextarea. It shows how many characters have been entered.")),e.createElement("section",{className:"w-full"},e.createElement(oe,{_label:"Textara with counter",_hasCounter:!0}),e.createElement(oe,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"})))}},Lf={toast:{basic:()=>{const[n]=Hn(),o=n.get("type"),r=n.get("variant"),t=Jn.getInstance(document);(0,e.useEffect)((()=>{o&&r?t.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:o,variant:r}):o?t.enqueue({description:"Toasty",label:"Initial Toast",type:o}):r&&t.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:r})}),[o,r]);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample demonstrates the toast service with all its options.")),e.createElement("section",{className:"grid gap-4"},e.createElement("section",{className:"flex gap-2"},e.createElement(m,{_label:"Show simple toast",_on:{onClick:()=>{t.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"})}}}),e.createElement(m,{_label:"Show toast with alert variant 'msg'",_on:{onClick:()=>{t.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})}}}),e.createElement(m,{_label:"Show complex toast",_on:{onClick:()=>{t.enqueue({render:(n,{close:o})=>{Hr(n).render(e.createElement(e.Fragment,null,e.createElement(m,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),o()}}})))},label:"Initial Toast",type:"warning"})}}})),e.createElement("section",{className:"flex gap-2"},e.createElement(m,{_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())}))}}})),e.createElement("section",{className:"flex gap-2"},e.createElement(m,{_label:"Close all toasts",_on:{onClick:()=>{t.closeAll()}}}))))}}},Cf={toolbar:{basic:()=>{const n=(0,e.useContext)(Jo);return e.createElement(e.Fragment,null,e.createElement(er,null,e.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.")),!n&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(re,{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 n=(0,e.useContext)(Jo);return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolToolbars with some of the elements disabled.")),!n&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(re,{_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"}]}))}}};var Nf=Object.defineProperty,Af=Object.defineProperties,$f=Object.getOwnPropertyDescriptors,If=Object.getOwnPropertySymbols,Bf=Object.prototype.hasOwnProperty,Pf=Object.prototype.propertyIsEnumerable,Ff=(e,n,o)=>n in e?Nf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,jf=(e,n)=>{for(var o in n||(n={}))Bf.call(n,o)&&Ff(e,o,n[o]);if(If)for(var o of If(n))Pf.call(n,o)&&Ff(e,o,n[o]);return e};const Rf={tree:{"basic/:subPage":()=>{const n=(0,e.useContext)(Jo),{subPage:o}=function(){let{matches:n}=e.useContext(We),o=n[n.length-1];return o?o.params:{}}(),[r,t]=(0,e.useState)("1 Home"),[a,l]=(0,e.useState)(!1),[i,c]=(0,e.useState)(!1),[s,d]=(0,e.useState)(!0),u=e=>({_href:`#/tree/basic/${e}${n?"?hideMenus":""}`,_active:e===o});return e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.")),!n&&e.createElement(h,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),e.createElement(te,{_label:"Sitemap",class:"block w-fit"},e.createElement(ae,jf({_label:r},u("home"))),e.createElement(ae,(p=jf({_label:"2 About (open initially)"},u("about")),Af(p,$f({_open:!0}))),e.createElement(ae,jf({_label:"2.0 Legal"},u("legal"))),e.createElement(ae,jf({_label:"2.1 Team"},u("team")),e.createElement(ae,jf({_label:"2.1.1. Values"},u("values"))),e.createElement(ae,jf({_label:"2.1.2. Members"},u("members")),e.createElement(ae,jf({_label:"2.1.2.1 Humans"},u("humans"))),a&&e.createElement(ae,jf({_label:"2.1.2.2 Pets"},u("pets")))),e.createElement(ae,jf({_label:"2.1.3 Locations"},u("locations")),i&&e.createElement(ae,jf({_label:"2.1.3.1 Europe"},u("europe")),e.createElement(ae,jf({_label:"2.1.3.1.1 Denmark"},u("denmark"))),e.createElement(ae,jf({_label:"2.1.3.1.2 Netherlands"},u("netherlands"))))))),s&&e.createElement(ae,jf({_label:"3. Products"},u("products")),e.createElement(ae,jf({_label:"3.1 Home"},u("home-products")),e.createElement(ae,jf({_label:"3.1.1 Refrigerators"},u("fridges"))),e.createElement(ae,jf({_label:"3.1.2 Coffee makers"},u("coffee-makers")))),e.createElement(ae,jf({_label:"3.1 Office"},u("office-products")),e.createElement(ae,jf({_label:"3.2.1 Printers"},u("printers")))))),e.createElement("p",null,"Current tree item: ",null!=o?o:"none"),e.createElement("div",{className:"flex flex-wrap gap-2"},e.createElement(m,{_label:"Change label for '1 Home'",_on:{onClick:()=>{t(`1 Home ${(()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]})()}`)}}}),e.createElement(m,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>l(!a)}}),e.createElement(m,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>c(!i)}}),e.createElement(m,{_label:"Toggle '3. Products'",_on:{onClick:()=>d(!s)}})));var p}}},Df={version:{basic:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"KolVersion renders a label showing the given version number.")),e.createElement(le,{_label:"1.1.1"})),context:()=>e.createElement(e.Fragment,null,e.createElement(er,null,e.createElement("p",null,"This sample shows KolVersion inline with text paragraph content.")),e.createElement("p",null,e.createElement(le,{_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 Mf=Object.defineProperty,Kf=Object.getOwnPropertySymbols,Hf=Object.prototype.hasOwnProperty,Uf=Object.prototype.propertyIsEnumerable,Vf=(e,n,o)=>n in e?Mf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,qf=(e,n)=>{for(var o in n||(n={}))Hf.call(n,o)&&Vf(e,o,n[o]);if(Kf)for(var o of Kf(n))Uf.call(n,o)&&Vf(e,o,n[o]);return e};const Wf=qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf(qf({},nr),or),ar),lr),br),mr),fr),vr),Vr),qr),yt),_t),zt),St),Ut),Vt),qt),Wt),Zt),ma),Ba),hl),$l),Xl),ki),Ri),ac),zc),th),ah),hh),gh),fh),vh),yh),_h),xh),Eh),zh),vm),Dm),Dm),lg),ig),cg),sg),Zg),cf),Of),Lf),Cf),Rf),Df);Nt(localStorage);const Zf=(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(Zf(t,`${a}/`)))}return o},Gf=n=>{const o=[];for(const r in n)if(n[r]){const t=n[r],a=`/${r}`;if("function"==typeof t)o.push(e.createElement(hn,{key:a,path:a,element:e.createElement(t,null)})),o.push(e.createElement(hn,{key:`${a}/all`,path:`${a}/all`,element:e.createElement("div",{className:"d-grid gap-4"},Vo.filter((e=>Ko.indexOf(e.value)>=0)).map((n=>e.createElement("div",{className:"d-grid gap-2",key:n.value},e.createElement("div",{className:"mt-4"},e.createElement("strong",null,n.label)),e.createElement("div",{className:"my-2"},e.createElement(t,null)),e.createElement("hr",{"aria-hidden":"true"})))))}));else if("object"==typeof t&&null!==t){const n=Object.keys(t);n.length>0&&o.push(e.createElement(hn,{key:a,path:`${a}/*`,element:e.createElement(mn,null,e.createElement(hn,{path:"/",element:e.createElement(pn,{to:n[0]})}),Gf(t))}))}}return o},Yf=Zf(Wf),Jf=Gf(Wf);console.log("ROUTE_LIST",Yf);const Qf=new Map;Yf.forEach((e=>{const n=e.split("/");Qf.has(n[1])||Qf.set(n[1],{label:n[1],value:e})}));const Xf=()=>{var n;const o=Je(),[r,t]=Hn(),a=null!=(n=r.get("theme"))?n:At(),l=r.has("hideMenus");return(e=>{if(!Uo(e))throw new Error(`The theme identifier "${e}" is not valid or an available option.`);Lt.theme=e,Ct.setItem(Ot,JSON.stringify(Lt))})(a),(()=>{const e=Je();(0,qn.s)("#"+e.pathname)})(),document.title=`KoliBri-Handout - ${$t(At())} | v${Do}`,document.body.setAttribute("class",a),document.body.dataset.theme=a,e.createElement(Jo.Provider,{value:l},e.createElement("div",{className:l?"":"app-container","data-theme":a},!l&&e.createElement(Yo,{version:Do,theme:a,sample:o.pathname,routes:Wf,routeList:Yf,buildDate:"2025-06-20T06:04:17.879Z",commitHash:"bc1aa7a9c",onThemeChange:e=>{t({theme:e}),window.location.reload()}}),e.createElement("main",{className:"flex flex-col items-stretch p-4",id:"route-container"},!l&&(e=>Ho.includes(e))(a)&&e.createElement(h,{className:"block mb-3",_label:"DRAFT",_color:"#db5461"}),e.createElement(mn,null,Jf,e.createElement(hn,{path:"*",element:e.createElement(pn,{to:Yf[0],replace:!0})}),e.createElement(hn,{path:"back-page",element:e.createElement(Mo,null)})))))};var ev=(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 nv=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),ov=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),rv=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),tv=e=>`${e}-sample`;rv&&(l=tv),ev(void 0,null,(function*(){try{yield((e,n,o)=>{return r=function*(){var r,t;(0,Wn.s)("development"===(null==o?void 0:o.environment)),(0,Gn.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,Zn.s)(null==o?void 0:o.transformTagName);const a=yield(0,Wn.V)(e,n,o);return Yn=!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 ev(void 0,null,(function*(){return[Po,Fo,jo,Ro,Bo]})),(()=>{((e,n)=>{return o=function*(){if("undefined"!=typeof window)return yield,(0,Qn.b)(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_label":[1],"_tooltipAlign":[1,"_tooltip-align"],"state":[32]},null,{"_label":["validateLabel"],"_tooltipAlign":["validateTooltipAlign"]}]]],["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,{"_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"],"_ariaHasPopup":[1,"_aria-has-popup"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-card",[[33,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[49,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_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":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"_hasOpened":[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"],"_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]}]]],["kol-heading-wc",[[4,"kol-heading-wc",{"_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",{"_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],"_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,{"_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"],"_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"],"_spellCheck":[4,"_spell-check"],"_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"],"_spellCheck":["validateSpellCheck"],"_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"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_variant":["validateVariant"]}]]],["kol-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-button",[[33,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"justClosed":[32],"popoverOpen":[32]},null,{"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[4,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[33,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[33,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_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":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_hasOpened":[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"],"_hideClearButton ":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-span-wc",[[4,"kol-span-wc",{"_badgeText":[1,"_badge-text"],"_allowMarkdown":[4,"_allow-markdown"],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_allowMarkdown":["validateAllowMarkdown"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["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":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_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"],"_spellCheck":["validateSpellCheck"],"_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:rv?tv:void 0})}),{theme:{detect:"auto"},translation:{name:"en"},translations:nv?new Set([e=>e("en",{"kol-error":"Tiny error!"}),e=>e("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:rv?tv:void 0,environment:"production"}),ov&&Wn.a.patchTheme("default",{"KOL-BUTTON":"\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\tborder: 1px solid red;\n\t\t\t\t\t\t}","KOL-SPIN":"\n\t\t\t\t\t\t.bg-spin-2 {\n\t\t\t\t\t\t\tbackground-color: red;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.bg-spin-3 {\n\t\t\t\t\t\t\tbackground-color: gold;\n\t\t\t\t\t\t}"},{append:!0})}catch(e){console.warn("Theme registration failed:",e)}const n=document.querySelector("div#app");n instanceof HTMLDivElement&&(0,ce.H)(n).render(e.createElement(e.StrictMode,null,e.createElement(jn,null,e.createElement(Xf,null))))}))})()})();