@public-ui/sample-react 4.0.0-rc.0 → 4.0.0-rc.1

package/dist/assets/{icons-DpMX_jnF-BXC-qhq9.js.map → icons-DpMX_jnF-CKNktHzC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icons-DpMX_jnF-BXC-qhq9.js","sources":["../../../../components/dist/esm/icons-DpMX_jnF.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { o as objectObjectHandler, p as parseJson, w as watchValidator, g as isString, E as isStyle, F as isObject } from './common-BXXICkFX.js';\n\nconst mapCustomIcon = (state, alignment, icon) => {\n    if (isObject(icon)) {\n        state[alignment] = icon;\n    }\n    else if (isString(icon, 1)) {\n        state[alignment] = {\n            icon: icon,\n        };\n    }\n};\nconst mapIconProp2State = (icon) => {\n    let state = {};\n    if (isString(icon, 1)) {\n        state = {\n            left: {\n                icon: icon,\n            },\n        };\n    }\n    else if (typeof icon === 'object' && icon !== null) {\n        mapCustomIcon(state, 'top', icon.top);\n        mapCustomIcon(state, 'right', icon.right);\n        mapCustomIcon(state, 'bottom', icon.bottom);\n        mapCustomIcon(state, 'left', icon.left);\n    }\n    return state;\n};\nconst beforePatchIcon = (component) => {\n    var _a, _b, _c;\n    if ((_a = component.nextState) === null || _a === void 0 ? void 0 : _a.has('_icons')) {\n        const icons = (_b = component.nextState) === null || _b === void 0 ? void 0 : _b.get('_icons');\n        (_c = component.nextState) === null || _c === void 0 ? void 0 : _c.set('_icons', mapIconProp2State(icons));\n    }\n};\nconst isIcon = (value) => typeof value === 'object' &&\n    value !== null &&\n    (typeof value.style === 'undefined' || isStyle(value.style)) &&\n    (typeof value.label === 'undefined' || isString(value.label)) &&\n    isString(value.icon, 1);\nconst validateIcons = (component, value, options = {}) => {\n    objectObjectHandler(value, () => {\n        var _a;\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        watchValidator(component, '_icons', (value) => {\n            const valueIsEmptyObject = typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n            return (value === null ||\n                valueIsEmptyObject ||\n                isString(value, 1) ||\n                (typeof value === 'object' &&\n                    value !== null &&\n                    (isString(value.left, 0) ||\n                        isIcon(value.left) ||\n                        isString(value.right, 0) ||\n                        isIcon(value.right) ||\n                        isString(value.top, 0) ||\n                        isIcon(value.top) ||\n                        isString(value.bottom, 0) ||\n                        isIcon(value.bottom))));\n        }, new Set(['KoliBriIcon']), value, Object.assign(Object.assign({}, options), { defaultValue: {}, hooks: {\n                afterPatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch,\n                beforePatch: (nextValue, nextState, component, key) => {\n                    var _a, _b;\n                    if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch) === 'function') {\n                        (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.beforePatch(nextValue, nextState, component, key);\n                    }\n                    beforePatchIcon(component);\n                },\n            } }));\n    });\n};\n\nexport { validateIcons as v };\n//# sourceMappingURL=icons-DpMX_jnF.js.map\n\n//# sourceMappingURL=icons-DpMX_jnF.js.map"],"names":["mapCustomIcon","state","alignment","icon","isObject","isString","mapIconProp2State","beforePatchIcon","component","_a","_b","_c","icons","isIcon","value","isStyle","validateIcons","options","objectObjectHandler","parseJson","watchValidator","valueIsEmptyObject","nextValue","nextState","key"],"mappings":"sEAKA,MAAMA,EAAgB,CAACC,EAAOC,EAAWC,IAAS,CAC1CC,EAASD,CAAI,EACbF,EAAMC,CAAS,EAAIC,EAEdE,EAASF,EAAM,CAAC,IACrBF,EAAMC,CAAS,EAAI,CACf,KAAMC,CAClB,EAEA,EACMG,EAAqBH,GAAS,CAChC,IAAIF,EAAQ,CAAA,EACZ,OAAII,EAASF,EAAM,CAAC,EAChBF,EAAQ,CACJ,KAAM,CACF,KAAME,CACtB,CACA,EAEa,OAAOA,GAAS,UAAYA,IAAS,OAC1CH,EAAcC,EAAO,MAAOE,EAAK,GAAG,EACpCH,EAAcC,EAAO,QAASE,EAAK,KAAK,EACxCH,EAAcC,EAAO,SAAUE,EAAK,MAAM,EAC1CH,EAAcC,EAAO,OAAQE,EAAK,IAAI,GAEnCF,CACX,EACMM,EAAmBC,GAAc,CACnC,IAAIC,EAAIC,EAAIC,EACZ,GAAK,GAAAF,EAAKD,EAAU,aAAe,MAAQC,IAAO,SAAkBA,EAAG,IAAI,QAAQ,EAAG,CAClF,MAAMG,GAASF,EAAKF,EAAU,aAAe,MAAQE,IAAO,OAAS,OAASA,EAAG,IAAI,QAAQ,GAC5FC,EAAKH,EAAU,aAAe,MAAQG,IAAO,QAAkBA,EAAG,IAAI,SAAUL,EAAkBM,CAAK,CAAC,CAC7G,CACJ,EACMC,EAAUC,GAAU,OAAOA,GAAU,UACvCA,IAAU,OACT,OAAOA,EAAM,MAAU,KAAeC,EAAQD,EAAM,KAAK,KACzD,OAAOA,EAAM,MAAU,KAAeT,EAASS,EAAM,KAAK,IAC3DT,EAASS,EAAM,KAAM,CAAC,EACpBE,EAAgB,CAACR,EAAWM,EAAOG,EAAU,CAAA,IAAO,CACtDC,EAAoBJ,EAAO,IAAM,CAC7B,IAAIL,EACJ,GAAI,CACAK,EAAQK,EAAUL,CAAK,CAC3B,MACU,CACV,CACAM,EAAeZ,EAAW,SAAWM,GAAU,CAC3C,MAAMO,EAAqB,OAAOP,GAAU,UAAYA,IAAU,MAAQ,OAAO,KAAKA,CAAK,EAAE,SAAW,EACxG,OAAQA,IAAU,MACdO,GACAhB,EAASS,EAAO,CAAC,GAChB,OAAOA,GAAU,UACdA,IAAU,OACTT,EAASS,EAAM,KAAM,CAAC,GACnBD,EAAOC,EAAM,IAAI,GACjBT,EAASS,EAAM,MAAO,CAAC,GACvBD,EAAOC,EAAM,KAAK,GAClBT,EAASS,EAAM,IAAK,CAAC,GACrBD,EAAOC,EAAM,GAAG,GAChBT,EAASS,EAAM,OAAQ,CAAC,GACxBD,EAAOC,EAAM,MAAM,EACnC,EAAG,IAAI,IAAI,CAAC,aAAa,CAAC,EAAGA,EAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIG,CAAO,EAAG,CAAE,aAAc,CAAA,EAAI,MAAO,CACjG,YAAaR,EAAKQ,EAAQ,SAAW,MAAQR,IAAO,OAAS,OAASA,EAAG,WACzE,YAAa,CAACa,EAAWC,EAAWf,EAAWgB,IAAQ,CACnD,IAAIf,EAAIC,EACJ,QAASD,EAAKQ,EAAQ,SAAW,MAAQR,IAAO,OAAS,OAASA,EAAG,cAAiB,cACrFC,EAAKO,EAAQ,SAAW,MAAQP,IAAO,QAAkBA,EAAG,YAAYY,EAAWC,EAAWf,EAAWgB,CAAG,GAEjHjB,EAAgBC,CAAS,CAC7B,CAChB,CAAa,CAAE,CAAC,CACZ,CAAC,CACL"}
+{"version":3,"file":"icons-DpMX_jnF-CKNktHzC.js","sources":["../../../../components/dist/esm/icons-DpMX_jnF.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { o as objectObjectHandler, p as parseJson, w as watchValidator, g as isString, E as isStyle, F as isObject } from './common-BXXICkFX.js';\n\nconst mapCustomIcon = (state, alignment, icon) => {\n    if (isObject(icon)) {\n        state[alignment] = icon;\n    }\n    else if (isString(icon, 1)) {\n        state[alignment] = {\n            icon: icon,\n        };\n    }\n};\nconst mapIconProp2State = (icon) => {\n    let state = {};\n    if (isString(icon, 1)) {\n        state = {\n            left: {\n                icon: icon,\n            },\n        };\n    }\n    else if (typeof icon === 'object' && icon !== null) {\n        mapCustomIcon(state, 'top', icon.top);\n        mapCustomIcon(state, 'right', icon.right);\n        mapCustomIcon(state, 'bottom', icon.bottom);\n        mapCustomIcon(state, 'left', icon.left);\n    }\n    return state;\n};\nconst beforePatchIcon = (component) => {\n    var _a, _b, _c;\n    if ((_a = component.nextState) === null || _a === void 0 ? void 0 : _a.has('_icons')) {\n        const icons = (_b = component.nextState) === null || _b === void 0 ? void 0 : _b.get('_icons');\n        (_c = component.nextState) === null || _c === void 0 ? void 0 : _c.set('_icons', mapIconProp2State(icons));\n    }\n};\nconst isIcon = (value) => typeof value === 'object' &&\n    value !== null &&\n    (typeof value.style === 'undefined' || isStyle(value.style)) &&\n    (typeof value.label === 'undefined' || isString(value.label)) &&\n    isString(value.icon, 1);\nconst validateIcons = (component, value, options = {}) => {\n    objectObjectHandler(value, () => {\n        var _a;\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        watchValidator(component, '_icons', (value) => {\n            const valueIsEmptyObject = typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n            return (value === null ||\n                valueIsEmptyObject ||\n                isString(value, 1) ||\n                (typeof value === 'object' &&\n                    value !== null &&\n                    (isString(value.left, 0) ||\n                        isIcon(value.left) ||\n                        isString(value.right, 0) ||\n                        isIcon(value.right) ||\n                        isString(value.top, 0) ||\n                        isIcon(value.top) ||\n                        isString(value.bottom, 0) ||\n                        isIcon(value.bottom))));\n        }, new Set(['KoliBriIcon']), value, Object.assign(Object.assign({}, options), { defaultValue: {}, hooks: {\n                afterPatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch,\n                beforePatch: (nextValue, nextState, component, key) => {\n                    var _a, _b;\n                    if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch) === 'function') {\n                        (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.beforePatch(nextValue, nextState, component, key);\n                    }\n                    beforePatchIcon(component);\n                },\n            } }));\n    });\n};\n\nexport { validateIcons as v };\n//# sourceMappingURL=icons-DpMX_jnF.js.map\n\n//# sourceMappingURL=icons-DpMX_jnF.js.map"],"names":["mapCustomIcon","state","alignment","icon","isObject","isString","mapIconProp2State","beforePatchIcon","component","_a","_b","_c","icons","isIcon","value","isStyle","validateIcons","options","objectObjectHandler","parseJson","watchValidator","valueIsEmptyObject","nextValue","nextState","key"],"mappings":"sEAKA,MAAMA,EAAgB,CAACC,EAAOC,EAAWC,IAAS,CAC1CC,EAASD,CAAI,EACbF,EAAMC,CAAS,EAAIC,EAEdE,EAASF,EAAM,CAAC,IACrBF,EAAMC,CAAS,EAAI,CACf,KAAMC,CAClB,EAEA,EACMG,EAAqBH,GAAS,CAChC,IAAIF,EAAQ,CAAA,EACZ,OAAII,EAASF,EAAM,CAAC,EAChBF,EAAQ,CACJ,KAAM,CACF,KAAME,CACtB,CACA,EAEa,OAAOA,GAAS,UAAYA,IAAS,OAC1CH,EAAcC,EAAO,MAAOE,EAAK,GAAG,EACpCH,EAAcC,EAAO,QAASE,EAAK,KAAK,EACxCH,EAAcC,EAAO,SAAUE,EAAK,MAAM,EAC1CH,EAAcC,EAAO,OAAQE,EAAK,IAAI,GAEnCF,CACX,EACMM,EAAmBC,GAAc,CACnC,IAAIC,EAAIC,EAAIC,EACZ,GAAK,GAAAF,EAAKD,EAAU,aAAe,MAAQC,IAAO,SAAkBA,EAAG,IAAI,QAAQ,EAAG,CAClF,MAAMG,GAASF,EAAKF,EAAU,aAAe,MAAQE,IAAO,OAAS,OAASA,EAAG,IAAI,QAAQ,GAC5FC,EAAKH,EAAU,aAAe,MAAQG,IAAO,QAAkBA,EAAG,IAAI,SAAUL,EAAkBM,CAAK,CAAC,CAC7G,CACJ,EACMC,EAAUC,GAAU,OAAOA,GAAU,UACvCA,IAAU,OACT,OAAOA,EAAM,MAAU,KAAeC,EAAQD,EAAM,KAAK,KACzD,OAAOA,EAAM,MAAU,KAAeT,EAASS,EAAM,KAAK,IAC3DT,EAASS,EAAM,KAAM,CAAC,EACpBE,EAAgB,CAACR,EAAWM,EAAOG,EAAU,CAAA,IAAO,CACtDC,EAAoBJ,EAAO,IAAM,CAC7B,IAAIL,EACJ,GAAI,CACAK,EAAQK,EAAUL,CAAK,CAC3B,MACU,CACV,CACAM,EAAeZ,EAAW,SAAWM,GAAU,CAC3C,MAAMO,EAAqB,OAAOP,GAAU,UAAYA,IAAU,MAAQ,OAAO,KAAKA,CAAK,EAAE,SAAW,EACxG,OAAQA,IAAU,MACdO,GACAhB,EAASS,EAAO,CAAC,GAChB,OAAOA,GAAU,UACdA,IAAU,OACTT,EAASS,EAAM,KAAM,CAAC,GACnBD,EAAOC,EAAM,IAAI,GACjBT,EAASS,EAAM,MAAO,CAAC,GACvBD,EAAOC,EAAM,KAAK,GAClBT,EAASS,EAAM,IAAK,CAAC,GACrBD,EAAOC,EAAM,GAAG,GAChBT,EAASS,EAAM,OAAQ,CAAC,GACxBD,EAAOC,EAAM,MAAM,EACnC,EAAG,IAAI,IAAI,CAAC,aAAa,CAAC,EAAGA,EAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIG,CAAO,EAAG,CAAE,aAAc,CAAA,EAAI,MAAO,CACjG,YAAaR,EAAKQ,EAAQ,SAAW,MAAQR,IAAO,OAAS,OAASA,EAAG,WACzE,YAAa,CAACa,EAAWC,EAAWf,EAAWgB,IAAQ,CACnD,IAAIf,EAAIC,EACJ,QAASD,EAAKQ,EAAQ,SAAW,MAAQR,IAAO,OAAS,OAASA,EAAG,cAAiB,cACrFC,EAAKO,EAAQ,SAAW,MAAQP,IAAO,QAAkBA,EAAG,YAAYY,EAAWC,EAAWf,EAAWgB,CAAG,GAEjHjB,EAAgBC,CAAS,CAC7B,CAChB,CAAa,CAAE,CAAC,CACZ,CAAC,CACL"}

package/dist/assets/image-source-udiqQ1zY-Bu6y1SIp.js

@@ -0,0 +1,2 @@
+import{q as o}from"./index-Dmdln5LU.js";const e=(a,r,t)=>{o(a,"_src",r,t)};export{e as v};
+//# sourceMappingURL=image-source-udiqQ1zY-Bu6y1SIp.js.map

package/dist/assets/{image-source-udiqQ1zY-DhiKeE5g.js.map → image-source-udiqQ1zY-Bu6y1SIp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"image-source-udiqQ1zY-DhiKeE5g.js","sources":["../../../../components/dist/esm/image-source-udiqQ1zY.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { e as watchString } from './common-BXXICkFX.js';\n\nconst validateImageSource = (component, value, options) => {\n    watchString(component, '_src', value, options);\n};\n\nexport { validateImageSource as v };\n//# sourceMappingURL=image-source-udiqQ1zY.js.map\n\n//# sourceMappingURL=image-source-udiqQ1zY.js.map"],"names":["validateImageSource","component","value","options","watchString"],"mappings":"wCAKK,MAACA,EAAsB,CAACC,EAAWC,EAAOC,IAAY,CACvDC,EAAYH,EAAW,OAAQC,EAAOC,CAAO,CACjD"}
+{"version":3,"file":"image-source-udiqQ1zY-Bu6y1SIp.js","sources":["../../../../components/dist/esm/image-source-udiqQ1zY.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { e as watchString } from './common-BXXICkFX.js';\n\nconst validateImageSource = (component, value, options) => {\n    watchString(component, '_src', value, options);\n};\n\nexport { validateImageSource as v };\n//# sourceMappingURL=image-source-udiqQ1zY.js.map\n\n//# sourceMappingURL=image-source-udiqQ1zY.js.map"],"names":["validateImageSource","component","value","options","watchString"],"mappings":"wCAKK,MAACA,EAAsB,CAACC,EAAWC,EAAOC,IAAY,CACvDC,EAAYH,EAAW,OAAQC,EAAOC,CAAO,CACjD"}

package/dist/assets/index-BRSXyzFh.css

@@ -0,0 +1 @@
+*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.grid-cols-\[4fr_4fr_1fr\]{grid-template-columns:4fr 4fr 1fr}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mx{margin-left:calc(16rem / var(--kolibri-root-font-size, 16));margin-right:calc(16rem / var(--kolibri-root-font-size, 16))}.mx-auto{margin-left:auto;margin-right:auto}.me{margin-inline-end:calc(16rem / var(--kolibri-root-font-size, 16))}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-\[1em\]{height:1em}.ha{height:auto}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.w-\[1em\]{width:1em}.w-\[400px\]{width:400px}.w-75px{width:75px}.w-fit{width:fit-content}.w-full{width:100%}.flex{display:flex}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-end{align-items:flex-end}.flex-items-center,.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.flex-justify-between,.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.b,.border{border-width:1px}.border-b-1{border-bottom-width:1px}.border-dark-100{--un-border-opacity:1;border-color:rgb(60 60 60 / var(--un-border-opacity))}.border-gray{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity))}.rounded{border-radius:calc(4rem / var(--kolibri-root-font-size, 16))}.border-solid{border-style:solid}.border-b-solid{border-bottom-style:solid}.bg-blue-400{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity))}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.pb-sm{padding-bottom:calc(14rem / var(--kolibri-root-font-size, 16))}.text-center{text-align:center}.text-base{font-size:calc(16rem / var(--kolibri-root-font-size, 16));line-height:1.5}.text-lg{font-size:calc(18rem / var(--kolibri-root-font-size, 16));line-height:1.75}.text-sm{font-size:calc(14rem / var(--kolibri-root-font-size, 16));line-height:1.25}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.color-gray-5{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.font-semibold{font-weight:600}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.tab-0{-moz-tab-size:0;-o-tab-size:0;tab-size:0}.tab-1{-moz-tab-size:1;-o-tab-size:1;tab-size:1}.tab-2{-moz-tab-size:2;-o-tab-size:2;tab-size:2}.tab-3{-moz-tab-size:3;-o-tab-size:3;tab-size:3}.opacity-80{opacity:.8}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.p-0{padding:calc(0rem / var(--kolibri-root-font-size, 16))}.p-2{padding:calc(8rem / var(--kolibri-root-font-size, 16))}.p-3{padding:calc(12rem / var(--kolibri-root-font-size, 16))}.p-4{padding:calc(16rem / var(--kolibri-root-font-size, 16))}.p-6{padding:calc(24rem / var(--kolibri-root-font-size, 16))}.py-2{padding-top:calc(8rem / var(--kolibri-root-font-size, 16));padding-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.pl-5{padding-left:calc(20rem / var(--kolibri-root-font-size, 16))}.m-0{margin:calc(0rem / var(--kolibri-root-font-size, 16))}.m-4{margin:calc(16rem / var(--kolibri-root-font-size, 16))}.my-2{margin-top:calc(8rem / var(--kolibri-root-font-size, 16));margin-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.my-4{margin-top:calc(16rem / var(--kolibri-root-font-size, 16));margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}.mt,.mt-4{margin-top:calc(16rem / var(--kolibri-root-font-size, 16))}.mr{margin-right:calc(16rem / var(--kolibri-root-font-size, 16))}.mt-0{margin-top:calc(0rem / var(--kolibri-root-font-size, 16))}.m-t-2,.mt-2{margin-top:calc(8rem / var(--kolibri-root-font-size, 16))}.mt-6{margin-top:calc(24rem / var(--kolibri-root-font-size, 16))}.mb-2{margin-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.mb-3{margin-bottom:calc(12rem / var(--kolibri-root-font-size, 16))}.mb-4{margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}.mb-8{margin-bottom:calc(32rem / var(--kolibri-root-font-size, 16))}.gap-14{gap:calc(56rem / var(--kolibri-root-font-size, 16))}.gap-2{gap:calc(8rem / var(--kolibri-root-font-size, 16))}.gap-3{gap:calc(12rem / var(--kolibri-root-font-size, 16))}.gap-4{gap:calc(16rem / var(--kolibri-root-font-size, 16))}.gap-6{gap:calc(24rem / var(--kolibri-root-font-size, 16))}.gap-8{gap:calc(32rem / var(--kolibri-root-font-size, 16))}.w-8rem{width:calc(128rem / var(--kolibri-root-font-size, 16))}.w-sm{width:calc(384rem / var(--kolibri-root-font-size, 16))}@media(min-width:640px){.sm\:col-span-6{grid-column:span 6/span 6}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex{display:flex}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}:root{--kolibri-root-font-size: 100;font-size:625%}body{margin:0;font-family:Verdana;font-size:calc(16rem / var(--kolibri-root-font-size, 16));line-height:normal}dl,hr{margin:0}.grid-cols-2{grid-template-columns:auto auto}.indented-text p{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.black-background{background-color:#000;display:flex;padding:calc(8rem / var(--kolibri-root-font-size, 16));flex-direction:column}.w-image{width:500px}.drawer-content-vertical{width:calc(400rem / var(--kolibri-root-font-size, 16))}.list-none{margin:0;padding:0;list-style:none}.header-alert{margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}@media(min-width:1024px){.app-container{display:grid;height:100vh;grid-template-columns:calc(360rem / var(--kolibri-root-font-size, 16)) calc(100% - 360rem / var(--kolibri-root-font-size, 16))}.app-sidebar{background-color:#fff;max-height:calc(100vh - 32px);border-right:1px solid gray}.app-sidebar .scrollable-container-wrapper{display:flex;max-height:calc(100vh - 32px);flex-direction:column}.app-sidebar .scrollable-container-wrapper .scrollable-container{overflow:auto;flex:1 auto}main{max-height:100vh;overflow:auto}}@media print{.no-print,.no-print *{display:none!important}}.loader{border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;width:48px;height:48px;animation:pulse 1s linear infinite;border:5px solid #333}.loader:after{transform:translate(-50%,-50%);border-radius:50%;display:inline-block;position:absolute;top:50%;left:50%;box-sizing:border-box;width:48px;height:48px;content:"";animation:scaleUp 1s linear infinite;border:5px solid #f00}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}@media(prefers-reduced-motion){.loader,.loader:after{animation-duration:2s}}.mainlayout{display:grid;width:100%;min-height:calc(100vh - 32rem / var(--kolibri-root-font-size, 16));column-gap:calc(16rem / var(--kolibri-root-font-size, 16));grid-template-areas:"nav content";grid-template-columns:calc(400rem / var(--kolibri-root-font-size, 16)) calc(100% - 460rem / var(--kolibri-root-font-size, 16));grid-template-rows:1fr}.mainlayout>.nav-area{grid-area:nav}.mainlayout>.content{grid-area:content}