@public-ui/themes 3.0.0-rc.2 → 3.0.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/default/src/index.d.ts +1 -1
- package/dist/ecl/src/ecl-ec/index.d.ts +1 -1
- package/dist/ecl/src/ecl-eu/index.d.ts +1 -1
- package/dist/index.cjs +866 -376
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +867 -376
- package/dist/index.mjs.map +1 -1
- package/dist/src/index.d.ts +0 -1
- package/package.json +7 -7
- package/dist/itzbund/src/index.d.ts +0 -58
package/dist/index.cjs
CHANGED
|
@@ -3,531 +3,1021 @@
|
|
|
3
3
|
/*!
|
|
4
4
|
* KoliBri - The accessible HTML-Standard
|
|
5
5
|
*/
|
|
6
|
-
var commonjsGlobal
|
|
6
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
7
|
+
|
|
8
|
+
var loglevel = {exports: {}};
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
* loglevel - https://github.com/pimterry/loglevel
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) 2013 Tim Perry
|
|
14
|
+
* Licensed under the MIT license.
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
(function (module) {
|
|
18
|
+
(function (root, definition) {
|
|
19
|
+
if (module.exports) {
|
|
20
|
+
module.exports = definition();
|
|
21
|
+
} else {
|
|
22
|
+
root.log = definition();
|
|
23
|
+
}
|
|
24
|
+
}(commonjsGlobal, function () {
|
|
25
|
+
|
|
26
|
+
// Slightly dubious tricks to cut down minimized file size
|
|
27
|
+
var noop = function() {};
|
|
28
|
+
var undefinedType = "undefined";
|
|
29
|
+
var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (
|
|
30
|
+
/Trident\/|MSIE /.test(window.navigator.userAgent)
|
|
31
|
+
);
|
|
32
|
+
|
|
33
|
+
var logMethods = [
|
|
34
|
+
"trace",
|
|
35
|
+
"debug",
|
|
36
|
+
"info",
|
|
37
|
+
"warn",
|
|
38
|
+
"error"
|
|
39
|
+
];
|
|
40
|
+
|
|
41
|
+
var _loggersByName = {};
|
|
42
|
+
var defaultLogger = null;
|
|
43
|
+
|
|
44
|
+
// Cross-browser bind equivalent that works at least back to IE6
|
|
45
|
+
function bindMethod(obj, methodName) {
|
|
46
|
+
var method = obj[methodName];
|
|
47
|
+
if (typeof method.bind === 'function') {
|
|
48
|
+
return method.bind(obj);
|
|
49
|
+
} else {
|
|
50
|
+
try {
|
|
51
|
+
return Function.prototype.bind.call(method, obj);
|
|
52
|
+
} catch (e) {
|
|
53
|
+
// Missing bind shim or IE8 + Modernizr, fallback to wrapping
|
|
54
|
+
return function() {
|
|
55
|
+
return Function.prototype.apply.apply(method, [obj, arguments]);
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
// Trace() doesn't print the message in IE, so for that case we need to wrap it
|
|
62
|
+
function traceForIE() {
|
|
63
|
+
if (console.log) {
|
|
64
|
+
if (console.log.apply) {
|
|
65
|
+
console.log.apply(console, arguments);
|
|
66
|
+
} else {
|
|
67
|
+
// In old IE, native console methods themselves don't have apply().
|
|
68
|
+
Function.prototype.apply.apply(console.log, [console, arguments]);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
if (console.trace) console.trace();
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
// Build the best logging method possible for this env
|
|
75
|
+
// Wherever possible we want to bind, not wrap, to preserve stack traces
|
|
76
|
+
function realMethod(methodName) {
|
|
77
|
+
if (methodName === 'debug') {
|
|
78
|
+
methodName = 'log';
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
if (typeof console === undefinedType) {
|
|
82
|
+
return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives
|
|
83
|
+
} else if (methodName === 'trace' && isIE) {
|
|
84
|
+
return traceForIE;
|
|
85
|
+
} else if (console[methodName] !== undefined) {
|
|
86
|
+
return bindMethod(console, methodName);
|
|
87
|
+
} else if (console.log !== undefined) {
|
|
88
|
+
return bindMethod(console, 'log');
|
|
89
|
+
} else {
|
|
90
|
+
return noop;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
// These private functions always need `this` to be set properly
|
|
95
|
+
|
|
96
|
+
function replaceLoggingMethods() {
|
|
97
|
+
/*jshint validthis:true */
|
|
98
|
+
var level = this.getLevel();
|
|
99
|
+
|
|
100
|
+
// Replace the actual methods.
|
|
101
|
+
for (var i = 0; i < logMethods.length; i++) {
|
|
102
|
+
var methodName = logMethods[i];
|
|
103
|
+
this[methodName] = (i < level) ?
|
|
104
|
+
noop :
|
|
105
|
+
this.methodFactory(methodName, level, this.name);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
// Define log.log as an alias for log.debug
|
|
109
|
+
this.log = this.debug;
|
|
110
|
+
|
|
111
|
+
// Return any important warnings.
|
|
112
|
+
if (typeof console === undefinedType && level < this.levels.SILENT) {
|
|
113
|
+
return "No console available for logging";
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
// In old IE versions, the console isn't present until you first open it.
|
|
118
|
+
// We build realMethod() replacements here that regenerate logging methods
|
|
119
|
+
function enableLoggingWhenConsoleArrives(methodName) {
|
|
120
|
+
return function () {
|
|
121
|
+
if (typeof console !== undefinedType) {
|
|
122
|
+
replaceLoggingMethods.call(this);
|
|
123
|
+
this[methodName].apply(this, arguments);
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
// By default, we use closely bound real methods wherever possible, and
|
|
129
|
+
// otherwise we wait for a console to appear, and then try again.
|
|
130
|
+
function defaultMethodFactory(methodName, _level, _loggerName) {
|
|
131
|
+
/*jshint validthis:true */
|
|
132
|
+
return realMethod(methodName) ||
|
|
133
|
+
enableLoggingWhenConsoleArrives.apply(this, arguments);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
function Logger(name, factory) {
|
|
137
|
+
// Private instance variables.
|
|
138
|
+
var self = this;
|
|
139
|
+
/**
|
|
140
|
+
* The level inherited from a parent logger (or a global default). We
|
|
141
|
+
* cache this here rather than delegating to the parent so that it stays
|
|
142
|
+
* in sync with the actual logging methods that we have installed (the
|
|
143
|
+
* parent could change levels but we might not have rebuilt the loggers
|
|
144
|
+
* in this child yet).
|
|
145
|
+
* @type {number}
|
|
146
|
+
*/
|
|
147
|
+
var inheritedLevel;
|
|
148
|
+
/**
|
|
149
|
+
* The default level for this logger, if any. If set, this overrides
|
|
150
|
+
* `inheritedLevel`.
|
|
151
|
+
* @type {number|null}
|
|
152
|
+
*/
|
|
153
|
+
var defaultLevel;
|
|
154
|
+
/**
|
|
155
|
+
* A user-specific level for this logger. If set, this overrides
|
|
156
|
+
* `defaultLevel`.
|
|
157
|
+
* @type {number|null}
|
|
158
|
+
*/
|
|
159
|
+
var userLevel;
|
|
160
|
+
|
|
161
|
+
var storageKey = "loglevel";
|
|
162
|
+
if (typeof name === "string") {
|
|
163
|
+
storageKey += ":" + name;
|
|
164
|
+
} else if (typeof name === "symbol") {
|
|
165
|
+
storageKey = undefined;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
function persistLevelIfPossible(levelNum) {
|
|
169
|
+
var levelName = (logMethods[levelNum] || 'silent').toUpperCase();
|
|
170
|
+
|
|
171
|
+
if (typeof window === undefinedType || !storageKey) return;
|
|
172
|
+
|
|
173
|
+
// Use localStorage if available
|
|
174
|
+
try {
|
|
175
|
+
window.localStorage[storageKey] = levelName;
|
|
176
|
+
return;
|
|
177
|
+
} catch (ignore) {}
|
|
178
|
+
|
|
179
|
+
// Use session cookie as fallback
|
|
180
|
+
try {
|
|
181
|
+
window.document.cookie =
|
|
182
|
+
encodeURIComponent(storageKey) + "=" + levelName + ";";
|
|
183
|
+
} catch (ignore) {}
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
function getPersistedLevel() {
|
|
187
|
+
var storedLevel;
|
|
188
|
+
|
|
189
|
+
if (typeof window === undefinedType || !storageKey) return;
|
|
190
|
+
|
|
191
|
+
try {
|
|
192
|
+
storedLevel = window.localStorage[storageKey];
|
|
193
|
+
} catch (ignore) {}
|
|
194
|
+
|
|
195
|
+
// Fallback to cookies if local storage gives us nothing
|
|
196
|
+
if (typeof storedLevel === undefinedType) {
|
|
197
|
+
try {
|
|
198
|
+
var cookie = window.document.cookie;
|
|
199
|
+
var cookieName = encodeURIComponent(storageKey);
|
|
200
|
+
var location = cookie.indexOf(cookieName + "=");
|
|
201
|
+
if (location !== -1) {
|
|
202
|
+
storedLevel = /^([^;]+)/.exec(
|
|
203
|
+
cookie.slice(location + cookieName.length + 1)
|
|
204
|
+
)[1];
|
|
205
|
+
}
|
|
206
|
+
} catch (ignore) {}
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
// If the stored level is not valid, treat it as if nothing was stored.
|
|
210
|
+
if (self.levels[storedLevel] === undefined) {
|
|
211
|
+
storedLevel = undefined;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
return storedLevel;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
function clearPersistedLevel() {
|
|
218
|
+
if (typeof window === undefinedType || !storageKey) return;
|
|
219
|
+
|
|
220
|
+
// Use localStorage if available
|
|
221
|
+
try {
|
|
222
|
+
window.localStorage.removeItem(storageKey);
|
|
223
|
+
} catch (ignore) {}
|
|
224
|
+
|
|
225
|
+
// Use session cookie as fallback
|
|
226
|
+
try {
|
|
227
|
+
window.document.cookie =
|
|
228
|
+
encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
|
|
229
|
+
} catch (ignore) {}
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
function normalizeLevel(input) {
|
|
233
|
+
var level = input;
|
|
234
|
+
if (typeof level === "string" && self.levels[level.toUpperCase()] !== undefined) {
|
|
235
|
+
level = self.levels[level.toUpperCase()];
|
|
236
|
+
}
|
|
237
|
+
if (typeof level === "number" && level >= 0 && level <= self.levels.SILENT) {
|
|
238
|
+
return level;
|
|
239
|
+
} else {
|
|
240
|
+
throw new TypeError("log.setLevel() called with invalid level: " + input);
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
/*
|
|
245
|
+
*
|
|
246
|
+
* Public logger API - see https://github.com/pimterry/loglevel for details
|
|
247
|
+
*
|
|
248
|
+
*/
|
|
249
|
+
|
|
250
|
+
self.name = name;
|
|
251
|
+
|
|
252
|
+
self.levels = { "TRACE": 0, "DEBUG": 1, "INFO": 2, "WARN": 3,
|
|
253
|
+
"ERROR": 4, "SILENT": 5};
|
|
254
|
+
|
|
255
|
+
self.methodFactory = factory || defaultMethodFactory;
|
|
256
|
+
|
|
257
|
+
self.getLevel = function () {
|
|
258
|
+
if (userLevel != null) {
|
|
259
|
+
return userLevel;
|
|
260
|
+
} else if (defaultLevel != null) {
|
|
261
|
+
return defaultLevel;
|
|
262
|
+
} else {
|
|
263
|
+
return inheritedLevel;
|
|
264
|
+
}
|
|
265
|
+
};
|
|
266
|
+
|
|
267
|
+
self.setLevel = function (level, persist) {
|
|
268
|
+
userLevel = normalizeLevel(level);
|
|
269
|
+
if (persist !== false) { // defaults to true
|
|
270
|
+
persistLevelIfPossible(userLevel);
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
// NOTE: in v2, this should call rebuild(), which updates children.
|
|
274
|
+
return replaceLoggingMethods.call(self);
|
|
275
|
+
};
|
|
276
|
+
|
|
277
|
+
self.setDefaultLevel = function (level) {
|
|
278
|
+
defaultLevel = normalizeLevel(level);
|
|
279
|
+
if (!getPersistedLevel()) {
|
|
280
|
+
self.setLevel(level, false);
|
|
281
|
+
}
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
self.resetLevel = function () {
|
|
285
|
+
userLevel = null;
|
|
286
|
+
clearPersistedLevel();
|
|
287
|
+
replaceLoggingMethods.call(self);
|
|
288
|
+
};
|
|
289
|
+
|
|
290
|
+
self.enableAll = function(persist) {
|
|
291
|
+
self.setLevel(self.levels.TRACE, persist);
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
self.disableAll = function(persist) {
|
|
295
|
+
self.setLevel(self.levels.SILENT, persist);
|
|
296
|
+
};
|
|
297
|
+
|
|
298
|
+
self.rebuild = function () {
|
|
299
|
+
if (defaultLogger !== self) {
|
|
300
|
+
inheritedLevel = normalizeLevel(defaultLogger.getLevel());
|
|
301
|
+
}
|
|
302
|
+
replaceLoggingMethods.call(self);
|
|
303
|
+
|
|
304
|
+
if (defaultLogger === self) {
|
|
305
|
+
for (var childName in _loggersByName) {
|
|
306
|
+
_loggersByName[childName].rebuild();
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
// Initialize all the internal levels.
|
|
312
|
+
inheritedLevel = normalizeLevel(
|
|
313
|
+
defaultLogger ? defaultLogger.getLevel() : "WARN"
|
|
314
|
+
);
|
|
315
|
+
var initialLevel = getPersistedLevel();
|
|
316
|
+
if (initialLevel != null) {
|
|
317
|
+
userLevel = normalizeLevel(initialLevel);
|
|
318
|
+
}
|
|
319
|
+
replaceLoggingMethods.call(self);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
/*
|
|
323
|
+
*
|
|
324
|
+
* Top-level API
|
|
325
|
+
*
|
|
326
|
+
*/
|
|
327
|
+
|
|
328
|
+
defaultLogger = new Logger();
|
|
329
|
+
|
|
330
|
+
defaultLogger.getLogger = function getLogger(name) {
|
|
331
|
+
if ((typeof name !== "symbol" && typeof name !== "string") || name === "") {
|
|
332
|
+
throw new TypeError("You must supply a name when creating a logger.");
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
var logger = _loggersByName[name];
|
|
336
|
+
if (!logger) {
|
|
337
|
+
logger = _loggersByName[name] = new Logger(
|
|
338
|
+
name,
|
|
339
|
+
defaultLogger.methodFactory
|
|
340
|
+
);
|
|
341
|
+
}
|
|
342
|
+
return logger;
|
|
343
|
+
};
|
|
344
|
+
|
|
345
|
+
// Grab the current global log variable in case of overwrite
|
|
346
|
+
var _log = (typeof window !== undefinedType) ? window.log : undefined;
|
|
347
|
+
defaultLogger.noConflict = function() {
|
|
348
|
+
if (typeof window !== undefinedType &&
|
|
349
|
+
window.log === defaultLogger) {
|
|
350
|
+
window.log = _log;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
return defaultLogger;
|
|
354
|
+
};
|
|
355
|
+
|
|
356
|
+
defaultLogger.getLoggers = function getLoggers() {
|
|
357
|
+
return _loggersByName;
|
|
358
|
+
};
|
|
359
|
+
|
|
360
|
+
// ES6 default export, for compatibility
|
|
361
|
+
defaultLogger['default'] = defaultLogger;
|
|
362
|
+
|
|
363
|
+
return defaultLogger;
|
|
364
|
+
}));
|
|
365
|
+
}(loglevel));
|
|
366
|
+
|
|
367
|
+
const R=(e,t)=>s=>s(e,t),H=(e,t)=>s=>s(e,t,{append:false}),$=new Map,M=[],Y=new Map,a={A11yUi:{CSS_STYLE_CACHE:$,HYDRATED_HISTORY:M,STYLING_TASK_QUEUE:Y,Themes:{}}};const w=new Set,q=/--[^;]+/g,J=/:/,V=(e,t)=>{let s=t.match(q);if(Array.isArray(s)){s=s.filter(n=>J.test(n));const o=document.createElement("style");o.innerHTML=`.${e} {${s.join(";")}}`,document.querySelector("head")?.appendChild(o);}w.add(e);},f=(e,t)=>typeof a.A11yUi=="object"&&a.A11yUi!==null&&typeof a.A11yUi.Themes=="object"&&a.A11yUi.Themes!==null&&typeof a.A11yUi.Themes[e]=="object"&&a.A11yUi.Themes[e]!==null&&typeof a.A11yUi.Themes[e][t]=="string"?a.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",W=e=>{for(const t of Array.from(e.childNodes))if(t instanceof HTMLStyleElement&&t.tagName==="STYLE"&&t.dataset.themingFallback===undefined)e.removeChild(t);else break},X=(e,t)=>{try{if(a.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];t.forEach(o=>{const n=new CSSStyleSheet;n.replaceSync(o),s.push(n);}),e.adoptedStyleSheets=s;}catch{[...t].reverse().forEach((s,o)=>{if(typeof s!="string"||s.length===0)return;const n=document.createElement("style");switch(n.dataset.themingFallback="",o){case 4:n.dataset.themingBaseA11y="";break;case 3:n.dataset.themingBaseGlobal="";break;case 2:n.dataset.themingBaseComponent="";break;case 1:n.dataset.themingCustomGlobal="";break;case 0:n.dataset.themingCustomComponent="";break;default:n.dataset.themingUnknown="";break}n.innerHTML=s,e.insertBefore(n,e.firstChild);});}},Z=(e,t,s)=>{if(s!==false){const o=[...Array.from(e.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE")];let n;try{n=[...Array.from(e.adoptedStyleSheets)];}catch{n=[];}s?.mode==="before"?(o.reverse().forEach(r=>t.unshift(r.innerHTML)),n.reverse().forEach(r=>t.unshift(Array.from(r.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(o.forEach(r=>t.push(r.innerHTML)),n.forEach(r=>t.push(Array.from(r.cssRules).map(i=>i.cssText).join(""))));}},L=(e,t,s)=>{const o=t.name||"default";let n;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");n=e.shadowRoot;}catch{n=e;}if(a.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))_(e,n,a.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),s);else {const r=f(o,"PROPERTIES"),i=f(o,"GLOBAL"),m=f(o,e.tagName);w.has(o)===false&&V(o,i);const h=[r,i,m];Z(n,h,t.encroachCss),t.loglevel==="debug"&&console.log(e.tagName,h),t.cache===true&&(a.A11yUi.CSS_STYLE_CACHE.has(o)===false&&a.A11yUi.CSS_STYLE_CACHE.set(o,new Map),a.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,h)),_(e,n,h,s);}},_=(e,t,s,o)=>{W(t),X(t,s),e.style.display=o;},N=e=>{e.loglevel==="debug"&&a.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:a.A11yUi.STYLING_TASK_QUEUE.size});},se=e=>{a.A11yUi.STYLING_TASK_QUEUE.delete(e);},j=(e,t)=>{se(e),N(t);},oe=e=>{for(const t of e)if(a.A11yUi.STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:s,themeDetails:o}=a.A11yUi.STYLING_TASK_QUEUE.get(t.target);L(t.target,o,s),j(t.target,o);}};let d;try{d=new MutationObserver(oe);}catch{d=null;}class re{constructor(t,s,o){this.createTheme=(n,r)=>H(n,r),this.createTranslation=(n,r)=>R(n,r),this.Prefix=t,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(o);}}
|
|
7
368
|
|
|
8
369
|
/*!
|
|
9
370
|
* KoliBri - The accessible HTML-Standard
|
|
10
371
|
*/
|
|
11
|
-
var KeyEnum,TagEnum;!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";}(KeyEnum||(KeyEnum={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-link"]=8]="button-link",e[e.card=9]="card",e[e.combobox=10]="combobox",e[e.details=11]="details",e[e.drawer=12]="drawer",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e.logo=30]="logo",e[e.modal=31]="modal",e[e.nav=32]="nav",e[e.pagination=33]="pagination",e[e.progress=34]="progress",e[e.select=35]="select",e[e.separator=36]="separator",e[e["skip-nav"]=37]="skip-nav",e[e.spin=38]="spin",e[e["single-select"]=39]="single-select",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateless"]=43]="table-stateless",e[e["table-stateful"]=44]="table-stateful",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item";}(TagEnum||(TagEnum={}));const KoliBri=new re("kol",KeyEnum,TagEnum);var Bundesministerium;(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";})(Bundesministerium||(Bundesministerium={}));var Bundesamt;!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";}(Bundesamt||(Bundesamt={}));var Bundesanstalt;!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";}(Bundesanstalt||(Bundesanstalt={}));const BUND_LOGO_TEXT_MAP=new Map;BUND_LOGO_TEXT_MAP.set(Bundesministerium["Die Bundesregierung"],["Die","Bundesregierung"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Auswärtiges Amt"],["Auswärtiges Amt"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für äußere Restitutionen"],[]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Bauwesen und Raumordnung"],[]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesarchiv,["Das","Bundesarchiv"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesausgleichsamt,["Bundesausgleichsamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundeskartellamt,["Bundeskartellamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundeskriminalamt,["Bundeskriminalamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundessortenamt,["Bundessortenamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundessprachenamt,["Bundessprachenamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Generalzolldirektion,["Generalzolldirektion"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);
|
|
12
372
|
|
|
13
|
-
var
|
|
373
|
+
var KeyEnum;
|
|
374
|
+
(function (KeyEnum) {
|
|
375
|
+
KeyEnum[KeyEnum["error"] = 0] = "error";
|
|
376
|
+
KeyEnum[KeyEnum["warning"] = 1] = "warning";
|
|
377
|
+
KeyEnum[KeyEnum["info"] = 2] = "info";
|
|
378
|
+
KeyEnum[KeyEnum["success"] = 3] = "success";
|
|
379
|
+
KeyEnum[KeyEnum["message"] = 4] = "message";
|
|
380
|
+
KeyEnum[KeyEnum["close"] = 5] = "close";
|
|
381
|
+
KeyEnum[KeyEnum["form-description"] = 6] = "form-description";
|
|
382
|
+
KeyEnum[KeyEnum["of"] = 7] = "of";
|
|
383
|
+
KeyEnum[KeyEnum["characters"] = 8] = "characters";
|
|
384
|
+
KeyEnum[KeyEnum["new"] = 9] = "new";
|
|
385
|
+
KeyEnum[KeyEnum["no-entries"] = 10] = "no-entries";
|
|
386
|
+
KeyEnum[KeyEnum["change-order"] = 11] = "change-order";
|
|
387
|
+
KeyEnum[KeyEnum["action-running"] = 12] = "action-running";
|
|
388
|
+
KeyEnum[KeyEnum["action-done"] = 13] = "action-done";
|
|
389
|
+
KeyEnum[KeyEnum["page-first"] = 14] = "page-first";
|
|
390
|
+
KeyEnum[KeyEnum["page-back"] = 15] = "page-back";
|
|
391
|
+
KeyEnum[KeyEnum["page-next"] = 16] = "page-next";
|
|
392
|
+
KeyEnum[KeyEnum["page-last"] = 17] = "page-last";
|
|
393
|
+
KeyEnum[KeyEnum["entries-per-site"] = 18] = "entries-per-site";
|
|
394
|
+
KeyEnum[KeyEnum["page-current"] = 19] = "page-current";
|
|
395
|
+
KeyEnum[KeyEnum["page-selected"] = 20] = "page-selected";
|
|
396
|
+
KeyEnum[KeyEnum["page-per-site"] = 21] = "page-per-site";
|
|
397
|
+
KeyEnum[KeyEnum["logo-description"] = 22] = "logo-description";
|
|
398
|
+
KeyEnum[KeyEnum["open-link-in-tab"] = 23] = "open-link-in-tab";
|
|
399
|
+
KeyEnum[KeyEnum["kolibri-logo"] = 24] = "kolibri-logo";
|
|
400
|
+
})(KeyEnum || (KeyEnum = {}));
|
|
401
|
+
|
|
402
|
+
var TagEnum;
|
|
403
|
+
(function (TagEnum) {
|
|
404
|
+
TagEnum[TagEnum["abbr"] = 0] = "abbr";
|
|
405
|
+
TagEnum[TagEnum["accordion"] = 1] = "accordion";
|
|
406
|
+
TagEnum[TagEnum["accordion-group"] = 2] = "accordion-group";
|
|
407
|
+
TagEnum[TagEnum["alert"] = 3] = "alert";
|
|
408
|
+
TagEnum[TagEnum["avatar"] = 4] = "avatar";
|
|
409
|
+
TagEnum[TagEnum["badge"] = 5] = "badge";
|
|
410
|
+
TagEnum[TagEnum["breadcrumb"] = 6] = "breadcrumb";
|
|
411
|
+
TagEnum[TagEnum["button"] = 7] = "button";
|
|
412
|
+
TagEnum[TagEnum["button-link"] = 8] = "button-link";
|
|
413
|
+
TagEnum[TagEnum["card"] = 9] = "card";
|
|
414
|
+
TagEnum[TagEnum["combobox"] = 10] = "combobox";
|
|
415
|
+
TagEnum[TagEnum["details"] = 11] = "details";
|
|
416
|
+
TagEnum[TagEnum["drawer"] = 12] = "drawer";
|
|
417
|
+
TagEnum[TagEnum["form"] = 13] = "form";
|
|
418
|
+
TagEnum[TagEnum["heading"] = 14] = "heading";
|
|
419
|
+
TagEnum[TagEnum["icon"] = 15] = "icon";
|
|
420
|
+
TagEnum[TagEnum["image"] = 16] = "image";
|
|
421
|
+
TagEnum[TagEnum["input-checkbox"] = 17] = "input-checkbox";
|
|
422
|
+
TagEnum[TagEnum["input-color"] = 18] = "input-color";
|
|
423
|
+
TagEnum[TagEnum["input-date"] = 19] = "input-date";
|
|
424
|
+
TagEnum[TagEnum["input-email"] = 20] = "input-email";
|
|
425
|
+
TagEnum[TagEnum["input-file"] = 21] = "input-file";
|
|
426
|
+
TagEnum[TagEnum["input-number"] = 22] = "input-number";
|
|
427
|
+
TagEnum[TagEnum["input-password"] = 23] = "input-password";
|
|
428
|
+
TagEnum[TagEnum["input-radio"] = 24] = "input-radio";
|
|
429
|
+
TagEnum[TagEnum["input-range"] = 25] = "input-range";
|
|
430
|
+
TagEnum[TagEnum["input-text"] = 26] = "input-text";
|
|
431
|
+
TagEnum[TagEnum["kolibri"] = 27] = "kolibri";
|
|
432
|
+
TagEnum[TagEnum["link"] = 28] = "link";
|
|
433
|
+
TagEnum[TagEnum["link-button"] = 29] = "link-button";
|
|
434
|
+
TagEnum[TagEnum["logo"] = 30] = "logo";
|
|
435
|
+
TagEnum[TagEnum["modal"] = 31] = "modal";
|
|
436
|
+
TagEnum[TagEnum["nav"] = 32] = "nav";
|
|
437
|
+
TagEnum[TagEnum["pagination"] = 33] = "pagination";
|
|
438
|
+
TagEnum[TagEnum["progress"] = 34] = "progress";
|
|
439
|
+
TagEnum[TagEnum["select"] = 35] = "select";
|
|
440
|
+
TagEnum[TagEnum["separator"] = 36] = "separator";
|
|
441
|
+
TagEnum[TagEnum["skip-nav"] = 37] = "skip-nav";
|
|
442
|
+
TagEnum[TagEnum["spin"] = 38] = "spin";
|
|
443
|
+
TagEnum[TagEnum["single-select"] = 39] = "single-select";
|
|
444
|
+
TagEnum[TagEnum["split-button"] = 40] = "split-button";
|
|
445
|
+
TagEnum[TagEnum["symbol"] = 41] = "symbol";
|
|
446
|
+
TagEnum[TagEnum["table"] = 42] = "table";
|
|
447
|
+
TagEnum[TagEnum["table-stateless"] = 43] = "table-stateless";
|
|
448
|
+
TagEnum[TagEnum["table-stateful"] = 44] = "table-stateful";
|
|
449
|
+
TagEnum[TagEnum["tabs"] = 45] = "tabs";
|
|
450
|
+
TagEnum[TagEnum["textarea"] = 46] = "textarea";
|
|
451
|
+
TagEnum[TagEnum["toast-container"] = 47] = "toast-container";
|
|
452
|
+
TagEnum[TagEnum["toolbar"] = 48] = "toolbar";
|
|
453
|
+
TagEnum[TagEnum["tooltip"] = 49] = "tooltip";
|
|
454
|
+
TagEnum[TagEnum["tree"] = 50] = "tree";
|
|
455
|
+
TagEnum[TagEnum["tree-item"] = 51] = "tree-item";
|
|
456
|
+
})(TagEnum || (TagEnum = {}));
|
|
457
|
+
|
|
458
|
+
const KoliBri = new re('kol', KeyEnum, TagEnum);
|
|
459
|
+
|
|
460
|
+
var Bundesministerium;
|
|
461
|
+
(function (Bundesministerium) {
|
|
462
|
+
Bundesministerium["Die Bundesregierung"] = "BReg";
|
|
463
|
+
Bundesministerium["Bundesministerium der Finanzen"] = "BMF";
|
|
464
|
+
Bundesministerium["Bundesministerium des Innern, f\u00FCr Bau und Heimat"] = "BMI";
|
|
465
|
+
Bundesministerium["Ausw\u00E4rtiges Amt"] = "AA";
|
|
466
|
+
Bundesministerium["Bundesministerium f\u00FCr Wirtschaft und Energie"] = "BMWi";
|
|
467
|
+
Bundesministerium["Bundesministerium der Justiz und f\u00FCr Verbraucherschutz"] = "BMJV";
|
|
468
|
+
Bundesministerium["Bundesministerium f\u00FCr Arbeit und Soziales"] = "BMAS";
|
|
469
|
+
Bundesministerium["Bundesministerium der Verteidigung"] = "BMVg";
|
|
470
|
+
Bundesministerium["Bundesministerium f\u00FCr Ern\u00E4hrung und Landwirtschaft"] = "BMEL";
|
|
471
|
+
Bundesministerium["Bundesministerium f\u00FCr Familie, Senioren, Frauen und Jugend"] = "BMFSFJ";
|
|
472
|
+
Bundesministerium["Bundesministerium f\u00FCr Gesundheit"] = "BMG";
|
|
473
|
+
Bundesministerium["Bundesministerium f\u00FCr Verkehr und digitale Infrastruktur"] = "BMVI";
|
|
474
|
+
Bundesministerium["Bundesministerium f\u00FCr Umwelt, Naturschutz und nukleare Sicherheit"] = "BMU";
|
|
475
|
+
Bundesministerium["Bundesministerium f\u00FCr Bildung und Forschung"] = "BMBF";
|
|
476
|
+
Bundesministerium["Bundesministerium f\u00FCr wirtschaftliche Zusammenarbeit und Entwicklung"] = "BMZ";
|
|
477
|
+
})(Bundesministerium || (Bundesministerium = {}));
|
|
478
|
+
var Bundesamt;
|
|
479
|
+
(function (Bundesamt) {
|
|
480
|
+
Bundesamt["Beschaffungsamt des Bundesministeriums des Innern"] = "BeschA";
|
|
481
|
+
Bundesamt["Bundesamt f\u00FCr Ausr\u00FCstung, Informationstechnik und Nutzung der Bundeswehr"] = "BAAINBw";
|
|
482
|
+
Bundesamt["Bundesamt f\u00FCr \u00E4u\u00DFere Restitutionen"] = "BAR";
|
|
483
|
+
Bundesamt["Bundesamt f\u00FCr Bauwesen und Raumordnung"] = "BBR";
|
|
484
|
+
Bundesamt["Bundesamt f\u00FCr Bev\u00F6lkerungsschutz und Katastrophenhilfe"] = "BBK";
|
|
485
|
+
Bundesamt["Bundesamt f\u00FCr Familie und zivilgesellschaftliche Aufgaben"] = "BAFzA";
|
|
486
|
+
Bundesamt["Bundesamt f\u00FCr G\u00FCterverkehr"] = "BAG";
|
|
487
|
+
Bundesamt["Bundesamt f\u00FCr Justiz"] = "BfJ";
|
|
488
|
+
Bundesamt["Bundesamt f\u00FCr Kartographie und Geod\u00E4sie"] = "BKG";
|
|
489
|
+
Bundesamt["Bundesamt f\u00FCr kerntechnische Entsorgungssicherheit"] = "BASE";
|
|
490
|
+
Bundesamt["Bundesamt f\u00FCr Migration und Fl\u00FCchtlinge"] = "BAMF";
|
|
491
|
+
Bundesamt["Bundesamt f\u00FCr Sicherheit in der Informationstechnik"] = "BSI";
|
|
492
|
+
Bundesamt["Bundesamt f\u00FCr Verbraucherschutz und Lebensmittelsicherheit"] = "BVL";
|
|
493
|
+
Bundesamt["Bundesamt f\u00FCr Verfassungsschutz"] = "BfV";
|
|
494
|
+
Bundesamt["Bundesamt f\u00FCr Wirtschaft und Ausfuhrkontrolle"] = "BAFA";
|
|
495
|
+
Bundesamt["Bundesamt f\u00FCr zentrale Dienste und offene Verm\u00F6gensfragen"] = "BADV";
|
|
496
|
+
Bundesamt["Bundesanstalt f\u00FCr Verwaltungsdienstleistungen"] = "BAV";
|
|
497
|
+
Bundesamt["Bundesarchiv"] = "BArch";
|
|
498
|
+
Bundesamt["Bundesaufsichtsamt f\u00FCr Flugsicherung"] = "BAF";
|
|
499
|
+
Bundesamt["Bundesausgleichsamt"] = "BAA";
|
|
500
|
+
Bundesamt["Bundeskartellamt"] = "BKartA";
|
|
501
|
+
Bundesamt["Bundeskriminalamt"] = "BKA";
|
|
502
|
+
Bundesamt["Bundesnachrichtendienst"] = "BND";
|
|
503
|
+
Bundesamt["Bundesnetzagentur f\u00FCr Elektrizit\u00E4t, Gas, Telekommunikation, Post und Eisenbahnen"] = "BNetzA";
|
|
504
|
+
Bundesamt["Bundespolizeipr\u00E4sidium"] = "BPOLP";
|
|
505
|
+
Bundesamt["Bundespr\u00FCfstelle f\u00FCr jugendgef\u00E4hrdende Medien"] = "BPjM";
|
|
506
|
+
Bundesamt["Bundessortenamt"] = "BSA";
|
|
507
|
+
Bundesamt["Bundessprachenamt"] = "BSprA";
|
|
508
|
+
Bundesamt["Bundesamt f\u00FCr Soziale Sicherung"] = "BAS";
|
|
509
|
+
Bundesamt["Bundesverwaltungsamt"] = "BVA";
|
|
510
|
+
Bundesamt["Bundeszentralamt f\u00FCr Steuern"] = "BZSt";
|
|
511
|
+
Bundesamt["Deutsches Patent- und Markenamt"] = "DPMA";
|
|
512
|
+
Bundesamt["Eisenbahn-Bundesamt"] = "EBA";
|
|
513
|
+
Bundesamt["Generalzolldirektion"] = "GZD";
|
|
514
|
+
Bundesamt["Milit\u00E4rischer Abschirmdienst"] = "MAD";
|
|
515
|
+
Bundesamt["Zentrale Stelle f\u00FCr Informationstechnik im Sicherheitsbereich"] = "ZITiS";
|
|
516
|
+
})(Bundesamt || (Bundesamt = {}));
|
|
517
|
+
var Bundesanstalt;
|
|
518
|
+
(function (Bundesanstalt) {
|
|
519
|
+
Bundesanstalt["Informationstechnikzentrum Bund"] = "ITZBund";
|
|
520
|
+
Bundesanstalt["Bundesanstalt f\u00FCr den Digitalfunk der Beh\u00F6rden und Organisationen mit Sicherheitsaufgaben"] = "BDBOS";
|
|
521
|
+
Bundesanstalt["Bundesanstalt f\u00FCr Landwirtschaft und Ern\u00E4hrung"] = "BLE";
|
|
522
|
+
Bundesanstalt["Bundesanstalt Technisches Hilfswerk"] = "THW";
|
|
523
|
+
Bundesanstalt["Bundesinstitut f\u00FCr Arzneimittel und Medizinprodukte"] = "BfArM";
|
|
524
|
+
Bundesanstalt["Bundesinstitut f\u00FCr Bev\u00F6lkerungsforschung"] = "BiB";
|
|
525
|
+
Bundesanstalt["Bundesinstitut f\u00FCr Sportwissenschaft"] = "BISp";
|
|
526
|
+
})(Bundesanstalt || (Bundesanstalt = {}));
|
|
527
|
+
const BUND_LOGO_TEXT_MAP = new Map();
|
|
528
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Die Bundesregierung'], ['Die', 'Bundesregierung']);
|
|
529
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium der Finanzen'], ['Bundesministerium', 'der Finanzen']);
|
|
530
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium des Innern, für Bau und Heimat'], ['Bundesministerium', 'des Inneren, für Bau', 'und Heimat']);
|
|
531
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Auswärtiges Amt'], ['Auswärtiges Amt']);
|
|
532
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Wirtschaft und Energie'], ['Bundesministerium', 'für Wirtschaft', 'und Energie']);
|
|
533
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium der Justiz und für Verbraucherschutz'], [
|
|
534
|
+
'Bundesministerium',
|
|
535
|
+
'der Justiz und',
|
|
536
|
+
'für Verbraucherschutz',
|
|
537
|
+
]);
|
|
538
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Arbeit und Soziales'], ['Bundesministerium', 'für Arbeit und Soziales']);
|
|
539
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium der Verteidigung'], ['Bundesministerium', 'der Verteidigung']);
|
|
540
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Bildung und Forschung'], ['Bundesministerium', 'für Bildung', 'und Forschung']);
|
|
541
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Ernährung und Landwirtschaft'], ['Bundesministerium', 'für Ernährung', 'und Landwirtschaft']);
|
|
542
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Familie, Senioren, Frauen und Jugend'], [
|
|
543
|
+
'Bundesministerium',
|
|
544
|
+
'für Familie, Senioren, Frauen',
|
|
545
|
+
'und Jugend',
|
|
546
|
+
]);
|
|
547
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Gesundheit'], ['Bundesministerium', 'für Gesundheit']);
|
|
548
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit'], [
|
|
549
|
+
'Bundesministerium',
|
|
550
|
+
'für Umwelt, Naturschutz',
|
|
551
|
+
'und nukleare Sicherheit',
|
|
552
|
+
]);
|
|
553
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für Verkehr und digitale Infrastruktur'], [
|
|
554
|
+
'Bundesministerium',
|
|
555
|
+
'für Verkehr und',
|
|
556
|
+
'digitale Infrastruktur',
|
|
557
|
+
]);
|
|
558
|
+
BUND_LOGO_TEXT_MAP.set(Bundesministerium['Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung'], [
|
|
559
|
+
'Bundesministerium',
|
|
560
|
+
'für wirtschaftliche Zusammenarbeit',
|
|
561
|
+
'und Entwicklung',
|
|
562
|
+
]);
|
|
563
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Beschaffungsamt des Bundesministeriums des Innern'], ['Beschaffungsamt', 'des Bundesministeriums', 'des Innern']);
|
|
564
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr'], []);
|
|
565
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für äußere Restitutionen'], []);
|
|
566
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Bauwesen und Raumordnung'], []);
|
|
567
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Bevölkerungsschutz und Katastrophenhilfe'], ['Bundesamt', 'für Bevölkerungsschutz', 'und Katastrophenhilfe']);
|
|
568
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Familie und zivilgesellschaftliche Aufgaben'], [
|
|
569
|
+
'Bundesamt',
|
|
570
|
+
'für Familie und',
|
|
571
|
+
'zivilgesellschaftliche Aufgaben',
|
|
572
|
+
]);
|
|
573
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Güterverkehr'], ['Bundesamt', 'für Güterverkehr']);
|
|
574
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Justiz'], ['Bundesamt für', 'Justiz']);
|
|
575
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Kartographie und Geodäsie'], ['Bundesamt für', 'Kartographie und Geodäsie']);
|
|
576
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für kerntechnische Entsorgungssicherheit'], ['Bundesamt für', 'kerntechnische', 'Entsorgungssicherheit']);
|
|
577
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Migration und Flüchtlinge'], ['Bundesamt', 'für Migration', 'und Flüchtlinge']);
|
|
578
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Sicherheit in der Informationstechnik'], ['Bundesamt', 'für Sicherheit in der', 'Informationstechnik']);
|
|
579
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Verbraucherschutz und Lebensmittelsicherheit'], [
|
|
580
|
+
'Bundesamt für',
|
|
581
|
+
'Verbraucherschutz und',
|
|
582
|
+
'Lebensmittelsicherheit',
|
|
583
|
+
]);
|
|
584
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Verfassungsschutz'], ['Bundesamt für', 'Verfassungsschutz']);
|
|
585
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Wirtschaft und Ausfuhrkontrolle'], ['Bundesamt', 'für Wirtschaft', 'Ausfuhrkontrolle']);
|
|
586
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für zentrale Dienste und offene Vermögensfragen'], [
|
|
587
|
+
'Bundesamt',
|
|
588
|
+
'für zentrale Dienste und',
|
|
589
|
+
'offene Vermögensfragen',
|
|
590
|
+
]);
|
|
591
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesanstalt für Verwaltungsdienstleistungen'], ['Bundesanstalt', 'für Verwaltungsdienstleistungen']);
|
|
592
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesarchiv'], ['Das', 'Bundesarchiv']);
|
|
593
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesaufsichtsamt für Flugsicherung'], ['Bundesaufsichtsamt', 'für Flugsicherung']);
|
|
594
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesausgleichsamt'], ['Bundesausgleichsamt']);
|
|
595
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeskartellamt'], ['Bundeskartellamt']);
|
|
596
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeskriminalamt'], ['Bundeskriminalamt']);
|
|
597
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesnachrichtendienst'], ['Bundesnachrichtendienst']);
|
|
598
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen'], ['Bundesnetzagentur']);
|
|
599
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundespolizeipräsidium'], ['Bundespolizeipräsidium']);
|
|
600
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesprüfstelle für jugendgefährdende Medien'], ['Bundesprüfstelle', 'für jugendgefährdende', 'Medien']);
|
|
601
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundessortenamt'], ['Bundessortenamt']);
|
|
602
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundessprachenamt'], ['Bundessprachenamt']);
|
|
603
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesamt für Soziale Sicherung'], ['Bundesamt', 'für Soziale Sicherung']);
|
|
604
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundesverwaltungsamt'], ['Bundesverwaltungsamt']);
|
|
605
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Bundeszentralamt für Steuern'], ['Bundeszentralamt', 'für Steuern']);
|
|
606
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Deutsches Patent- und Markenamt'], ['Deutsches', 'Patent- und Markenamt']);
|
|
607
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Eisenbahn-Bundesamt'], ['Eisenbahn-Bundesamt']);
|
|
608
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Generalzolldirektion'], ['Generalzolldirektion']);
|
|
609
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Militärischer Abschirmdienst'], ['Bundesamt für den', 'Militärischen Abschirmdienst']);
|
|
610
|
+
BUND_LOGO_TEXT_MAP.set(Bundesamt['Zentrale Stelle für Informationstechnik im Sicherheitsbereich'], [
|
|
611
|
+
'Zentrale Stelle',
|
|
612
|
+
'für Informationstechnik',
|
|
613
|
+
'im Sicherheitsbereich',
|
|
614
|
+
]);
|
|
615
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Informationstechnikzentrum Bund'], ['Informations', 'Technik', 'Zentrum Bund']);
|
|
616
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben'], [
|
|
617
|
+
'Bundesanstalt',
|
|
618
|
+
'für den Digitalfunk der Behörden und',
|
|
619
|
+
'Organisationen mit Sicherheitsaufgaben',
|
|
620
|
+
]);
|
|
621
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesanstalt für Landwirtschaft und Ernährung'], ['Bundesanstalt für', 'Landwirtschaft und Ernährung']);
|
|
622
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesanstalt Technisches Hilfswerk'], ['Bundesanstalt', 'Technisches Hilfswerk']);
|
|
623
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Arzneimittel und Medizinprodukte'], ['Bundesinstitut', 'für Arzneimittel', 'und Medizinprodukte']);
|
|
624
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Bevölkerungsforschung'], ['Bundesinstitut', 'für Bevölkerungsforschung']);
|
|
625
|
+
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Sportwissenschaft'], ['Bundesinstitut', 'für Sportwissenschaft']);
|
|
626
|
+
|
|
627
|
+
var css_248z$1$ = "@layer kol-theme-global {\n :host {\n --border-radius: var(--kolibri-border-radius, calc(5rem / var(--kolibri-root-font-size, 16)));\n --font-family: var(--kolibri-font-family, Verdana, Arial, Calibri, Helvetica, sans-serif);\n --font-size: var(--kolibri-font-size, calc(16rem / var(--kolibri-root-font-size, 16)));\n --spacing: var(--kolibri-spacing, calc(4rem / var(--kolibri-root-font-size, 16)));\n --border-width: var(--kolibri-border-width, calc(1rem / var(--kolibri-root-font-size, 16)));\n --color-primary: var(--kolibri-color-primary, #004b76);\n --color-primary-variant: var(--kolibri-color-primary-variant, #0077b6);\n --color-danger: var(--kolibri-color-danger, #b4003c);\n --color-warning: var(--kolibri-color-warning, #c44931);\n --color-success: var(--kolibri-color-success, #005c45);\n --color-subtle: var(--kolibri-color-subtle, #576164);\n --color-light: var(--kolibri-color-light, #ffffff);\n --color-text: var(--kolibri-color-text, #202020);\n --color-mute: var(--kolibri-color-mute, #f2f3f4);\n --color-mute-variant: var(--kolibri-color-mute-variant, #bec5c9);\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus,\n .kol-input:not(.checkbox, .radio) .input:focus-within,\n .kol-input:is(.checkbox, .radio) input:focus,\n summary:focus {\n cursor: pointer;\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-headline {\n font-weight: 700;\n }\n .kol-tooltip__floating {\n border: var(--border-width) solid var(--color-subtle);\n border-radius: var(--border-radius);\n }\n .kol-tooltip__arrow {\n background-color: var(--color-light);\n border: var(--border-width) solid var(--color-subtle);\n }\n .kol-tooltip__content {\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n line-height: 1.5;\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-span,\n .kol-span__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}";
|
|
628
|
+
|
|
629
|
+
var css_248z$1_ = "@layer kol-theme-component {\n :host {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n font-family: var(--font-family);\n }\n .kol-accordion {\n width: 100%;\n height: 100%;\n display: grid;\n }\n .kol-accordion__content {\n margin: 0;\n padding-left: 2.25em;\n padding-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading {\n margin: 0;\n }\n .kol-accordion__heading-button {\n display: flex;\n border-radius: var(--border-radius);\n min-height: calc(35.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading-button:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n cursor: pointer;\n }\n .kol-accordion__heading-button:focus-within .kol-button {\n outline: 0;\n }\n .kol-accordion__heading-button .kol-span__container {\n display: flex;\n place-items: baseline center;\n text-align: left;\n gap: 0.5em;\n font-weight: 700;\n font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n line-height: 1.1;\n }\n .kol-accordion__heading-button .kol-button {\n padding: calc(12rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading-button .kol-button :focus {\n outline: none;\n }\n .kol-accordion__heading-button .kol-icon {\n color: var(--color-primary);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
630
|
+
|
|
631
|
+
var css_248z$1Z = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
632
|
+
|
|
633
|
+
var css_248z$1Y = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n}";
|
|
634
|
+
|
|
635
|
+
var css_248z$1X = "@layer kol-theme-component {\n .kol-badge {\n font-family: var(--font-family);\n border-radius: var(--border-radius);\n display: inline-flex;\n font-style: normal;\n }\n .kol-badge--has-smart-button {\n align-items: center;\n }\n .kol-badge__smart-button .kol-button {\n color: inherit;\n border-top-right-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n padding: calc(3.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-badge__smart-button .kol-button:hover {\n background-color: var(--color-primary-variant);\n color: var(--color-light);\n }\n .kol-badge__smart-button .kol-button__text {\n align-items: center;\n font-style: normal;\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-badge__label {\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n font-style: normal;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-badge__label .kol-span__container {\n display: flex;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
14
636
|
|
|
15
|
-
var css_248z$
|
|
637
|
+
var css_248z$1W = "@layer kol-theme-component {\n .kol-breadcrumb {\n font-family: var(--font-family);\n }\n .kol-breadcrumb__list-element-span {\n color: var(--color-subtle);\n }\n .kol-breadcrumb__link::part(icon) {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-breadcrumb__icon {\n font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n color: var(--color-subtle);\n }\n}";
|
|
16
638
|
|
|
17
|
-
var css_248z$
|
|
639
|
+
var css_248z$1V = "@layer kol-theme-component {\n .kol-button:focus {\n outline: none;\n }\n .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-button--secondary, .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n }\n .kol-button--danger:not([disabled]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n }\n .kol-button__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-button__text:hover {\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-button--hide-label .kol-button__text {\n padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n width: unset;\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-button:focus {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-button:disabled:hover .kol-button__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n box-shadow: none;\n }\n .kol-button .badge-text-hint {\n background-color: var(--color-mute-variant);\n border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n color: var(--color-text);\n padding: 0 0.3em;\n }\n .kol-button {\n font-family: var(--font-family);\n }\n .kol-button__text {\n font-weight: 700;\n border-style: solid;\n border-width: var(--border-width);\n border-radius: var(--border-radius);\n }\n}";
|
|
18
640
|
|
|
19
|
-
var css_248z$
|
|
641
|
+
var css_248z$1U = "@layer kol-theme-component {\n .kol-button {\n color: var(--color-primary);\n font-style: normal;\n font-weight: 400;\n }\n .kol-button:focus {\n outline: none;\n }\n .kol-button:visited {\n color: var(--visited);\n }\n .kol-button:focus .kol-button__text {\n border-radius: var(--border-radius);\n outline: var(--border-width) solid;\n }\n .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n text-decoration-thickness: 0.25em;\n }\n .kol-button {\n color: var(--color-primary);\n font-style: normal;\n font-weight: 400;\n font-size: inherit;\n }\n .kol-button:focus {\n outline: none;\n --text-border-radius: var(--border-radius);\n --text-outline: calc(var(--border-width) * 2) solid;\n }\n .kol-button:visited {\n color: var(--visited);\n }\n .kol-button:focus .kol-button__text {\n border-radius: var(--text-border-radius);\n outline: var(--text-outline);\n }\n .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n text-decoration-thickness: 0.25em;\n }\n .badge-text-hint {\n background-color: var(--color-mute-variant);\n border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n color: var(--color-text);\n padding: 0 0.3em;\n }\n}";
|
|
20
642
|
|
|
21
|
-
var css_248z$
|
|
643
|
+
var css_248z$1T = "@layer kol-theme-component {\n .kol-card {\n font-family: var(--font-family);\n display: grid;\n width: 100%;\n height: 100%;\n background-color: var(--color-light);\n grid-template-rows: min-content 2fr min-content;\n box-shadow: 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) color-mix(in srgb, black 80%, var(--color-subtle));\n border-radius: var(--border-radius);\n }\n .kol-card__header {\n padding: calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-card__content {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n }\n .kol-card__headline {\n line-height: 1.75;\n }\n}";
|
|
22
644
|
|
|
23
|
-
var css_248z$
|
|
645
|
+
var css_248z$1S = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .combobox {\n display: block;\n position: relative;\n }\n .combobox__group {\n display: inline-flex;\n align-items: center;\n width: 100%;\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__input {\n flex-grow: 1;\n border: none;\n width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .combobox__input::placeholder {\n color: var(--color-subtle);\n }\n .combobox__input:first-child {\n padding-left: var(--spacing);\n }\n .combobox__input:last-child {\n padding-right: var(--spacing);\n }\n .combobox__icon {\n display: grid;\n place-items: center;\n padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__icon:focus {\n outline: 0;\n }\n .combobox__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n border-color: var(--color-subtle);\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item {\n display: flex;\n align-items: center;\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item:focus {\n background-color: var(--color-primary-variant);\n color: var(--color-light);\n outline: 0;\n }\n .kol-input {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:not(.hidden-error) .kol-alert {\n order: 1;\n }\n .kol-input label {\n order: 2;\n }\n .kol-input .input {\n order: 3;\n padding: 0;\n }\n .kol-input .counter {\n order: 4;\n }\n .kol-input .hint {\n order: 5;\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n input::placeholder {\n color: var(--color-subtle);\n }\n .input {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .input > .kol-icon {\n width: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .input:is(.icon-left, .icon-right) {\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .input:is(.icon-left, .icon-right) input {\n padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .input > input:first-child {\n padding-left: var(--spacing);\n }\n .input > input:last-child {\n padding-right: var(--spacing);\n }\n :not(.disabled) .input:hover {\n border-color: var(--color-primary);\n }\n .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n }\n .kol-input.error:not(.hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input.error:not(.hidden-error) .input:focus-within {\n outline-color: var(--color-danger);\n }\n .kol-input.error:not(.hidden-error) .kol-alert--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-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
24
646
|
|
|
25
|
-
var css_248z$
|
|
647
|
+
var css_248z$1R = "@layer kol-theme-component {\n .kol-details {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n height: 100%;\n display: grid;\n }\n .kol-details__content.indented-text {\n font-family: var(--font-family);\n border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary-variant);\n padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading {\n margin: 0;\n }\n .kol-details__heading-button .kol-icon {\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button .kol-span__container {\n display: flex;\n text-align: left;\n gap: 0;\n }\n .kol-details__heading-button .kol-span__label {\n border-bottom-color: #000;\n }\n .kol-details__heading-button .kol-button:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n cursor: pointer;\n }\n}";
|
|
26
648
|
|
|
27
|
-
var css_248z$
|
|
649
|
+
var css_248z$1Q = "@layer kol-theme-component {\n .kol-drawer__wrapper {\n box-shadow: 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) var(--color-subtle);\n }\n .kol-drawer__wrapper--left {\n animation: slideInLeft 0.4s forwards;\n }\n .kol-drawer__wrapper--left.kol-drawer__wrapper--is-closing {\n animation: slideOutLeft 0.4s forwards;\n }\n .kol-drawer__wrapper--right {\n animation: slideInRight 0.4s forwards;\n }\n .kol-drawer__wrapper--right.kol-drawer__wrapper--is-closing {\n animation: slideOutRight 0.4s forwards;\n }\n .kol-drawer__wrapper--top {\n animation: slideInTop 0.4s forwards;\n }\n .kol-drawer__wrapper--top.kol-drawer__wrapper--is-closing {\n animation: slideOutTop 0.4s forwards;\n }\n .kol-drawer__wrapper--bottom {\n animation: slideInBottom 0.4s forwards;\n }\n .kol-drawer__wrapper--bottom.kol-drawer__wrapper--is-closing {\n animation: slideOutBottom 0.4s forwards;\n }\n}\n@keyframes slideInLeft {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes slideInRight {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes slideInTop {\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes slideInBottom {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes slideOutLeft {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-100%);\n }\n}\n@keyframes slideOutRight {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes slideOutTop {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%);\n }\n}\n@keyframes slideOutBottom {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(100%);\n }\n}";
|
|
28
650
|
|
|
29
|
-
var css_248z$
|
|
651
|
+
var css_248z$1P = "@layer kol-theme-component {\n .kol-link {\n color: var(--color-primary);\n font-style: normal;\n font-weight: 400;\n }\n .kol-link:focus {\n outline: none;\n }\n .kol-link:visited {\n color: var(--visited);\n }\n .kol-link:focus .kol-link__text {\n border-radius: var(--border-radius);\n outline: var(--border-width) solid;\n }\n .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n text-decoration-thickness: 0.25em;\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form {\n font-family: var(--font-family);\n }\n .kol-form__link {\n display: inline-block;\n }\n .kol-form__mandatory-fields-hint {\n font-family: var(--font-family);\n border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary-variant);\n padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n}";
|
|
30
652
|
|
|
31
|
-
var css_248z$
|
|
653
|
+
var css_248z$1O = "@layer kol-theme-component {\n .kol-headline--h1 {\n font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n line-height: 1.667;\n }\n .kol-headline--h2 {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1.4;\n }\n .kol-headline--h3 {\n font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n line-height: 1.333;\n }\n .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n color: inherit;\n font-style: normal;\n font-family: var(--font-family);\n }\n .kol-headline--h1, .kol-headline--h2, .kol-headline--h3 {\n font-weight: 700;\n }\n}";
|
|
32
654
|
|
|
33
|
-
var css_248z$2t = "@layer kol-theme-component {\n .kol-details {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n height: 100%;\n display: grid;\n }\n .kol-details__content.indented-text {\n font-family: var(--font-family);\n border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary-variant);\n padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading {\n margin: 0;\n }\n .kol-details__heading-button .kol-icon {\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button .kol-span__container {\n display: flex;\n text-align: left;\n gap: 0;\n }\n .kol-details__heading-button .kol-span__label {\n border-bottom-color: #000;\n }\n .kol-details__heading-button .kol-button:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n cursor: pointer;\n }\n}";
|
|
655
|
+
var css_248z$1N = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-form-field--disabled .kol-form-field__input {\n outline: none;\n cursor: not-allowed;\n }\n .kol-form-field--disabled .kol-form-field__label {\n cursor: not-allowed;\n }\n .kol-field-control {\n column-gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-field-control--required .kol-field-control__label-text::after {\n padding-left: 0.125em;\n }\n .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-field-control {\n gap: calc(6.4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox .kol-input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n cursor: pointer;\n order: 1;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: var(--border-radius);\n appearance: none;\n background-color: white;\n transition: 0.5s;\n margin: 0;\n }\n .kol-checkbox .kol-input:checked, .kol-checkbox .kol-input:indeterminate {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .kol-checkbox .kol-input:disabled {\n cursor: not-allowed;\n }\n .kol-checkbox .kol-input:focus {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-checkbox .kol-input:focus:hover {\n box-shadow: none;\n }\n .kol-checkbox .kol-input:active {\n box-shadow: none;\n }\n .kol-checkbox .kol-input:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .kol-checkbox.kol-checkbox--disabled {\n opacity: 0.5;\n }\n .kol-checkbox--variant-default {\n width: initial;\n min-width: initial;\n }\n .kol-checkbox--variant-default .kol-input {\n border-radius: var(--border-radius);\n height: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n min-width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox--variant-default .kol-icon {\n color: var(--color-light);\n }\n .kol-checkbox--variant-switch .kol-icon {\n width: 1.25em;\n height: 1.25em;\n left: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox--variant-switch .kol-input {\n background-color: var(--color-subtle);\n border-radius: 1.25em;\n border-width: 0;\n display: block;\n height: 1.5em;\n min-width: 3.5em;\n position: relative;\n width: 3.5em;\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox--variant-switch .kol-input:focus {\n outline-color: var(--color-primary);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox--variant-switch .kol-input:before {\n width: 1.25em;\n height: 1.25em;\n left: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n top: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n border-radius: 1.25em;\n background-color: white;\n position: absolute;\n }\n .kol-checkbox--variant-switch .kol-input:checked {\n background-color: var(--color-primary);\n }\n .kol-checkbox--variant-switch .kol-input:checked::before {\n transform: translateX(2em);\n }\n .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n transform: translateX(1em);\n }\n .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n transform: translate(2em, -50%);\n }\n .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n transform: translate(1em, -50%);\n }\n .kol-input-checkbox__field-control--variant-button {\n gap: unset;\n }\n .kol-input-checkbox__field-control--variant-button .kol-field-control__input, .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n border-color: var(--color-primary);\n background-color: var(--color-light);\n color: var(--color-primary);\n }\n .kol-input-checkbox__field-control--variant-button .kol-field-control__input {\n height: 100%;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16)) 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid none solid solid;\n border-radius: var(--border-radius) 0 0 var(--border-radius);\n }\n .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n border-width: calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n border-style: solid solid solid none;\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\n justify-self: stretch;\n align-self: stretch;\n display: flex;\n padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-checkbox__field-control--variant-button .kol-field-control__label-text {\n margin: auto auto;\n font-weight: 700;\n }\n .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__label {\n border-color: var(--color-primary);\n background-color: var(--color-mute);\n color: var(--color-primary);\n }\n .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__label {\n border-color: var(--color-primary);\n background-color: var(--color-primary);\n color: var(--color-light);\n }\n .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__input, .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__label {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n color: var(--color-light);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n }\n .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n }\n .kol-input-checkbox__field-control--variant-button:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__input {\n border-width: calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n border-style: solid solid solid none;\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__label {\n border-width: calc(1rem / var(--kolibri-root-font-size, 16)) 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid none solid solid;\n border-radius: var(--border-radius) 0 0 var(--border-radius);\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--hide-label .kol-field-control__input {\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: var(--border-radius);\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__input {\n opacity: 0.5;\n outline: none;\n cursor: not-allowed;\n }\n .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__label {\n cursor: not-allowed;\n }\n}";
|
|
34
656
|
|
|
35
|
-
var css_248z$
|
|
657
|
+
var css_248z$1M = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}";
|
|
36
658
|
|
|
37
|
-
var css_248z$
|
|
659
|
+
var css_248z$1L = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}";
|
|
38
660
|
|
|
39
|
-
var css_248z$
|
|
661
|
+
var css_248z$1K = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}";
|
|
40
662
|
|
|
41
|
-
var css_248z$2p = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\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 .checkbox-container {\n position: relative;\n justify-content: center;\n }\n .input,\n .checkbox-container {\n min-width: initial;\n width: initial;\n }\n .kol-input.default {\n grid-template-columns: auto 1fr;\n }\n .kol-input.default[data-label-align=left]:not(.hide-label) {\n grid-template-columns: 1fr auto;\n }\n .kol-input.default[data-label-align=left]:not(.hide-label) .checkbox-container {\n justify-content: center;\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 .kol-input > div.input {\n display: flex;\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.error {\n order: 1;\n padding-top: calc(var(--spacing) / 2);\n grid-column: span 2/auto;\n }\n .kol-input.error:not(.hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input.error:not(.hidden-error) .input:focus-within {\n outline-color: var(--color-danger);\n }\n .kol-input.error:not(.hidden-error) .kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-input.error:not(.hidden-error) input:focus,\n .kol-input.error:not(.hidden-error) select:focus,\n .kol-input.error:not(.hidden-error) textarea:focus {\n outline-color: var(--color-danger);\n }\n input {\n cursor: pointer;\n order: 1;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: var(--border-radius);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n }\n input:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n input:focus:hover {\n box-shadow: none;\n }\n input:active {\n box-shadow: none;\n }\n .kol-alert {\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 margin: 0;\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 display: flex;\n }\n .kol-input.switch input[type=checkbox] {\n background-color: var(--color-subtle);\n border-radius: 1.25em;\n border-width: 0;\n display: block;\n height: 1.5em;\n min-width: 3.5em;\n position: relative;\n width: 3.5em;\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input.switch input[type=checkbox]:before {\n width: 1.25em;\n height: 1.25em;\n left: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n top: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n border-radius: 1.25em;\n background-color: white;\n position: absolute;\n }\n .kol-input.switch input[type=checkbox]:checked {\n background-color: var(--color-primary);\n }\n .kol-input.switch input[type=checkbox]:checked:before {\n transform: translateX(2em);\n }\n .kol-input.switch input[type=checkbox]:indeterminate:before {\n transform: translateX(1em);\n }\n .kol-input input[type=checkbox]:focus {\n outline-color: var(--color-primary);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .switch .icon {\n width: 1.25em;\n height: 1.25em;\n left: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .switch.checked .icon {\n transform: translate(2em, -50%);\n }\n .switch.indeterminate .icon {\n transform: translate(1em, -50%);\n }\n .button .input {\n border-top-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-left-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-bottom-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-top-style: solid;\n border-left-style: solid;\n border-bottom-style: solid;\n }\n .button.hide-label .input {\n border-right-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-right-style: solid;\n }\n .button .input-label {\n border-top-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-right-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-bottom-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-top-style: solid;\n border-right-style: solid;\n border-bottom-style: solid;\n justify-self: stretch;\n align-self: stretch;\n display: flex;\n padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .button .input-label .input-label-span {\n margin: auto auto;\n font-weight: 700;\n }\n .button:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .button .input,\n .button .input-label {\n border-color: var(--color-primary);\n background-color: var(--color-light);\n color: var(--color-primary);\n }\n .button.indeterminate .input,\n .button.indeterminate .input-label {\n border-color: var(--color-primary);\n background-color: var(--color-mute);\n color: var(--color-primary);\n }\n .button.checked .input,\n .button.checked .input-label {\n border-color: var(--color-primary);\n background-color: var(--color-primary);\n color: var(--color-light);\n }\n .button:is(:active, :hover):not(.disabled) .input,\n .button:is(:active, :hover):not(.disabled) .input-label {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n color: var(--color-light);\n }\n .button.disabled .input {\n opacity: 0.5;\n outline: none;\n }\n .button[data-label-align=left]:not(.hide-label) {\n column-gap: 0;\n }\n .button[data-label-align=left]:not(.hide-label) .input {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n }\n .button[data-label-align=left]:not(.hide-label) .input-label {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16)) 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
663
|
+
var css_248z$1J = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}\n@layer kol-theme-component {\n .kol-input-container {\n gap: initial;\n }\n .kol-input {\n padding-top: calc(0.5em + 2rem / var(--kolibri-root-font-size, 16));\n background-color: transparent;\n }\n}";
|
|
42
664
|
|
|
43
|
-
var css_248z$
|
|
665
|
+
var css_248z$1I = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}";
|
|
44
666
|
|
|
45
|
-
var css_248z$
|
|
667
|
+
var css_248z$1H = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}";
|
|
46
668
|
|
|
47
|
-
var css_248z$
|
|
669
|
+
var css_248z$1G = "@layer kol-theme-component {\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-field-control {\n column-gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-field-control--required .kol-field-control__label-text::after {\n padding-left: 0.125em;\n }\n .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field {\n border: 0;\n display: grid;\n font-family: var(--font-family);\n margin: 0;\n padding: 0;\n }\n .kol-form-field--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field__label {\n display: inline-block;\n padding: 0;\n }\n .kol-form-field__input {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__input--orientation-horizontal {\n margin-top: calc(var(--spacing) / 2);\n gap: var(--spacing) calc(var(--spacing) * 2);\n }\n .kol-field-control__wrapper {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-field-control__label {\n padding-top: 0.1em;\n }\n .kol-input-radio {\n cursor: pointer;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 50%;\n line-height: 1.5;\n }\n .kol-input-radio:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .kol-input-radio:focus {\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-radio:focus:hover {\n box-shadow: none;\n }\n .kol-input-radio:checked:before {\n background-color: var(--color-primary);\n }\n .kol-input-radio:disabled {\n cursor: not-allowed;\n background-color: var(--color-mute-variant);\n }\n .kol-input--error:focus {\n outline-color: var(--color-danger);\n }\n .kol-field-control__hint,\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-alert--error {\n margin-left: -0.25em;\n }\n}";
|
|
48
670
|
|
|
49
|
-
var css_248z$
|
|
671
|
+
var css_248z$1F = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input-range__inputs-wrapper {\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
50
672
|
|
|
51
|
-
var css_248z$
|
|
673
|
+
var css_248z$1E = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}";
|
|
52
674
|
|
|
53
|
-
var css_248z$
|
|
675
|
+
var css_248z$1D = "@layer kol-theme-component {\n .kol-kolibri {\n font-family: var(--font-family);\n }\n}";
|
|
54
676
|
|
|
55
|
-
var css_248z$
|
|
677
|
+
var css_248z$1C = "@layer kol-theme-component {\n .kol-link:focus {\n outline: none;\n }\n .kol-link--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-link--secondary, .kol-link--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-link--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-link--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-link--primary:not([disabled]):hover, .kol-link--secondary:not([disabled]):hover, .kol-link--normal:not([disabled]):hover, .kol-link--danger:not([disabled]):hover, .kol-link--ghost:not([disabled]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n }\n .kol-link--danger:not([disabled]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n }\n .kol-link__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-link__text:hover {\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-link--hide-label .kol-link__text {\n padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n width: unset;\n }\n .kol-link--hide-label .kol-link__text .kol-span__label {\n display: none;\n }\n .kol-link:focus {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-link:disabled:hover .kol-link__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n box-shadow: none;\n }\n .kol-link .badge-text-hint {\n background-color: var(--color-mute-variant);\n border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n color: var(--color-text);\n padding: 0 0.3em;\n }\n :host {\n font-family: var(--font-family);\n }\n .kol-link:focus {\n outline: none;\n }\n .kol-link__text {\n font-weight: 700;\n border-style: solid;\n border-radius: var(--a11y-min-size);\n outline-width: calc(var(--border-width) * 2);\n }\n .kol-link:focus .kol-link__text {\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(var(--border-width) * 2);\n transition: outline-offset 0.2s linear;\n }\n .kol-link:disabled:hover .kol-link__text {\n box-shadow: none;\n }\n .kol-link:focus:hover .kol-link__text {\n box-shadow: none;\n }\n}";
|
|
56
678
|
|
|
57
|
-
var css_248z$
|
|
679
|
+
var css_248z$1B = "@layer kol-theme-component {\n .kol-link {\n color: var(--color-primary);\n font-style: normal;\n font-weight: 400;\n }\n .kol-link:focus {\n outline: none;\n }\n .kol-link:visited {\n color: var(--visited);\n }\n .kol-link:focus .kol-link__text {\n border-radius: var(--border-radius);\n outline: var(--border-width) solid;\n }\n .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n text-decoration-thickness: 0.25em;\n }\n :host {\n font-family: inherit;\n }\n .kol-link {\n line-height: 1;\n }\n}";
|
|
58
680
|
|
|
59
|
-
var css_248z$
|
|
681
|
+
var css_248z$1A = "@layer kol-theme-component {\n .kol-nav {\n font-family: var(--font-family);\n }\n .kol-nav__navigation {\n background-color: var(--color-mute);\n }\n .kol-nav__list {\n list-style: none;\n }\n .kol-nav__list--nested {\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__list--nested .kol-link,\n .kol-nav__list--nested .kol-button {\n font-weight: normal !important;\n border-left-color: transparent !important;\n }\n .kol-nav__entry--link {\n display: flex;\n }\n .kol-nav__entry .kol-link:hover {\n text-decoration: underline;\n }\n .kol-nav__entry .kol-link,\n .kol-nav__entry .kol-button {\n align-items: center;\n color: var(--color-primary);\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: var(--a11y-min-size);\n text-decoration: none;\n }\n .kol-nav__entry .kol-link:focus-visible,\n .kol-nav__entry .kol-button:focus-visible {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-nav__list--vertical .kol-nav__entry .kol-link,\n .kol-nav__list--vertical .kol-nav__entry .kol-button {\n border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav--horizontal .kol-nav__entry .kol-link,\n .kol-nav--horizontal .kol-nav__entry .kol-button {\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-link,\n .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-button {\n border-left-color: var(--color-primary);\n }\n .kol-nav__list-item--active .kol-nav__entry .kol-link,\n .kol-nav__list-item--active .kol-nav__entry .kol-button {\n font-weight: bold;\n }\n .kol-nav__expand-button {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__expand-button .kol-button:hover {\n background-color: var(--color-primary);\n color: var(--color-light);\n }\n .kol-nav__expand-button .kol-button:focus-visible {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-nav__expand-button .kol-button__text {\n justify-content: center;\n }\n}";
|
|
60
682
|
|
|
61
|
-
var css_248z$
|
|
683
|
+
var css_248z$1z = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-button__text {\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n color: var(--color-primary);\n font-weight: 700;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button__text {\n background-color: var(--color-primary);\n color: var(--color-light);\n border: 0;\n }\n .kol-button:focus .kol-button__text {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n}";
|
|
62
684
|
|
|
63
|
-
var css_248z$
|
|
685
|
+
var css_248z$1y = "@layer kol-theme-component {\n .kol-progress {\n font-family: var(--font-family);\n }\n .kol-progress__bar-progress {\n fill: var(--color-primary-variant);\n }\n .kol-progress__cycle-background {\n stroke: var(--color-mute-variant);\n }\n .kol-progress__cycle-progress {\n stroke: var(--color-primary-variant);\n }\n}";
|
|
64
686
|
|
|
65
|
-
var css_248z$
|
|
687
|
+
var css_248z$1x = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-select {\n border: none;\n }\n .kol-select[multiple] {\n overflow: auto;\n }\n .kol-select__option {\n margin: calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n border-radius: var(--border-radius);\n cursor: pointer;\n }\n .kol-select__option:disabled {\n cursor: not-allowed;\n }\n .kol-select__option:active:not(:disabled), .kol-select__option:checked:not(:disabled), .kol-select__option:focus:not(:disabled), .kol-select__option:hover:not(:disabled) {\n background-color: var(--color-primary-variant);\n color: var(--color-light);\n }\n .kol-select:not([multiple]) .kol-select__option {\n padding: 0.5em;\n }\n}";
|
|
66
688
|
|
|
67
|
-
var css_248z$
|
|
689
|
+
var css_248z$1w = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .single-select__group {\n width: 100%;\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__input {\n border: none;\n width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .single-select__input::placeholder {\n color: var(--color-subtle);\n }\n .single-select__input:first-child {\n padding-left: var(--spacing);\n }\n .single-select__input:last-child {\n padding-right: var(--spacing);\n }\n .single-select__input:not(.disabled) .single-select__input:hover {\n border-color: var(--color-primary);\n }\n .single-select__button {\n display: grid;\n place-items: center;\n padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__button:focus {\n outline: 0;\n }\n .single-select__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n border-color: var(--color-subtle);\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n overflow-y: auto;\n overflow-x: hidden;\n width: 100%;\n }\n .single-select__item {\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__item .radio-label {\n align-self: center;\n padding-left: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__item:focus, .single-select__item.highlighted {\n background-color: var(--color-primary-variant);\n color: var(--color-light);\n outline: 0;\n }\n .kol-input {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:not(.hidden-error) .kol-alert {\n order: 1;\n }\n .kol-input label {\n order: 2;\n }\n .kol-input .input {\n order: 3;\n padding: 0;\n }\n .kol-input .counter {\n order: 4;\n }\n .kol-input .hint {\n order: 5;\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n input::placeholder {\n color: var(--color-subtle);\n }\n .input {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .input > .kol-icon {\n width: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .input:is(.icon-left, .icon-right) {\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .input:is(.icon-left, .icon-right) input {\n padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .input > input:first-child {\n padding-left: var(--spacing);\n }\n .input > input:last-child {\n padding-right: var(--spacing);\n }\n :not(.disabled) .input:hover {\n border-color: var(--color-primary);\n }\n .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n }\n .kol-input.error:not(.hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input.error:not(.hidden-error) .input:focus-within {\n outline-color: var(--color-danger);\n }\n .kol-input.error:not(.hidden-error) .kol-alert--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-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
68
690
|
|
|
69
|
-
var css_248z$
|
|
691
|
+
var css_248z$1v = "@layer kol-theme-component {\n .kol-skip-nav {\n font-family: var(--font-family);\n }\n .kol-skip-nav .kol-link__text {\n border-radius: var(--a11y-min-size);\n border-style: solid;\n border-width: var(--border-width);\n gap: calc(var(--spacing) * 2);\n line-height: 1;\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n color: var(--color-light);\n cursor: pointer;\n }\n}";
|
|
70
692
|
|
|
71
|
-
var css_248z$
|
|
693
|
+
var css_248z$1u = "@layer kol-theme-component {\n .kol-split-button {\n font-family: var(--font-family);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: var(--border-width);\n border-color: var(--color-primary);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n .kol-split-button__button .kol-button .kol-span {\n border-top-left-radius: var(--border-radius);\n border-bottom-left-radius: var(--border-radius);\n }\n .kol-split-button__horizontal-line {\n background-color: var(--color-primary);\n border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button__secondary-button {\n height: 100%;\n }\n .kol-split-button__secondary-button .kol-span {\n border-top-right-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n }\n .kol-split-button .kol-span {\n font-weight: 700;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-split-button .kol-popover__content {\n background-color: #fff;\n }\n .kol-split-button .kol-button:focus {\n outline: none;\n }\n .kol-split-button .kol-button--primary {\n --text-background-color: var(--color-primary);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-light);\n }\n .kol-split-button .kol-button--secondary, .kol-split-button .kol-button--normal {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-primary);\n --text-color: var(--color-primary);\n }\n .kol-split-button .kol-button--danger {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n --text-color: var(--color-light);\n }\n .kol-split-button .kol-button--ghost {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-split-button .kol-button--primary:not([disabled]):hover, .kol-split-button .kol-button--secondary:not([disabled]):hover, .kol-split-button .kol-button--normal:not([disabled]):hover, .kol-split-button .kol-button--danger:not([disabled]):hover, .kol-split-button .kol-button--ghost:not([disabled]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n }\n .kol-split-button .kol-button--danger:not([disabled]):hover {\n --text-background-color: var(--color-danger);\n --text-border-color: var(--color-danger);\n }\n .kol-split-button .kol-button__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-split-button .kol-button__text:hover {\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text {\n padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n width: unset;\n }\n .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-split-button .kol-button:focus {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-split-button .kol-button:disabled:hover .kol-split-button .kol-button__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n box-shadow: none;\n }\n .kol-split-button .kol-button .badge-text-hint {\n background-color: var(--color-mute-variant);\n border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n color: var(--color-text);\n padding: 0 0.3em;\n }\n}";
|
|
72
694
|
|
|
73
|
-
var css_248z$
|
|
695
|
+
var css_248z$1t = "@layer kol-theme-component {\n .kol-table {\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n overflow-x: auto;\n overflow-y: hidden;\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table, .kol-table__caption {\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0;\n }\n .kol-table__caption {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-table__cell {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__cell--header {\n font-weight: normal;\n color: var(--color-primary);\n background-color: var(--color-light);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__selection {\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n .kol-table__spacer {\n display: table-row;\n height: calc(24rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__spacer-line {\n border-width: 0;\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n .kol-table__spacer-line--foot {\n border-bottom-width: calc(var(--border-width) * 2);\n }\n .kol-table__spacer-line--head {\n border-top-width: calc(var(--border-width) * 2);\n }\n .kol-table__row--body:nth-child(even) {\n background-color: var(--color-mute);\n }\n .kol-table__selection-input:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .kol-table__selection-input:focus {\n border-color: var(--color-primary);\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input:focus:hover {\n box-shadow: none;\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--color-subtle);\n border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .kol-table__selection-input--radio {\n display: flex;\n border-color: var(--color-subtle);\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--color-primary);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-primary);\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .kol-table__selection-icon {\n color: var(--color-light);\n }\n .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n border-color: var(--color-primary);\n }\n .kol-table-stateful__pagination {\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n }\n @media (min-width: 1024px) {\n .kol-table-stateful .kol-pagination {\n display: flex;\n align-items: center;\n }\n }\n}";
|
|
74
696
|
|
|
75
|
-
var css_248z$
|
|
697
|
+
var css_248z$1s = "@layer kol-theme-component {\n .kol-table {\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n overflow-x: auto;\n overflow-y: hidden;\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table, .kol-table__caption {\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0;\n }\n .kol-table__caption {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-table__cell {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__cell--header {\n font-weight: normal;\n color: var(--color-primary);\n background-color: var(--color-light);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__selection {\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n .kol-table__spacer {\n display: table-row;\n height: calc(24rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__spacer-line {\n border-width: 0;\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n .kol-table__spacer-line--foot {\n border-bottom-width: calc(var(--border-width) * 2);\n }\n .kol-table__spacer-line--head {\n border-top-width: calc(var(--border-width) * 2);\n }\n .kol-table__row--body:nth-child(even) {\n background-color: var(--color-mute);\n }\n .kol-table__selection-input:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .kol-table__selection-input:focus {\n border-color: var(--color-primary);\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input:focus:hover {\n box-shadow: none;\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--color-subtle);\n border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .kol-table__selection-input--radio {\n display: flex;\n border-color: var(--color-subtle);\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--color-primary);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-primary);\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .kol-table__selection-icon {\n color: var(--color-light);\n }\n .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n border-color: var(--color-primary);\n }\n}";
|
|
76
698
|
|
|
77
|
-
var css_248z$
|
|
699
|
+
var css_248z$1r = "@layer kol-theme-component {\n .kol-tabs {\n font-family: var(--font-family);\n display: grid;\n grid-template-rows: var(--grid-template-rows);\n grid-template-columns: var(--grid-template-columns);\n }\n .kol-tabs--align-right {\n --display: grid;\n --grid-template-columns: 1fr auto;\n --button-group-display: grid;\n --button-group-order: 1;\n }\n .kol-tabs--align-left {\n --display: grid;\n --grid-template-columns: auto 1fr;\n --button-group-order: 0;\n }\n .kol-tabs--align-bottom {\n --display: flex;\n --grid-template-rows: 1fr auto;\n --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n --button-group-order: 1;\n }\n .kol-tabs--align-top {\n --display: flex;\n --grid-template-rows: auto 1fr;\n --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n --button-group-order: 0;\n }\n .kol-tabs__button-group {\n display: var(--display);\n flex-wrap: wrap;\n gap: var(--button-group-gap);\n order: var(--button-group-order);\n }\n .kol-tabs .kol-button {\n box-sizing: border-box;\n background-color: transparent;\n border: 0;\n border-radius: var(--border-radius);\n border: none;\n font-style: normal;\n font-weight: 700;\n font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n color: var(--color-subtle);\n padding: 0;\n }\n .kol-tabs .kol-button:hover {\n color: var(--color-primary);\n }\n .kol-tabs .kol-button.primary, .kol-tabs .kol-button.selected {\n color: var(--color-primary);\n }\n .kol-tabs .kol-button:not(.kol-tabs .kol-button.selected) .kol-span__container {\n padding-bottom: 0.25em;\n }\n .kol-tabs .kol-button.selected .kol-span__container {\n border-bottom: 0.25em solid;\n }\n .kol-tabs .kol-button .kol-span__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-icon {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs__content {\n padding: 0.25em 0;\n }\n .kol-tabs__panel {\n height: 100%;\n }\n .kol-tabs .kol-button-wc {\n width: 100%;\n }\n}";
|
|
78
700
|
|
|
79
|
-
var css_248z$
|
|
701
|
+
var css_248z$1q = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) {\n border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field--error:not(.kol-form-field--hidden-error) .kol-form-field__msg.kol-alert--error {\n color: var(--color-danger);\n font-weight: 700;\n }\n .kol-form-field--required .kol-form-field__label-text::after {\n padding-left: 0.125em;\n }\n .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n padding-left: 0.125em;\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-input-container {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n gap: calc(6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment {\n min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--start > .kol-icon {\n margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container__adornment--end > .kol-icon {\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-container--disabled {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n }\n .kol-input-container:not(.kol-input-container--disabled):hover {\n border-color: var(--color-primary);\n }\n .kol-input-container:focus-within {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .kol-input-container--error:focus-within {\n outline-color: var(--color-danger);\n }\n}\n@layer kol-theme-component {\n .kol-input {\n background-color: transparent;\n border: none;\n }\n .kol-input::placeholder {\n color: var(--color-subtle);\n }\n .kol-input:disabled {\n cursor: not-allowed;\n }\n}\n@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-form-field__msg {\n order: 1;\n }\n .kol-form-field__label {\n order: 2;\n }\n .kol-form-field__input {\n order: 3;\n }\n .kol-form-field__counter {\n order: 4;\n }\n .kol-form-field__hint {\n order: 5;\n }\n .kol-textarea {\n border: none;\n display: block;\n overflow: auto;\n }\n .kol-textarea:disabled {\n cursor: not-allowed;\n }\n .kol-textarea::placeholder {\n color: var(--color-subtle);\n }\n}";
|
|
80
702
|
|
|
81
|
-
var css_248z$
|
|
703
|
+
var css_248z$1p = "@layer kol-theme-component {\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host {\n top: calc(16rem / var(--kolibri-root-font-size, 16));\n right: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(440rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item {\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
82
704
|
|
|
83
|
-
var css_248z$
|
|
705
|
+
var css_248z$1o = "@layer kol-theme-component {\n .kol-toolbar {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n background-color: var(--color-light);\n border-width: var(--border-width);\n border-style: solid;\n }\n}";
|
|
84
706
|
|
|
85
|
-
var css_248z$
|
|
707
|
+
var css_248z$1n = "@layer kol-theme-component {\n .kol-tree-item__link {\n display: block;\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-tree-item__link .kol-link {\n display: block;\n color: var(--color-text);\n text-decoration: none;\n text-align: left;\n }\n .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n background-color: var(--color-primary-variant);\n }\n .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n outline-offset: 0;\n color: var(--color-light);\n }\n .kol-tree-item__link--active {\n background-color: var(--color-primary);\n }\n .kol-tree-item__link--active .kol-link {\n color: var(--color-light);\n }\n .kol-tree-item__toggle-button {\n display: inline-block;\n }\n .kol-tree-item__toggle-button:hover {\n transform: scale(1.3);\n }\n}";
|
|
86
708
|
|
|
87
|
-
var css_248z$
|
|
88
|
-
|
|
89
|
-
var css_248z$21 = "@layer kol-theme-component {\n .kol-alert {\n font-family: var(--font-family);\n display: flex;\n width: 100%;\n overflow: unset;\n background-color: var(--color-light);\n }\n .kol-alert--msg {\n align-items: start;\n }\n .kol-alert--card {\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--alert-accent-color);\n filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n flex-direction: column;\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-subtle);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-danger);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-primary);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-success);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-warning);\n }\n .kol-alert__container {\n display: flex;\n gap: 0.5em;\n place-items: center;\n }\n .kol-alert--card .kol-alert__container {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--alert-accent-color);\n }\n .kol-alert__container-content {\n display: grid;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__container-content {\n width: 100%;\n min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__close-button {\n place-self: center;\n }\n .kol-alert__close-button .kol-button {\n border-radius: 50%;\n cursor: pointer;\n height: var(--a11y-min-size);\n width: var(--a11y-min-size);\n }\n .kol-alert--msg .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-button {\n color: var(--color-light);\n }\n .kol-alert__close-button .kol-icon {\n display: flex;\n width: 1em;\n height: 1em;\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading {\n color: var(--alert-accent-color);\n padding-top: calc(--var-spacing / 2);\n }\n .kol-alert--card .kol-alert__heading {\n width: 100%;\n color: var(--color-light);\n display: flex;\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n }\n .kol-alert__heading-icon {\n color: var(--color-light);\n padding: 0;\n }\n .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n place-items: baseline;\n }\n .kol-alert--card .kol-alert__heading-icon {\n justify-self: right;\n margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host {\n top: calc(16rem / var(--kolibri-root-font-size, 16));\n right: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(440rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item {\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
90
|
-
|
|
91
|
-
var css_248z$20 = "@layer kol-theme-component {\n .kol-toolbar {\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n background-color: var(--color-light);\n border-width: var(--border-width);\n border-style: solid;\n }\n}";
|
|
92
|
-
|
|
93
|
-
var css_248z$1$ = "@layer kol-theme-component {\n .kol-tree-item__link {\n display: block;\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-tree-item__link .kol-link {\n display: block;\n color: var(--color-text);\n text-decoration: none;\n text-align: left;\n }\n .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n background-color: var(--color-primary-variant);\n }\n .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n outline-offset: 0;\n color: var(--color-light);\n }\n .kol-tree-item__link--active {\n background-color: var(--color-primary);\n }\n .kol-tree-item__link--active .kol-link {\n color: var(--color-light);\n }\n .kol-tree-item__toggle-button {\n display: inline-block;\n }\n .kol-tree-item__toggle-button:hover {\n transform: scale(1.3);\n }\n}";
|
|
94
|
-
|
|
95
|
-
var css_248z$1_ = "@layer kol-theme-component {\n .kol-tree__treeview-navigation {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-radius: var(--border-radius);\n }\n .kol-tree:focus-within {\n outline: 0;\n }\n .kol-tree:focus-within ul {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n }\n}";
|
|
709
|
+
var css_248z$1m = "@layer kol-theme-component {\n .kol-tree__treeview-navigation {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-radius: var(--border-radius);\n }\n .kol-tree:focus-within {\n outline: 0;\n }\n .kol-tree:focus-within ul {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n }\n}";
|
|
96
710
|
|
|
97
711
|
const DEFAULT = KoliBri.createTheme('default', {
|
|
98
|
-
GLOBAL: css_248z$
|
|
99
|
-
'KOL-ACCORDION': css_248z$
|
|
100
|
-
'KOL-ALERT': css_248z$
|
|
101
|
-
'KOL-AVATAR': css_248z$
|
|
102
|
-
'KOL-BADGE': css_248z$
|
|
103
|
-
'KOL-BREADCRUMB': css_248z$
|
|
104
|
-
'KOL-BUTTON': css_248z$
|
|
105
|
-
'KOL-BUTTON-LINK': css_248z$
|
|
106
|
-
'KOL-CARD': css_248z$
|
|
107
|
-
'KOL-COMBOBOX': css_248z$
|
|
108
|
-
'KOL-DETAILS': css_248z$
|
|
109
|
-
'KOL-DRAWER': css_248z$
|
|
110
|
-
'KOL-FORM': css_248z$
|
|
111
|
-
'KOL-HEADING': css_248z$
|
|
112
|
-
'KOL-INPUT-CHECKBOX': css_248z$
|
|
113
|
-
'KOL-INPUT-COLOR': css_248z$
|
|
114
|
-
'KOL-INPUT-DATE': css_248z$
|
|
115
|
-
'KOL-INPUT-EMAIL': css_248z$
|
|
116
|
-
'KOL-INPUT-FILE': css_248z$
|
|
117
|
-
'KOL-INPUT-NUMBER': css_248z$
|
|
118
|
-
'KOL-INPUT-PASSWORD': css_248z$
|
|
119
|
-
'KOL-INPUT-RADIO': css_248z$
|
|
120
|
-
'KOL-INPUT-RANGE': css_248z$
|
|
121
|
-
'KOL-INPUT-TEXT': css_248z$
|
|
122
|
-
'KOL-KOLIBRI': css_248z$
|
|
123
|
-
'KOL-LINK': css_248z$
|
|
124
|
-
'KOL-LINK-BUTTON': css_248z$
|
|
125
|
-
'KOL-NAV': css_248z$
|
|
126
|
-
'KOL-PAGINATION': css_248z$
|
|
127
|
-
'KOL-PROGRESS': css_248z$
|
|
128
|
-
'KOL-SELECT': css_248z$
|
|
129
|
-
'KOL-SINGLE-SELECT': css_248z$
|
|
130
|
-
'KOL-SKIP-NAV': css_248z$
|
|
131
|
-
'KOL-SPLIT-BUTTON': css_248z$
|
|
132
|
-
'KOL-TABLE-STATEFUL': css_248z$
|
|
133
|
-
'KOL-TABLE-STATELESS': css_248z$
|
|
134
|
-
'KOL-TABS': css_248z$
|
|
135
|
-
'KOL-TEXTAREA': css_248z$
|
|
136
|
-
'KOL-TOAST-CONTAINER': css_248z$
|
|
137
|
-
'KOL-TOOLBAR': css_248z$
|
|
138
|
-
'KOL-TREE': css_248z$
|
|
139
|
-
'KOL-TREE-ITEM': css_248z$
|
|
712
|
+
GLOBAL: css_248z$1$,
|
|
713
|
+
'KOL-ACCORDION': css_248z$1_,
|
|
714
|
+
'KOL-ALERT': css_248z$1Z,
|
|
715
|
+
'KOL-AVATAR': css_248z$1Y,
|
|
716
|
+
'KOL-BADGE': css_248z$1X,
|
|
717
|
+
'KOL-BREADCRUMB': css_248z$1W,
|
|
718
|
+
'KOL-BUTTON': css_248z$1V,
|
|
719
|
+
'KOL-BUTTON-LINK': css_248z$1U,
|
|
720
|
+
'KOL-CARD': css_248z$1T,
|
|
721
|
+
'KOL-COMBOBOX': css_248z$1S,
|
|
722
|
+
'KOL-DETAILS': css_248z$1R,
|
|
723
|
+
'KOL-DRAWER': css_248z$1Q,
|
|
724
|
+
'KOL-FORM': css_248z$1P,
|
|
725
|
+
'KOL-HEADING': css_248z$1O,
|
|
726
|
+
'KOL-INPUT-CHECKBOX': css_248z$1N,
|
|
727
|
+
'KOL-INPUT-COLOR': css_248z$1M,
|
|
728
|
+
'KOL-INPUT-DATE': css_248z$1L,
|
|
729
|
+
'KOL-INPUT-EMAIL': css_248z$1K,
|
|
730
|
+
'KOL-INPUT-FILE': css_248z$1J,
|
|
731
|
+
'KOL-INPUT-NUMBER': css_248z$1I,
|
|
732
|
+
'KOL-INPUT-PASSWORD': css_248z$1H,
|
|
733
|
+
'KOL-INPUT-RADIO': css_248z$1G,
|
|
734
|
+
'KOL-INPUT-RANGE': css_248z$1F,
|
|
735
|
+
'KOL-INPUT-TEXT': css_248z$1E,
|
|
736
|
+
'KOL-KOLIBRI': css_248z$1D,
|
|
737
|
+
'KOL-LINK': css_248z$1B,
|
|
738
|
+
'KOL-LINK-BUTTON': css_248z$1C,
|
|
739
|
+
'KOL-NAV': css_248z$1A,
|
|
740
|
+
'KOL-PAGINATION': css_248z$1z,
|
|
741
|
+
'KOL-PROGRESS': css_248z$1y,
|
|
742
|
+
'KOL-SELECT': css_248z$1x,
|
|
743
|
+
'KOL-SINGLE-SELECT': css_248z$1w,
|
|
744
|
+
'KOL-SKIP-NAV': css_248z$1v,
|
|
745
|
+
'KOL-SPLIT-BUTTON': css_248z$1u,
|
|
746
|
+
'KOL-TABLE-STATEFUL': css_248z$1t,
|
|
747
|
+
'KOL-TABLE-STATELESS': css_248z$1s,
|
|
748
|
+
'KOL-TABS': css_248z$1r,
|
|
749
|
+
'KOL-TEXTAREA': css_248z$1q,
|
|
750
|
+
'KOL-TOAST-CONTAINER': css_248z$1p,
|
|
751
|
+
'KOL-TOOLBAR': css_248z$1o,
|
|
752
|
+
'KOL-TREE': css_248z$1m,
|
|
753
|
+
'KOL-TREE-ITEM': css_248z$1n,
|
|
140
754
|
});
|
|
141
755
|
|
|
142
|
-
var css_248z$
|
|
756
|
+
var css_248z$1l = "@layer kol-theme-global {\n .kol-tooltip__arrow {\n background-color: #626262;\n }\n .kol-tooltip__content {\n background-color: #f2f2f2;\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #626262;\n }\n :host {\n --color-blue: #004494;\n --color-yellow: #ffd617;\n --color-grey: #404040;\n --color-blue-130: #002f67;\n --color-blue-120: #003776;\n --color-blue-110: #003d84;\n --color-blue-100: var(--color-blue);\n --color-blue-75: #4073af;\n --color-blue-50: #bfd0e4;\n --color-blue-25: #bfd0e4;\n --color-blue-5: #f2f5f9;\n --color-yellow-120: #f8ae21;\n --color-yellow-110: #fbc11d;\n --color-yellow-100: var(--color-yellow);\n --color-yellow-75: #ffde39;\n --color-yellow-50: #ffe879;\n --color-yellow-25: #fff4bb;\n --color-grey-100: var(--color-grey);\n --color-grey-75: #707070;\n --color-grey-50: #9f9f9f;\n --color-grey-25: #cfcfcf;\n --color-grey-20: #d9d9d9;\n --color-grey-15: #e3e3e3;\n --color-grey-10: #ebebeb;\n --color-grey-5: #f5f5f5;\n --color-grey-3: #f9f9f9;\n --color-blue-n: #006fb4;\n --color-orange: #f29527;\n --color-green: #467a39;\n --color-red: #da2131;\n --color-red-1xx: #981722;\n --color-black: #000;\n --color-white: #fff;\n --font-family: Arial, sans-serif;\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --font-weight: 400;\n --font-weight-bold: 600;\n --line-height: 1.5;\n --line-height-heading: 1.2;\n --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n a,\n button {\n font-size: var(--font-size);\n outline: none;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: var(--font-weight-bold);\n line-height: var(--line-height-heading);\n margin: 0;\n padding: 0;\n }\n p {\n font-weight: var(--font-weight);\n }\n .kol-span,\n .kol-span__container {\n gap: 0.5em;\n }\n .required label span::after,\n .required legend span::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n}";
|
|
143
757
|
|
|
144
|
-
var css_248z$
|
|
758
|
+
var css_248z$1k = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion {\n background-color: var(--color-grey-5);\n border-color: var(--color-grey-25);\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading-button .kol-button {\n text-align: left;\n width: 100%;\n padding: 0 var(--spacing-m);\n display: flex;\n place-items: center;\n line-height: 1.2;\n }\n .kol-accordion__heading-button .kol-button__text {\n color: var(--color-grey);\n font-weight: var(--font-weight-bold);\n padding: calc(12rem / var(--kolibri-root-font-size, 16)) 0;\n width: 100%;\n border: none;\n }\n .kol-accordion__heading-button .kol-button:focus, .kol-accordion__heading-button .kol-button:hover {\n background-color: var(--color-grey-25);\n }\n .kol-accordion__heading-button .kol-button:focus {\n outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading-button .kol-icon {\n margin-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n margin-inline-end: calc(16rem / var(--kolibri-root-font-size, 16));\n margin-inline-start: 0;\n margin-top: calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__content {\n padding: var(--spacing-s) var(--spacing-m);\n }\n}";
|
|
145
759
|
|
|
146
|
-
var css_248z$
|
|
760
|
+
var css_248z$1j = "@layer kol-theme-component {\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
147
761
|
|
|
148
|
-
var css_248z$
|
|
762
|
+
var css_248z$1i = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n}";
|
|
149
763
|
|
|
150
|
-
var css_248z$
|
|
764
|
+
var css_248z$1h = "@layer kol-theme-component {\n .kol-badge {\n font: normal normal var(--font-weight) 1em var(--font-family);\n padding: calc(8rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16));\n text-transform: uppercase;\n }\n}";
|
|
151
765
|
|
|
152
|
-
var css_248z$
|
|
766
|
+
var css_248z$1g = "@layer kol-theme-component {\n .kol-breadcrumb {\n font: normal normal 400 calc(14rem / var(--kolibri-root-font-size, 16))/calc(16rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n font-weight: var(--font-weight-bold);\n }\n .kol-breadcrumb__icon::part(icon separator)::before {\n color: var(--color-blue);\n }\n .kol-breadcrumb__icon[exportparts*=separator] {\n margin-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n margin-inline-start: calc(8rem / var(--kolibri-root-font-size, 16));\n padding: 0;\n }\n .kol-breadcrumb__list-element:last-child {\n color: var(--color-grey-75);\n }\n .kol-breadcrumb__link {\n font-family: var(--font-family);\n }\n}";
|
|
153
767
|
|
|
154
|
-
var css_248z$
|
|
768
|
+
var css_248z$1f = "@layer kol-theme-component {\n .kol-button {\n font-family: var(--font-family);\n appearance: none;\n outline: none;\n text-decoration: none;\n --text-focus-outline-color: var(--color-black);\n }\n .kol-button:focus {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--primary {\n --text-background-color: var(--color-blue);\n --text-border-color: var(--color-blue);\n --text-color: var(--color-white);\n }\n .kol-button--primary:focus {\n --text-focus-outline-color: var(--color-white);\n }\n .kol-button--primary:hover {\n --text-background-color: var(--color-blue-130);\n --text-border-color: var(--color-blue-130);\n }\n .kol-button--secondary {\n --text-background-color: var(--color-white);\n --text-border-color: var(--color-blue);\n --text-color: var(--color-blue);\n }\n .kol-button--secondary:focus {\n --text-focus-outline-color: var(--color-blue);\n }\n .kol-button--secondary:hover {\n --text-border-color: var(--color-blue-130);\n --text-color: var(--color-blue-130);\n }\n .kol-button--normal {\n --text-background-color: var(--color-yellow);\n --text-border-color: var(--color-yellow);\n --text-color: var(--color-black);\n }\n .kol-button--normal:hover {\n --text-background-color: var(--color-yellow-120);\n --text-border-color: var(--color-yellow-120);\n }\n .kol-button--danger {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n --text-color: var(--color-white);\n }\n .kol-button--danger:focus {\n --text-focus-outline-color: var(--color-white);\n }\n .kol-button--danger:hover {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n }\n .kol-button--ghost {\n --text-background-color: transparent;\n --text-border-color: transparent;\n --text-color: var(--color-blue);\n }\n .kol-button--ghost:focus {\n --text-focus-outline-color: var(--color-blue);\n }\n .kol-button--ghost:hover {\n --text-background-color: unset;\n --text-border-color: transparent;\n --text-color: var(--color-blue-130);\n }\n .kol-button__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n border-radius: 0;\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n font-weight: var(--font-weight-bold);\n margin: 0;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n padding: 0.25em 0.75em;\n line-height: 1.2;\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-button--secondary:focus .kol-button__text {\n outline-offset: calc(-6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--ghost:focus .kol-button__text {\n outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
155
769
|
|
|
156
|
-
var css_248z$
|
|
770
|
+
var css_248z$1e = "@layer kol-theme-component {\n .kol-button {\n font-family: var(--font-family);\n appearance: none;\n color: var(--color-blue);\n line-height: 1.2;\n }\n .kol-button:hover {\n color: var(--color-blue-130);\n }\n .badge-text-hint {\n background-color: var(--color-mute-variant);\n border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n color: var(--color-text);\n padding: 0 0.3em;\n }\n}";
|
|
157
771
|
|
|
158
|
-
var css_248z$
|
|
772
|
+
var css_248z$1d = "@layer kol-theme-component {\n .kol-card {\n font-family: var(--font-family);\n display: grid;\n width: 100%;\n height: 100%;\n background-color: white;\n grid-template-rows: min-content 2fr min-content;\n box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n }\n .kol-card__headline {\n display: inline-flex;\n font-style: normal;\n font-weight: 700;\n font-size: 1.25em;\n line-height: 1.75em;\n }\n .kol-card__header {\n padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n }\n .kol-card__content {\n padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n overflow: hidden;\n }\n}";
|
|
159
773
|
|
|
160
|
-
var css_248z$
|
|
774
|
+
var css_248z$1c = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n :host .kol-alert {\n font-family: var(--font-family);\n }\n :host .kol-alert--msg {\n border: none;\n }\n :host .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n :host .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n :host .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n :host .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n :host .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n :host .kol-alert__container {\n background-color: var(--color-white);\n }\n :host .kol-alert--card :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--msg :host .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n :host .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--msg :host .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n :host .kol-alert--card :host .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--card :host .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .combobox {\n display: block;\n position: relative;\n }\n .combobox__group {\n display: inline-flex;\n align-items: center;\n min-height: var(--a11y-min-size);\n text-align: left;\n width: 100%;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .combobox__input {\n border: none;\n flex-grow: 1;\n width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .combobox__input::placeholder {\n color: var(--color-grey-50);\n }\n .combobox__input:first-child {\n padding-left: var(--spacing);\n }\n .combobox__input:last-child {\n padding-right: var(--spacing);\n }\n .combobox__icon {\n display: grid;\n place-items: center;\n padding-left: 1em;\n padding-right: 1em;\n }\n .combobox__icon:focus {\n outline: 0;\n }\n .combobox__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-color: var(--color-blue);\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item {\n display: flex;\n align-items: center;\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item:focus {\n background-color: var(--color-blue);\n color: white;\n outline: 0;\n }\n .kol-input {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n input,\n select,\n textarea {\n border: none;\n outline: none;\n }\n input:not([type=range]):focus,\n select:focus,\n textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n label {\n font-weight: var(--font-weight-bold);\n order: 1;\n }\n .hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n order: 2;\n }\n .kol-alert {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n order: 3;\n }\n .input {\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n input::placeholder,\n textarea::placeholder {\n color: var(--color-grey-50);\n }\n .input:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .input:focus-within,\n .combobox:not(.combobox--disabled) .input:hover {\n border-color: var(--color-blue);\n }\n .error .input {\n border-color: var(--color-red);\n }\n}";
|
|
161
775
|
|
|
162
|
-
var css_248z$
|
|
776
|
+
var css_248z$1b = "@layer kol-theme-component {\n .kol-details {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button:focus-within {\n cursor: pointer;\n }\n .kol-details__heading-button .kol-button .kol-span__label {\n border-bottom-color: #000;\n }\n .kol-details__heading-button .kol-icon {\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button .kol-span__container {\n display: flex;\n text-align: left;\n gap: 0;\n }\n .kol-details__content.indented-text {\n font-family: var(--font-family);\n border-end-start-radius: 0;\n border-inline-start: calc(10rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n border-start-start-radius: 0;\n padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n margin: 0;\n margin: 0;\n }\n}";
|
|
163
777
|
|
|
164
|
-
var css_248z$
|
|
778
|
+
var css_248z$1a = "@layer kol-theme-component {\n .kol-drawer__wrapper {\n box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n }\n}";
|
|
165
779
|
|
|
166
|
-
var css_248z$
|
|
780
|
+
var css_248z$19 = "@layer kol-theme-component {\n .kol-link {\n font-family: var(--font-family);\n appearance: none;\n color: var(--color-blue);\n line-height: 1.2;\n }\n .kol-link:hover {\n color: var(--color-blue-130);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form {\n font-family: var(--font-family);\n width: 100%;\n }\n .kol-form__link {\n display: inline-block;\n }\n .kol-form__mandatory-fields-hint {\n font-family: var(--font-family);\n border-end-start-radius: 0;\n border-inline-start: calc(10rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n border-start-start-radius: 0;\n padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n margin: 0;\n }\n .kol-form__alert .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}";
|
|
167
781
|
|
|
168
|
-
var css_248z$
|
|
782
|
+
var css_248z$18 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-headline--h1 {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n line-height: 1.25;\n }\n .kol-headline--h2 {\n font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n line-height: 1.143;\n }\n .kol-headline--h3 {\n font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n line-height: 1.1667;\n }\n .kol-headline--h4 {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1.4;\n }\n .kol-headline--h5 {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n }\n .kol-headline--h6 {\n color: rgb(234, 0, 255);\n }\n}";
|
|
169
783
|
|
|
170
|
-
var css_248z$
|
|
784
|
+
var css_248z$17 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n color: var(--color-grey);\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-field-control {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-field-control__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-checkbox .kol-input {\n background-color: var(--color-white);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-grey-75);\n color: var(--color-grey);\n line-height: 1.5;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox .kol-input:focus {\n outline-color: var(--color-blue);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox .kol-input:checked {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n }\n .kol-checkbox .kol-input:hover {\n border-color: var(--color-blue);\n }\n .kol-checkbox .kol-input:checked:hover {\n background-color: var(--color-blue-130);\n border-color: var(--color-blue-130);\n }\n .kol-checkbox .kol-input--error {\n border-color: var(--color-red);\n }\n .kol-checkbox .kol-input--error:checked {\n background-color: var(--color-red);\n border-color: var(--color-red);\n }\n .kol-checkbox .kol-input--error:hover {\n border-color: var(--color-red);\n }\n .kol-checkbox .kol-input--error:checked:hover {\n background-color: var(--color-red-120);\n border-color: var(--color-red-120);\n }\n .kol-checkbox--variant-default {\n min-width: unset;\n width: unset;\n }\n .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon {\n color: var(--color-white);\n }\n .kol-checkbox--variant-switch .kol-icon {\n color: var(--color-white);\n }\n .kol-checkbox--variant-switch .kol-input {\n display: block;\n }\n .kol-checkbox--variant-switch .kol-input::before {\n background-color: var(--color-grey-75);\n }\n .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n background-color: var(--color-white);\n color: #000;\n }\n .kol-checkbox--variant-switch:hover .kol-input::before {\n background-color: var(--color-blue);\n }\n .kol-checkbox--variant-switch.kol-checkbox--error .kol-icon {\n background-color: var(--color-red);\n color: var(--color-white);\n }\n .kol-checkbox--variant-switch.kol-checkbox--error .kol-input::before {\n background-color: var(--color-red);\n }\n .kol-checkbox--variant-switch.kol-checkbox--error.kol-checkbox--checked .kol-icon {\n background-color: var(--color-white);\n color: #000;\n }\n .kol-checkbox--variant-switch.kol-checkbox--error:hover .kol-input::before {\n background-color: var(--color-red);\n }\n .kol-input-checkbox--variant-button {\n gap: var(--spacing-xs) 0;\n }\n .kol-input-checkbox--variant-button .kol-form-field__input {\n order: 1;\n }\n .kol-input-checkbox--variant-button .kol-form-field__hint {\n order: 2;\n }\n .kol-input-checkbox--variant-button .kol-form-field__msg {\n order: 3;\n }\n .kol-input-checkbox--variant-button:focus-within {\n outline-color: var(--color-blue-130);\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
171
785
|
|
|
172
|
-
var css_248z$
|
|
786
|
+
var css_248z$16 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
173
787
|
|
|
174
|
-
var css_248z$
|
|
788
|
+
var css_248z$15 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
175
789
|
|
|
176
|
-
var css_248z$
|
|
790
|
+
var css_248z$14 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
177
791
|
|
|
178
|
-
var css_248z$
|
|
792
|
+
var css_248z$13 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
179
793
|
|
|
180
|
-
var css_248z$
|
|
794
|
+
var css_248z$12 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
181
795
|
|
|
182
|
-
var css_248z$
|
|
796
|
+
var css_248z$11 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
183
797
|
|
|
184
|
-
var css_248z$
|
|
798
|
+
var css_248z$10 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n /**\n * normalizes the layout of form elements.\n */\n .kol-form-field {\n border: 0;\n margin: 0;\n padding: 0;\n flex-wrap: wrap;\n }\n /**\n * order the layout of form elements.\n */\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__input {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-form-field {\n border: 0;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n flex-wrap: wrap;\n align-items: flex-start;\n padding: 0 calc(14rem / var(--kolibri-root-font-size, 16)) calc(10rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n color: var(--color-grey);\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__input {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-field-control {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:before {\n display: none;\n }\n .kol-input:checked {\n border-color: var(--color-blue);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus {\n outline-color: var(--color-blue);\n }\n .kol-input:not(:disabled):hover {\n border-color: var(--color-blue);\n }\n .kol-input.kol-input--error {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-red);\n }\n .kol-input.kol-input--error:before {\n display: none;\n }\n .kol-input.kol-input--error:checked {\n border-color: var(--color-red);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input.kol-input--error:not(:disabled):hover {\n border-color: var(--color-red-1xx);\n }\n}";
|
|
185
799
|
|
|
186
|
-
var css_248z
|
|
800
|
+
var css_248z$$ = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}";
|
|
187
801
|
|
|
188
|
-
var css_248z$
|
|
802
|
+
var css_248z$_ = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
189
803
|
|
|
190
|
-
var css_248z$
|
|
804
|
+
var css_248z$Z = "@layer kol-theme-component {\n .kol-link {\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n appearance: none;\n color: var(--color-blue);\n text-decoration: underline;\n }\n .kol-link:hover {\n color: var(--color-blue-130);\n }\n}";
|
|
191
805
|
|
|
192
|
-
var css_248z$
|
|
806
|
+
var css_248z$Y = "@layer kol-theme-component {\n .kol-kolibri {\n font-family: var(--font-family);\n }\n}";
|
|
193
807
|
|
|
194
|
-
var css_248z$
|
|
808
|
+
var css_248z$X = "@layer kol-theme-component {\n .kol-link {\n font-family: var(--font-family);\n appearance: none;\n color: var(--color-blue);\n line-height: 1.2;\n }\n .kol-link:hover {\n color: var(--color-blue-130);\n }\n}";
|
|
195
809
|
|
|
196
|
-
var css_248z$
|
|
810
|
+
var css_248z$W = "@layer kol-theme-component {\n .kol-nav {\n font-family: var(--font-family);\n }\n .kol-nav__navigation {\n background-color: var(--color-blue);\n }\n .kol-nav__list {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .kol-nav__list--vertical {\n flex-direction: column;\n }\n .kol-nav__list-item {\n border-color: var(--color-blue-75);\n border-style: solid;\n border-width: 0;\n }\n .kol-nav__list-item:not(:first-child), .kol-nav__list--nested .kol-nav__list-item {\n border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__entry {\n flex-grow: 1;\n }\n .kol-nav__expand-button .kol-button {\n background-color: var(--color-blue-130);\n margin: auto;\n height: 100%;\n }\n .kol-nav__expand-button--expanded .kol-icon::part(icon)::before {\n content: \"\\eab4\";\n }\n .kol-nav__expand-button:not(.kol-nav__expand-button--expanded) .kol-icon::part(icon)::before {\n content: \"\\eab6\";\n }\n .kol-link {\n text-decoration: none;\n }\n .kol-span {\n border-color: transparent;\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n color: var(--color-white);\n font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n justify-items: start;\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n height: 100%;\n }\n :is(.kol-button, .kol-link):focus-within .kol-span {\n border-color: var(--color-white);\n }\n :is(.kol-button, .kol-link):focus-within .kol-span, :is(.kol-button, .kol-link):hover .kol-span {\n text-decoration: underline;\n }\n}";
|
|
197
811
|
|
|
198
|
-
var css_248z$
|
|
812
|
+
var css_248z$V = "@layer kol-theme-component {\n :host {\n display: grid;\n font-family: var(--font-family);\n }\n .kol-button {\n appearance: none;\n background-color: none;\n outline: none;\n text-decoration: none;\n }\n .kol-button__text {\n background-color: var(--color-yellow);\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n color: var(--color-black);\n font-weight: var(--font-weight-bold);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: 0.25em 0.75em;\n }\n .kol-button:not(:disabled):hover .kol-button__text {\n background-color: var(--color-yellow-120);\n border-color: var(--color-yellow-120);\n }\n .kol-button:focus .kol-button__text {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-black);\n }\n .kol-pagination__button--selected .kol-button__text {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n color: var(--color-white);\n opacity: 1;\n text-decoration: underline;\n }\n .kol-button:disabled .kol-button__text {\n cursor: not-allowed;\n opacity: 0.5;\n }\n}";
|
|
199
813
|
|
|
200
|
-
var css_248z$
|
|
814
|
+
var css_248z$U = "@layer kol-theme-component {\n .kol-progress {\n font-family: var(--font-family);\n }\n .kol-progress__bar-progress {\n fill: var(--color-blue-130);\n }\n .kol-progress__cycle-background {\n stroke: var(--color-grey-25);\n }\n .kol-progress__cycle-progress {\n stroke: var(--color-blue-130);\n }\n}";
|
|
201
815
|
|
|
202
|
-
var css_248z$
|
|
816
|
+
var css_248z$T = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
203
817
|
|
|
204
|
-
var css_248z$
|
|
818
|
+
var css_248z$S = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n :host .kol-alert {\n font-family: var(--font-family);\n }\n :host .kol-alert--msg {\n border: none;\n }\n :host .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n :host .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n :host .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n :host .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n :host .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n :host .kol-alert__container {\n background-color: var(--color-white);\n }\n :host .kol-alert--card :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--msg :host .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n :host .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--msg :host .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n :host .kol-alert--card :host .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--card :host .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .single-select {\n display: block;\n position: relative;\n }\n .single-select__group {\n display: inline-flex;\n text-align: left;\n width: 100%;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .single-select__input {\n border: none;\n flex-grow: 1;\n width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .single-select__input::placeholder {\n color: var(--color-grey-50);\n }\n .single-select__input:first-child {\n padding-left: var(--spacing);\n }\n .single-select__input:last-child {\n padding-right: var(--spacing);\n }\n .single-select__input:not(.disabled) .single-select__input:hover {\n border-color: var(--color-blue);\n }\n .single-select__button {\n display: grid;\n place-items: center;\n cursor: pointer;\n padding-left: 1em;\n }\n .single-select__button:focus {\n outline: 0;\n }\n .single-select__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-color: var(--color-blue);\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 1rem / var(--kolibri-root-font-size, 16));\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n }\n .single-select__item {\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n }\n .single-select__item .radio-label {\n align-self: center;\n padding-left: 1em;\n }\n .single-select__item:focus, .single-select__item.highlighted {\n background-color: var(--color-blue);\n color: white;\n outline: 0;\n }\n .kol-input {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n input,\n select,\n textarea {\n border: none;\n outline: none;\n }\n input:not([type=range]):focus,\n select:focus,\n textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n label {\n font-weight: var(--font-weight-bold);\n order: 1;\n }\n .hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n order: 2;\n }\n .kol-alert {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n order: 3;\n }\n .input {\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n input::placeholder,\n textarea::placeholder {\n color: var(--color-grey-50);\n }\n .input:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .input:focus-within,\n .input:hover {\n border-color: var(--color-blue);\n }\n .error .input {\n border-color: var(--color-red);\n }\n}";
|
|
205
819
|
|
|
206
|
-
var css_248z$
|
|
820
|
+
var css_248z$R = "@layer kol-theme-component {\n .kol-skip-nav {\n font-family: var(--font-family);\n }\n .kol-skip-nav .kol-link__text {\n border-radius: 0;\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n font-weight: var(--font-weight-bold);\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n padding: 0.25em 0.75em;\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n color: var(--color-white);\n cursor: pointer;\n }\n}";
|
|
207
821
|
|
|
208
|
-
var css_248z$
|
|
822
|
+
var css_248z$Q = "@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}";
|
|
209
823
|
|
|
210
|
-
var css_248z$
|
|
824
|
+
var css_248z$P = "@layer kol-theme-component {\n .kol-split-button {\n font-family: var(--font-family);\n border-radius: 0;\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-color: var(--color-blue);\n }\n .kol-split-button .kol-popover__content {\n background-color: #fff;\n }\n .kol-split-button .kol-button .kol-span {\n font-weight: var(--font-weight-bold);\n margin: 0;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n padding: 0.25em 0.75em;\n }\n .kol-split-button__horizontal-line {\n border: 0;\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-split-button .kol-button {\n font-family: var(--font-family);\n appearance: none;\n outline: none;\n text-decoration: none;\n --text-focus-outline-color: var(--color-black);\n }\n .kol-split-button .kol-button:focus {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button .kol-button--primary {\n --text-background-color: var(--color-blue);\n --text-border-color: var(--color-blue);\n --text-color: var(--color-white);\n }\n .kol-split-button .kol-button--primary:focus {\n --text-focus-outline-color: var(--color-white);\n }\n .kol-split-button .kol-button--primary:hover {\n --text-background-color: var(--color-blue-130);\n --text-border-color: var(--color-blue-130);\n }\n .kol-split-button .kol-button--secondary {\n --text-background-color: var(--color-white);\n --text-border-color: var(--color-blue);\n --text-color: var(--color-blue);\n }\n .kol-split-button .kol-button--secondary:focus {\n --text-focus-outline-color: var(--color-blue);\n }\n .kol-split-button .kol-button--secondary:hover {\n --text-border-color: var(--color-blue-130);\n --text-color: var(--color-blue-130);\n }\n .kol-split-button .kol-button--normal {\n --text-background-color: var(--color-yellow);\n --text-border-color: var(--color-yellow);\n --text-color: var(--color-black);\n }\n .kol-split-button .kol-button--normal:hover {\n --text-background-color: var(--color-yellow-120);\n --text-border-color: var(--color-yellow-120);\n }\n .kol-split-button .kol-button--danger {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n --text-color: var(--color-white);\n }\n .kol-split-button .kol-button--danger:focus {\n --text-focus-outline-color: var(--color-white);\n }\n .kol-split-button .kol-button--danger:hover {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n }\n .kol-split-button .kol-button--ghost {\n --text-background-color: transparent;\n --text-border-color: transparent;\n --text-color: var(--color-blue);\n }\n .kol-split-button .kol-button--ghost:focus {\n --text-focus-outline-color: var(--color-blue);\n }\n .kol-split-button .kol-button--ghost:hover {\n --text-background-color: unset;\n --text-border-color: transparent;\n --text-color: var(--color-blue-130);\n }\n .kol-split-button .kol-button__text {\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n border-radius: 0;\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n font-weight: var(--font-weight-bold);\n margin: 0;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n padding: 0.25em 0.75em;\n line-height: 1.2;\n }\n .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-split-button .kol-button--secondary:focus .kol-split-button .kol-button__text {\n outline-offset: calc(-6rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button .kol-button--ghost:focus .kol-split-button .kol-button__text {\n outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
211
825
|
|
|
212
|
-
var css_248z$
|
|
826
|
+
var css_248z$O = "@layer kol-theme-component {\n .kol-table {\n display: block;\n font-family: var(--font-family);\n overflow-x: auto;\n overflow-y: hidden;\n padding: 0.5em;\n }\n .kol-table__caption {\n padding: 0.5em;\n }\n .kol-table__cell {\n padding: 0.5em;\n }\n .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n border-width: 0;\n border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__cell--header {\n background-color: var(--color-white);\n font-weight: normal;\n color: var(--color-midnight);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-blue);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0;\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__row--body:nth-child(odd) {\n background-color: var(--color-grey-10);\n }\n .kol-table__selection {\n display: flex;\n gap: 0.5em;\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n .kol-table__selection-input:focus {\n border-color: var(--color-blue);\n outline-color: var(--color-blue);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--color-grey-75);\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio {\n display: block;\n border-color: var(--color-grey-75);\n }\n .kol-table__selection-input--radio:hover {\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--color-blue);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-white);\n }\n .kol-table__selection-icon {\n color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-icon {\n color: var(--color-blue);\n }\n .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n border-color: var(--color-blue);\n }\n .kol-table-stateful {\n font-family: var(--font-family);\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination-wrapper {\n grid-auto-flow: column;\n }\n }\n .kol-table-stateful__pagination {\n overflow-x: auto;\n overflow-y: hidden;\n grid-auto-flow: column;\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination .kol-table-stateful .kol-pagination {\n display: flex;\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n }\n}";
|
|
213
827
|
|
|
214
|
-
var css_248z$
|
|
828
|
+
var css_248z$N = "@layer kol-theme-component {\n .kol-table {\n display: block;\n font-family: var(--font-family);\n overflow-x: auto;\n overflow-y: hidden;\n padding: 0.5em;\n }\n .kol-table__caption {\n padding: 0.5em;\n }\n .kol-table__cell {\n padding: 0.5em;\n }\n .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n border-width: 0;\n border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__cell--header {\n background-color: var(--color-white);\n font-weight: normal;\n color: var(--color-midnight);\n }\n .kol-table__cell--ascending, .kol-table__cell--descending {\n font-weight: 700;\n }\n .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-blue);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0;\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__row--body:nth-child(odd) {\n background-color: var(--color-grey-10);\n }\n .kol-table__selection {\n display: flex;\n gap: 0.5em;\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n .kol-table__selection-input:focus {\n border-color: var(--color-blue);\n outline-color: var(--color-blue);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--color-grey-75);\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio {\n display: block;\n border-color: var(--color-grey-75);\n }\n .kol-table__selection-input--radio:hover {\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--color-blue);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-white);\n }\n .kol-table__selection-icon {\n color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-icon {\n color: var(--color-blue);\n }\n .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n border-color: var(--color-blue);\n }\n}";
|
|
215
829
|
|
|
216
|
-
var css_248z$
|
|
830
|
+
var css_248z$M = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs__button-group {\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-25);\n margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-button {\n border: none;\n margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-button:hover:not(:disabled) .kol-span {\n color: var(--color-blue-130);\n }\n .kol-tabs .kol-button:focus .kol-span {\n outline: var(--color-blue-130) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-button.selected .kol-span {\n border-color: var(--color-grey-25);\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-bottom-color: white;\n border-top-color: var(--color-blue);\n box-shadow: 0 calc(-3rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n font-weight: var(--font-weight-bold);\n color: var(--color-blue);\n }\n .kol-tabs .kol-button .kol-span {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
217
831
|
|
|
218
|
-
var css_248z$
|
|
832
|
+
var css_248z$L = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
219
833
|
|
|
220
|
-
var css_248z$
|
|
834
|
+
var css_248z$K = "@layer kol-theme-component {\n :host {\n top: calc(16rem / var(--kolibri-root-font-size, 16));\n right: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(440rem / var(--kolibri-root-font-size, 16));\n max-width: 100%;\n }\n .kol-toast-item {\n display: block;\n background-color: #fff;\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert {\n font-family: var(--font-family);\n }\n .kol-toast-item .kol-alert--msg {\n border: none;\n }\n .kol-toast-item .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-toast-item .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-toast-item .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-toast-item .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-toast-item .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-toast-item .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-toast-item .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item__alert {\n display: block;\n }\n}";
|
|
221
835
|
|
|
222
|
-
var css_248z$
|
|
836
|
+
var css_248z$J = "@layer kol-theme-component {\n .kol-toolbar {\n padding: var(--spacing-s);\n border-color: var(--color-grey-25);\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n background-color: var(--color-grey-5);\n }\n}";
|
|
223
837
|
|
|
224
|
-
var css_248z$
|
|
838
|
+
var css_248z$I = "@layer kol-theme-component {\n .kol-tree__treeview-navigation {\n display: flex;\n flex-direction: column;\n }\n}";
|
|
225
839
|
|
|
226
|
-
var css_248z$
|
|
840
|
+
var css_248z$H = "@layer kol-theme-component {\n .kol-tree-item__children {\n display: flex;\n flex-direction: column;\n }\n .kol-tree-item__link {\n display: block;\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n background-color: var(--color-sky);\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow-120);\n }\n .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n color: var(--color-black);\n }\n .kol-tree-item__link--active {\n font-weight: 700;\n background-color: var(--color-yellow);\n }\n .kol-tree-item__link--active .kol-link {\n color: var(--color-black);\n background-color: var(--color-yellow);\n }\n .kol-tree-item__link .kol-link {\n display: block;\n color: var(--color-black);\n text-decoration: none;\n text-align: left;\n }\n .kol-tree-item__link .kol-link:focus {\n color: var(--color-black);\n }\n .kol-tree-item__toggle-button {\n display: inline-block;\n }\n .kol-tree-item__toggle-button:hover {\n transform: scale(1.3);\n }\n}";
|
|
227
841
|
|
|
228
842
|
const ECL_EC = KoliBri.createTheme('ecl-ec', {
|
|
229
|
-
GLOBAL: css_248z$
|
|
230
|
-
'KOL-HEADING': css_248z$
|
|
231
|
-
'KOL-ACCORDION': css_248z$
|
|
232
|
-
'KOL-BUTTON': css_248z$
|
|
233
|
-
'KOL-LINK-BUTTON': css_248z$
|
|
234
|
-
'KOL-BADGE': css_248z$
|
|
235
|
-
'KOL-ALERT': css_248z$
|
|
236
|
-
'KOL-AVATAR': css_248z$
|
|
237
|
-
'KOL-TABS': css_248z$
|
|
238
|
-
'KOL-LINK': css_248z$
|
|
239
|
-
'KOL-BUTTON-LINK': css_248z$
|
|
240
|
-
'KOL-BREADCRUMB': css_248z$
|
|
241
|
-
'KOL-DETAILS': css_248z$
|
|
242
|
-
'KOL-DRAWER': css_248z$
|
|
243
|
-
'KOL-PROGRESS': css_248z$
|
|
244
|
-
'KOL-SPIN': css_248z$
|
|
245
|
-
'KOL-SINGLE-SELECT': css_248z$
|
|
246
|
-
'KOL-PAGINATION': css_248z$
|
|
247
|
-
'KOL-INPUT-CHECKBOX': css_248z$
|
|
248
|
-
'KOL-INPUT-COLOR': css_248z$
|
|
249
|
-
'KOL-CARD': css_248z$
|
|
250
|
-
'KOL-COMBOBOX': css_248z$
|
|
251
|
-
'KOL-INPUT-RADIO': css_248z$
|
|
252
|
-
'KOL-INPUT-RANGE': css_248z
|
|
253
|
-
'KOL-INPUT-TEXT': css_248z$
|
|
254
|
-
'KOL-KOLIBRI': css_248z$
|
|
255
|
-
'KOL-INPUT-PASSWORD': css_248z$
|
|
256
|
-
'KOL-INPUT-NUMBER': css_248z$
|
|
257
|
-
'KOL-INPUT-DATE': css_248z$
|
|
258
|
-
'KOL-INPUT-EMAIL': css_248z$
|
|
259
|
-
'KOL-INPUT-FILE': css_248z$
|
|
260
|
-
'KOL-SELECT': css_248z$
|
|
261
|
-
'KOL-TEXTAREA': css_248z$
|
|
262
|
-
'KOL-TABLE-STATEFUL': css_248z$
|
|
263
|
-
'KOL-TABLE-STATELESS': css_248z$
|
|
264
|
-
'KOL-NAV': css_248z$
|
|
265
|
-
'KOL-SKIP-NAV': css_248z$
|
|
266
|
-
'KOL-SPLIT-BUTTON': css_248z$
|
|
267
|
-
'KOL-TOAST-CONTAINER': css_248z$
|
|
268
|
-
'KOL-TOOLBAR': css_248z$
|
|
269
|
-
'KOL-TREE': css_248z$
|
|
270
|
-
'KOL-TREE-ITEM': css_248z$
|
|
271
|
-
'KOL-FORM': css_248z$
|
|
843
|
+
GLOBAL: css_248z$1l,
|
|
844
|
+
'KOL-HEADING': css_248z$18,
|
|
845
|
+
'KOL-ACCORDION': css_248z$1k,
|
|
846
|
+
'KOL-BUTTON': css_248z$1f,
|
|
847
|
+
'KOL-LINK-BUTTON': css_248z$Z,
|
|
848
|
+
'KOL-BADGE': css_248z$1h,
|
|
849
|
+
'KOL-ALERT': css_248z$1j,
|
|
850
|
+
'KOL-AVATAR': css_248z$1i,
|
|
851
|
+
'KOL-TABS': css_248z$M,
|
|
852
|
+
'KOL-LINK': css_248z$X,
|
|
853
|
+
'KOL-BUTTON-LINK': css_248z$1e,
|
|
854
|
+
'KOL-BREADCRUMB': css_248z$1g,
|
|
855
|
+
'KOL-DETAILS': css_248z$1b,
|
|
856
|
+
'KOL-DRAWER': css_248z$1a,
|
|
857
|
+
'KOL-PROGRESS': css_248z$U,
|
|
858
|
+
'KOL-SPIN': css_248z$Q,
|
|
859
|
+
'KOL-SINGLE-SELECT': css_248z$S,
|
|
860
|
+
'KOL-PAGINATION': css_248z$V,
|
|
861
|
+
'KOL-INPUT-CHECKBOX': css_248z$17,
|
|
862
|
+
'KOL-INPUT-COLOR': css_248z$16,
|
|
863
|
+
'KOL-CARD': css_248z$1d,
|
|
864
|
+
'KOL-COMBOBOX': css_248z$1c,
|
|
865
|
+
'KOL-INPUT-RADIO': css_248z$10,
|
|
866
|
+
'KOL-INPUT-RANGE': css_248z$$,
|
|
867
|
+
'KOL-INPUT-TEXT': css_248z$_,
|
|
868
|
+
'KOL-KOLIBRI': css_248z$Y,
|
|
869
|
+
'KOL-INPUT-PASSWORD': css_248z$11,
|
|
870
|
+
'KOL-INPUT-NUMBER': css_248z$12,
|
|
871
|
+
'KOL-INPUT-DATE': css_248z$15,
|
|
872
|
+
'KOL-INPUT-EMAIL': css_248z$14,
|
|
873
|
+
'KOL-INPUT-FILE': css_248z$13,
|
|
874
|
+
'KOL-SELECT': css_248z$T,
|
|
875
|
+
'KOL-TEXTAREA': css_248z$L,
|
|
876
|
+
'KOL-TABLE-STATEFUL': css_248z$O,
|
|
877
|
+
'KOL-TABLE-STATELESS': css_248z$N,
|
|
878
|
+
'KOL-NAV': css_248z$W,
|
|
879
|
+
'KOL-SKIP-NAV': css_248z$R,
|
|
880
|
+
'KOL-SPLIT-BUTTON': css_248z$P,
|
|
881
|
+
'KOL-TOAST-CONTAINER': css_248z$K,
|
|
882
|
+
'KOL-TOOLBAR': css_248z$J,
|
|
883
|
+
'KOL-TREE': css_248z$I,
|
|
884
|
+
'KOL-TREE-ITEM': css_248z$H,
|
|
885
|
+
'KOL-FORM': css_248z$19,
|
|
272
886
|
});
|
|
273
887
|
|
|
274
|
-
var css_248z$
|
|
888
|
+
var css_248z$G = "@layer kol-theme-global {\n .kol-tooltip__arrow {\n background-color: #626262;\n }\n .kol-tooltip__content {\n background-color: #f2f2f2;\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #626262;\n }\n :host {\n --color-blue: #0e47cb;\n --color-blue-140: #082b7a;\n --color-blue-130: #082b7a;\n --color-blue-120: #0b39a2;\n --color-blue-110: #0d40b7;\n --color-blue-100: #0e47cb;\n --color-blue-80: #3e6cd5;\n --color-blue-60: #6e91e0;\n --color-blue-40: #9fb5ea;\n --color-blue-20: #cfdaf5;\n --color-blue-10: #e7edfa;\n --color-blue-5: #f3f6fc;\n --color-yellow: #ffcc00;\n --color-yellow-140: #997a00;\n --color-yellow-130: #b38f00;\n --color-yellow-120: #cca300;\n --color-yellow-110: #e6b800;\n --color-yellow-100: #ffcc00;\n --color-yellow-80: #ffd633;\n --color-yellow-60: #ffe066;\n --color-yellow-40: #ffeb99;\n --color-yellow-20: #fff5cc;\n --color-yellow-10: #fffae6;\n --color-yellow-5: #fffcf2;\n --color-grey: #262b38;\n --color-grey-140: #171a22;\n --color-grey-130: #1b1e27;\n --color-grey-120: #1e222d;\n --color-grey-110: #222732;\n --color-grey-100: #262b38;\n --color-grey-80: #515560;\n --color-grey-75: #515560;\n --color-grey-60: #7d8088;\n --color-grey-40: #a8aaaf;\n --color-grey-20: #d4d5d7;\n --color-grey-10: #e9eaeb;\n --color-grey-5: #f4f5f5;\n --color-grey-3: #f9f9f9;\n --color-orange: #ff6200;\n --color-orange-140: #993b00;\n --color-orange-130: #b34500;\n --color-orange-120: #cc4e00;\n --color-orange-110: #e65800;\n --color-orange-100: #e65800;\n --color-orange-80: #ff8133;\n --color-orange-60: #ff914d;\n --color-orange-40: #ffb180;\n --color-orange-20: #ffd0b3;\n --color-orange-10: #ffefe6;\n --color-orange-5: #fff7f2;\n --color-green: #00c991;\n --color-green-140: #007957;\n --color-green-130: #008d66;\n --color-green-120: #008d66;\n --color-green-110: #00b583;\n --color-green-100: #00c991;\n --color-green-80: #00c991;\n --color-green-60: #66dfbd;\n --color-green-40: #99e9d3;\n --color-green-20: #ccf4e9;\n --color-green-10: #e6faf4;\n --color-green-5: #f2fcf9;\n --color-red: #ef0044;\n --color-red-140: #8f0029;\n --color-red-130: #a70030;\n --color-red-120: #bf0036;\n --color-red-110: #d7003d;\n --color-red-100: #ef0044;\n --color-red-80: #f23369;\n --color-red-60: #f5668f;\n --color-red-40: #f999b4;\n --color-red-20: #fcccda;\n --color-red-10: #fde6ec;\n --color-red-5: #fef2f5;\n --color-accent-blue-100: #00e9ff;\n --color-accent-blue-30: #b3f8ff;\n --color-purple: #510dcd;\n --color-purple-140: #31087b;\n --color-purple-130: #390990;\n --color-purple-120: #410aa4;\n --color-purple-110: #490cb9;\n --color-purple-100: #510dcd;\n --color-purple-80: #743dd7;\n --color-purple-60: #976ee1;\n --color-purple-40: #bf9af1;\n --color-purple-20: #dccff5;\n --color-purple-10: #eee7fa;\n --color-purple-5: #eee7fa;\n --color-white: #fff;\n --color-black: #000;\n --font-family: Arial, sans-serif;\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --font-weight-regular: 400;\n --font-weight-bold: 700;\n --line-height-regular: 1.5;\n --line-height-heading: 1.2;\n --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n a,\n button {\n font-size: var(--font-size);\n outline: none;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-weight: var(--font-weight-bold);\n line-height: var(--line-height-heading);\n margin: 0;\n padding: 0;\n }\n p {\n font-weight: var(--font-weight);\n }\n .kol-span,\n .kol-span__container {\n gap: 0.5em;\n }\n .required label span::after,\n .required legend span::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n p.l,\n p.lead {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: calc(28rem / var(--kolibri-root-font-size, 16));\n }\n p,\n p.m,\n p.medium {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n }\n p.s,\n p.small {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n p.xs,\n p.extra-small {\n font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
275
889
|
|
|
276
|
-
var css_248z$
|
|
890
|
+
var css_248z$F = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion {\n border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n margin: 0;\n overflow: hidden;\n }\n .kol-accordion__heading {\n font-size: 2em;\n }\n .kol-accordion__heading-button .kol-button {\n border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n outline-offset: calc(-1rem / var(--kolibri-root-font-size, 16));\n border: 0;\n border-bottom-color: #cfdaf5;\n border-bottom-style: solid;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n color: #171a22;\n position: relative;\n display: block;\n font: normal normal 400 calc(18rem / var(--kolibri-root-font-size, 16))/calc(28rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n padding: calc(24rem / var(--kolibri-root-font-size, 16));\n text-align: start;\n width: 100%;\n line-height: 1.2;\n }\n .kol-accordion__heading-button .kol-button__text {\n align-items: baseline;\n }\n .kol-accordion__heading-button .kol-button::before {\n background-color: #fc0;\n border-end-end-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n border-end-start-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n content: \"\";\n height: calc(4rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n left: calc(24rem / var(--kolibri-root-font-size, 16));\n top: 0;\n width: 3rem 2;\n }\n .kol-accordion__heading-button .kol-icon {\n margin-right: calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading-button .kol-icon::part(icon)::before {\n color: #0e47cb;\n font-weight: 900;\n font-family: \"Font Awesome 6 Free\";\n }\n .kol-accordion__content {\n -webkit-border-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n -webkit-margin-start: 0;\n border-bottom: calc(2rem / var(--kolibri-root-font-size, 16)) solid #cfdaf5;\n border-inline-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n color: #515560;\n font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(24rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n margin-inline-start: 0;\n padding: calc(24rem / var(--kolibri-root-font-size, 16));\n }\n .collapsible--open .kol-accordion__heading-button .kol-button {\n border-start-end-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n border-start-start-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .collapsible--open .kol-accordion__heading-button .kol-icon::part(icon)::before {\n content: \"\\f077\";\n }\n :not(.collapsible--open) .kol-accordion__heading-button .kol-button .kol-icon::part(icon)::before {\n content: \"\\f078\";\n }\n}";
|
|
277
891
|
|
|
278
|
-
var css_248z$
|
|
892
|
+
var css_248z$E = "@layer kol-theme-component {\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
279
893
|
|
|
280
|
-
var css_248z$
|
|
894
|
+
var css_248z$D = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n}";
|
|
281
895
|
|
|
282
|
-
var css_248z$
|
|
896
|
+
var css_248z$C = "@layer kol-theme-component {\n .kol-badge {\n font: normal normal var(--font-weight) calc(14rem / var(--kolibri-root-font-size, 16))/1em var(--font-family);\n font-family: var(--font-family);\n padding: calc(8rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16));\n text-transform: uppercase;\n }\n}";
|
|
283
897
|
|
|
284
|
-
var css_248z$
|
|
898
|
+
var css_248z$B = "@layer kol-theme-component {\n .kol-breadcrumb {\n font-family: var(--font-family);\n }\n .kol-breadcrumb__link {\n font-family: var(--font-family);\n }\n}";
|
|
285
899
|
|
|
286
|
-
var css_248z$
|
|
900
|
+
var css_248z$A = "@layer kol-theme-component {\n .kol-button {\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n --text-focus-outline-color: var(--color-white);\n font-family: var(--font-family);\n appearance: none;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n text-decoration: none;\n }\n .kol-button--primary {\n --text-background-color: #0e47cb;\n --text-color: #fff;\n --text-focus-outline-color: #fff;\n }\n .kol-button--primary:hover {\n --text-background-color: #3e6cd5;\n }\n .kol-button--secondary {\n --text-background-color: #fff;\n --text-color: #0e47cb;\n --text-border-color: #0e47cb;\n --text-focus-outline-color: #fff;\n }\n .kol-button--secondary:hover {\n --text-color: #0e47cb;\n }\n .kol-button--normal {\n --text-background-color: #fc0;\n --text-color: #171a22;\n --text-focus-outline-color: #000;\n --text-border-color: #fc0;\n }\n .kol-button--normal:hover {\n --text-background-color: #fc0;\n }\n .kol-button--danger {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n --text-color: var(--color-white);\n }\n .kol-button--danger:hover {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n }\n .kol-button--ghost {\n --text-color: #0e47cb;\n --text-focus-outline-color: #0e47cb;\n }\n .kol-button--ghost:hover {\n --text-color: #0e47cb;\n }\n .kol-button:focus {\n outline: none;\n }\n .kol-button__text {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n font-weight: 400;\n margin: 0;\n padding: calc(12rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-button__text:active, .kol-button__text:hover {\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n }\n .kol-button--secondary .kol-button__text {\n padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n }\n .kol-button--secondary.button:focus-visible .kol-button__text {\n box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n }\n .kol-button:focus-visible .kol-button__text {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n}";
|
|
287
901
|
|
|
288
|
-
var css_248z$
|
|
902
|
+
var css_248z$z = "@layer kol-theme-component {\n .kol-button {\n appearance: none;\n color: var(--color-blue);\n line-height: 1.2;\n }\n .kol-button:hover {\n color: var(--color-blue-130);\n }\n}";
|
|
289
903
|
|
|
290
|
-
var css_248z$
|
|
904
|
+
var css_248z$y = "@layer kol-theme-component {\n .kol-card {\n font-family: var(--font-family);\n display: grid;\n width: 100%;\n height: 100%;\n background-color: white;\n grid-template-rows: min-content 2fr min-content;\n box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n }\n .kol-card__headline {\n display: inline-flex;\n font-style: normal;\n font-weight: 700;\n font-size: 1.25em;\n line-height: 1.75;\n }\n .kol-card__header {\n padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n }\n .kol-card__content {\n padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n overflow: hidden;\n }\n}";
|
|
291
905
|
|
|
292
|
-
var css_248z$
|
|
906
|
+
var css_248z$x = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n :host .kol-alert {\n font-family: var(--font-family);\n }\n :host .kol-alert--msg {\n border: none;\n }\n :host .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n :host .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n :host .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n :host .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n :host .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n :host .kol-alert__container {\n background-color: var(--color-white);\n }\n :host .kol-alert--card :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--msg :host .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n :host .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--msg :host .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n :host .kol-alert--card :host .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--card :host .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-input .error {\n order: 1;\n }\n label {\n font-weight: var(--font-weight-bold);\n order: 2;\n }\n .kol-input .input {\n order: 3;\n }\n .combobox {\n position: relative;\n }\n .combobox__group {\n display: inline-flex;\n align-items: center;\n min-height: var(--a11y-min-size);\n text-align: left;\n width: 100%;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .combobox__input {\n border: none;\n flex-grow: 1;\n width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .combobox__input::placeholder {\n color: var(--color-grey-50);\n }\n .combobox__input:first-child {\n padding-left: var(--spacing);\n }\n .combobox__input:last-child {\n padding-right: var(--spacing);\n }\n .combobox__icon {\n display: grid;\n place-items: center;\n padding-left: 1em;\n padding-right: 1em;\n }\n .combobox__icon:focus {\n outline: 0;\n }\n .combobox__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-color: var(--color-blue);\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item {\n display: flex;\n align-items: center;\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item:focus {\n background-color: var(--color-blue);\n color: white;\n outline: 0;\n }\n .kol-input {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n input,\n select,\n textarea {\n border: none;\n outline: none;\n }\n input,\n select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n label {\n font-weight: var(--font-weight-bold);\n order: 1;\n }\n .hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n order: 2;\n }\n .kol-alert {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n order: 3;\n }\n .input {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n input::placeholder,\n textarea::placeholder {\n color: var(--color-grey-50);\n }\n .input:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .input:focus-within,\n .combobox:not(.combobox--disabled) .input:hover {\n border-color: var(--color-blue);\n }\n .error .input {\n border-color: var(--color-red);\n }\n}";
|
|
293
907
|
|
|
294
|
-
var css_248z$
|
|
908
|
+
var css_248z$w = "@layer kol-theme-component {\n .kol-details {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button:focus-within {\n cursor: pointer;\n }\n .kol-details__heading-button .kol-button .kol-span__label {\n border-bottom-color: #000;\n }\n .kol-details__heading-button .kol-icon {\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button .kol-span__container {\n display: flex;\n text-align: left;\n gap: 0;\n }\n .kol-details__content.indented-text {\n font-family: var(--font-family);\n -webkit-border-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n -webkit-padding-start: calc(24rem / var(--kolibri-root-font-size, 16));\n border-end-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n border-inline-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n border-start-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n display: inline-block;\n padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n margin: 0;\n }\n}";
|
|
295
909
|
|
|
296
|
-
var css_248z$
|
|
910
|
+
var css_248z$v = "@layer kol-theme-component {\n .kol-link {\n appearance: none;\n color: var(--color-blue);\n line-height: 1.2;\n }\n .kol-link:hover {\n color: var(--color-blue-130);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form {\n font-family: var(--font-family);\n width: 100%;\n }\n .kol-form__link {\n display: inline-block;\n }\n .kol-form__mandatory-fields-hint {\n font-family: var(--font-family);\n -webkit-border-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n -webkit-padding-start: calc(24rem / var(--kolibri-root-font-size, 16));\n border-end-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n border-inline-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n border-start-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n display: inline-block;\n padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form__alert .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}";
|
|
297
911
|
|
|
298
|
-
var css_248z$
|
|
912
|
+
var css_248z$u = "@layer kol-theme-component {\n .kol-drawer__wrapper {\n box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n }\n}";
|
|
299
913
|
|
|
300
|
-
var css_248z$
|
|
914
|
+
var css_248z$t = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-headline--h1 {\n font-size: calc(42rem / var(--kolibri-root-font-size, 16));\n line-height: 3.25;\n }\n .kol-headline--h2 {\n font-size: calc(36rem / var(--kolibri-root-font-size, 16));\n line-height: 2.755;\n }\n .kol-headline--h3 {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n line-height: 2.5;\n }\n .kol-headline--h4 {\n font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n line-height: 2;\n }\n .kol-headline--h5 {\n font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n line-height: 1.75;\n }\n .kol-headline--h6 {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1.75;\n }\n .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n font-weight: var(--font-weight-bold);\n }\n}";
|
|
301
915
|
|
|
302
|
-
var css_248z$
|
|
916
|
+
var css_248z$s = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field {\n color: var(--color-grey);\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-field-control {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-field-control__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-checkbox .kol-input {\n background-color: var(--color-white);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-grey-75);\n color: var(--color-grey);\n line-height: 1.5;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox .kol-input:focus {\n outline-color: var(--color-blue);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-checkbox .kol-input:checked {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n }\n .kol-checkbox .kol-input:hover {\n border-color: var(--color-blue);\n }\n .kol-checkbox .kol-input:checked:hover {\n background-color: var(--color-blue-130);\n border-color: var(--color-blue-130);\n }\n .kol-checkbox .kol-input--error {\n border-color: var(--color-red);\n }\n .kol-checkbox .kol-input--error:checked {\n background-color: var(--color-red);\n border-color: var(--color-red);\n }\n .kol-checkbox .kol-input--error:hover {\n border-color: var(--color-red);\n }\n .kol-checkbox .kol-input--error:checked:hover {\n background-color: var(--color-red-120);\n border-color: var(--color-red-120);\n }\n .kol-checkbox--variant-default {\n min-width: unset;\n width: unset;\n }\n .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon {\n color: var(--color-white);\n }\n .kol-checkbox--variant-switch .kol-icon {\n color: var(--color-white);\n }\n .kol-checkbox--variant-switch .kol-input {\n display: block;\n }\n .kol-checkbox--variant-switch .kol-input::before {\n background-color: var(--color-grey-75);\n }\n .kol-checkbox--variant-switch:hover .kol-input::before {\n background-color: var(--color-blue);\n }\n .kol-checkbox--variant-switch.kol-checkbox--error .kol-icon {\n background-color: var(--color-red);\n color: var(--color-white);\n }\n .kol-checkbox--variant-switch.kol-checkbox--error .kol-input::before {\n background-color: var(--color-red);\n }\n .kol-checkbox--variant-switch.kol-checkbox--error.kol-checkbox--checked .kol-icon {\n background-color: var(--color-white);\n color: #000;\n }\n .kol-checkbox--variant-switch.kol-checkbox--error:hover .kol-input::before {\n background-color: var(--color-red);\n }\n .kol-input-checkbox--variant-button {\n gap: var(--spacing-xs) 0;\n }\n .kol-input-checkbox--variant-button .kol-form-field__input {\n order: 1;\n }\n .kol-input-checkbox--variant-button .kol-form-field__hint {\n order: 2;\n }\n .kol-input-checkbox--variant-button .kol-form-field__msg {\n order: 3;\n }\n .kol-input-checkbox--variant-button:focus-within {\n outline-color: var(--color-blue-130);\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
303
917
|
|
|
304
|
-
var css_248z$
|
|
918
|
+
var css_248z$r = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
305
919
|
|
|
306
|
-
var css_248z$
|
|
920
|
+
var css_248z$q = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
307
921
|
|
|
308
|
-
var css_248z$
|
|
922
|
+
var css_248z$p = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
309
923
|
|
|
310
|
-
var css_248z$
|
|
924
|
+
var css_248z$o = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
311
925
|
|
|
312
|
-
var css_248z
|
|
926
|
+
var css_248z$n = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
313
927
|
|
|
314
|
-
var css_248z$
|
|
928
|
+
var css_248z$m = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
315
929
|
|
|
316
|
-
var css_248z$
|
|
930
|
+
var css_248z$l = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n /**\n * normalizes the layout of form elements.\n */\n .kol-form-field {\n border: 0;\n margin: 0;\n padding: 0;\n flex-wrap: wrap;\n }\n /**\n * order the layout of form elements.\n */\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__input {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__hint {\n order: 4;\n }\n .kol-form-field {\n border: 0;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n flex-wrap: wrap;\n align-items: flex-start;\n padding: 0 calc(14rem / var(--kolibri-root-font-size, 16)) calc(10rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n color: var(--color-grey);\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n .kol-form-field__input {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-field-control {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input {\n outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:before {\n display: none;\n }\n .kol-input:checked {\n border-color: var(--color-blue);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus {\n outline-color: var(--color-blue);\n }\n .kol-input:not(:disabled):hover {\n border-color: var(--color-blue);\n }\n .kol-input.kol-input--error {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-red);\n }\n .kol-input.kol-input--error:before {\n display: none;\n }\n .kol-input.kol-input--error:checked {\n border-color: var(--color-red);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input.kol-input--error:not(:disabled):hover {\n border-color: var(--color-red-1xx);\n }\n}";
|
|
317
931
|
|
|
318
|
-
var css_248z$
|
|
932
|
+
var css_248z$k = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input-range__inputs-wrapper {\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
319
933
|
|
|
320
|
-
var css_248z$
|
|
934
|
+
var css_248z$j = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
321
935
|
|
|
322
|
-
var css_248z$
|
|
936
|
+
var css_248z$i = "@layer kol-theme-component {\n .kol-kolibri {\n font-family: var(--font-family);\n }\n}";
|
|
323
937
|
|
|
324
|
-
var css_248z$
|
|
938
|
+
var css_248z$h = "@layer kol-theme-component {\n .kol-link {\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n --text-focus-outline-color: var(--color-white);\n font-family: var(--font-family);\n appearance: none;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n text-decoration: none;\n }\n .kol-link--primary {\n --text-background-color: #0e47cb;\n --text-color: #fff;\n --text-focus-outline-color: #fff;\n }\n .kol-link--primary:hover {\n --text-background-color: #3e6cd5;\n }\n .kol-link--secondary {\n --text-background-color: #fff;\n --text-color: #0e47cb;\n --text-border-color: #0e47cb;\n --text-focus-outline-color: #fff;\n }\n .kol-link--secondary:hover {\n --text-color: #0e47cb;\n }\n .kol-link--normal {\n --text-background-color: #fc0;\n --text-color: #171a22;\n --text-focus-outline-color: #000;\n --text-border-color: #fc0;\n }\n .kol-link--normal:hover {\n --text-background-color: #fc0;\n }\n .kol-link--danger {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n --text-color: var(--color-white);\n }\n .kol-link--danger:hover {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n }\n .kol-link--ghost {\n --text-color: #0e47cb;\n --text-focus-outline-color: #0e47cb;\n }\n .kol-link--ghost:hover {\n --text-color: #0e47cb;\n }\n .kol-link:focus {\n outline: none;\n }\n .kol-link__text {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n font-weight: 400;\n margin: 0;\n padding: calc(12rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-link__text:active, .kol-link__text:hover {\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n }\n .kol-link--secondary .kol-link__text {\n padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n }\n .kol-link--secondary.button:focus-visible .kol-link__text {\n box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n }\n .kol-link:focus-visible .kol-link__text {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-link--hide-label .kol-link__text .kol-span__label {\n display: none;\n }\n}";
|
|
325
939
|
|
|
326
|
-
var css_248z$
|
|
940
|
+
var css_248z$g = "@layer kol-theme-component {\n .kol-link {\n appearance: none;\n color: var(--color-blue);\n line-height: 1.2;\n }\n .kol-link:hover {\n color: var(--color-blue-130);\n }\n :host {\n font-family: var(--font-family);\n }\n}";
|
|
327
941
|
|
|
328
|
-
var css_248z$
|
|
942
|
+
var css_248z$f = "@layer kol-theme-component {\n .kol-nav {\n font-family: var(--font-family);\n }\n .kol-nav__navigation {\n background-color: var(--color-blue);\n }\n .kol-nav__list {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .kol-nav__list--vertical {\n flex-direction: column;\n }\n .kol-nav__list-item {\n border-color: var(--color-blue-75);\n border-style: solid;\n border-width: 0;\n }\n .kol-nav__list-item:not(:first-child), .kol-nav__list--nested .kol-nav__list-item {\n border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__entry-wrapper {\n display: flex;\n }\n .kol-nav__entry {\n flex-grow: 1;\n }\n .kol-nav__expand-button .kol-button {\n background-color: var(--color-blue-130);\n margin: auto;\n height: 100%;\n }\n .kol-nav__expand-button--expanded .kol-icon::part(icon)::before {\n content: \"\\eab4\";\n }\n .kol-nav__expand-button:not(.kol-nav__expand-button--expanded) .kol-icon::part(icon)::before {\n content: \"\\eab6\";\n }\n .kol-link {\n text-decoration: none;\n }\n .kol-span {\n border-color: transparent;\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n color: var(--color-white);\n font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n justify-items: start;\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n height: 100%;\n }\n :is(.kol-button, .kol-link):focus-within .kol-span {\n border-color: var(--color-white);\n }\n :is(.kol-button, .kol-link):focus-within .kol-span, :is(.kol-button, .kol-link):hover .kol-span {\n text-decoration: underline;\n }\n}";
|
|
329
943
|
|
|
330
|
-
var css_248z$
|
|
944
|
+
var css_248z$e = "@layer kol-theme-component {\n :host {\n display: grid;\n font-family: var(--font-family);\n }\n .kol-button {\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button:focus {\n outline: none;\n }\n .kol-button__text {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) Arial, sans-serif;\n padding: calc(12rem / var(--kolibri-root-font-size, 16));\n background-color: #fc0;\n color: #171a22;\n }\n .kol-button:focus-visible .kol-button__text {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-black);\n }\n .kol-button:not(:disabled):active .kol-button__text, .kol-button:not(:disabled):hover .kol-button__text {\n background-color: #fc0;\n border-color: #fc0;\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n }\n .kol-pagination__button--selected .kol-button__text {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n color: var(--color-white);\n font-weight: bold;\n text-decoration: underline;\n opacity: 1;\n }\n .kol-button:disabled .kol-button__text {\n opacity: 0.5;\n cursor: not-allowed;\n }\n}";
|
|
331
945
|
|
|
332
|
-
var css_248z$
|
|
946
|
+
var css_248z$d = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n}";
|
|
333
947
|
|
|
334
|
-
var css_248z$
|
|
948
|
+
var css_248z$c = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
335
949
|
|
|
336
|
-
var css_248z$
|
|
950
|
+
var css_248z$b = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n :host .kol-alert {\n font-family: var(--font-family);\n }\n :host .kol-alert--msg {\n border: none;\n }\n :host .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n :host .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n :host .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n :host .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n :host .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n :host .kol-alert__container {\n background-color: var(--color-white);\n }\n :host .kol-alert--card :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--msg :host .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n :host .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n :host .kol-alert--msg :host .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n :host .kol-alert--card :host .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert--card :host .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .single-select {\n position: relative;\n }\n .single-select__group {\n display: inline-flex;\n align-items: center;\n width: 100%;\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n color: var(--color-grey);\n order: 4;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .single-select__input {\n border: none;\n flex-grow: 1;\n width: calc(100% - 2.5rem);\n position: relative;\n }\n .single-select__input::placeholder {\n color: var(--color-grey-50);\n }\n .single-select__input:first-child {\n padding-left: var(--spacing);\n }\n .single-select__input:last-child {\n padding-right: var(--spacing);\n }\n .single-select__input:not(.disabled) .single-select__input:hover {\n border-color: var(--color-blue);\n }\n .single-select__button {\n display: grid;\n place-items: center;\n cursor: pointer;\n padding-left: 1em;\n }\n .single-select__button:focus {\n outline: 0;\n }\n .single-select__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-color: var(--color-blue);\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n overflow-y: auto;\n overflow-x: hidden;\n width: 100%;\n }\n .single-select__item {\n display: flex;\n align-items: flex-start;\n justify-items: center;\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n }\n .single-select__item .radio-label {\n align-self: center;\n padding-left: 1em;\n }\n .single-select__item:focus, .single-select__item.highlighted {\n background-color: var(--color-blue);\n color: white;\n outline: 0;\n }\n .kol-input {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n input,\n select,\n textarea {\n border: none;\n outline: none;\n }\n input,\n select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n label {\n font-weight: var(--font-weight-bold);\n order: 1;\n }\n .hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n order: 2;\n }\n .kol-alert {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n order: 3;\n }\n .input {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n input::placeholder,\n textarea::placeholder {\n color: var(--color-grey-50);\n }\n .input:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .input:focus-within,\n .input:hover {\n border-color: var(--color-blue);\n }\n .error .input {\n border-color: var(--color-red);\n }\n}";
|
|
337
951
|
|
|
338
|
-
var css_248z$
|
|
952
|
+
var css_248z$a = "@layer kol-theme-component {\n .kol-skip-nav {\n font-family: var(--font-family);\n }\n .kol-skip-nav .kol-link__text {\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n padding: calc(12rem / var(--kolibri-root-font-size, 16));\n background-color: #0e47cb;\n color: #fff;\n cursor: pointer;\n }\n}";
|
|
339
953
|
|
|
340
|
-
var css_248z$
|
|
954
|
+
var css_248z$9 = "@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}";
|
|
341
955
|
|
|
342
|
-
var css_248z$
|
|
956
|
+
var css_248z$8 = "@layer kol-theme-component {\n .kol-split-button {\n font-family: var(--font-family);\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-color: var(--color-blue);\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button__horizontal-line {\n border: 0;\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-split-button .kol-popover__content {\n background-color: #fff;\n }\n .kol-split-button .kol-button {\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n --text-focus-outline-color: var(--color-white);\n font-family: var(--font-family);\n appearance: none;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n text-decoration: none;\n }\n .kol-split-button .kol-button--primary {\n --text-background-color: #0e47cb;\n --text-color: #fff;\n --text-focus-outline-color: #fff;\n }\n .kol-split-button .kol-button--primary:hover {\n --text-background-color: #3e6cd5;\n }\n .kol-split-button .kol-button--secondary {\n --text-background-color: #fff;\n --text-color: #0e47cb;\n --text-border-color: #0e47cb;\n --text-focus-outline-color: #fff;\n }\n .kol-split-button .kol-button--secondary:hover {\n --text-color: #0e47cb;\n }\n .kol-split-button .kol-button--normal {\n --text-background-color: #fc0;\n --text-color: #171a22;\n --text-focus-outline-color: #000;\n --text-border-color: #fc0;\n }\n .kol-split-button .kol-button--normal:hover {\n --text-background-color: #fc0;\n }\n .kol-split-button .kol-button--danger {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n --text-color: var(--color-white);\n }\n .kol-split-button .kol-button--danger:hover {\n --text-background-color: var(--color-red);\n --text-border-color: var(--color-red);\n }\n .kol-split-button .kol-button--ghost {\n --text-color: #0e47cb;\n --text-focus-outline-color: #0e47cb;\n }\n .kol-split-button .kol-button--ghost:hover {\n --text-color: #0e47cb;\n }\n .kol-split-button .kol-button:focus {\n outline: none;\n }\n .kol-split-button .kol-button__text {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n font-weight: 400;\n margin: 0;\n padding: calc(12rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-split-button .kol-button__text:active, .kol-split-button .kol-button__text:hover {\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n }\n .kol-split-button .kol-button--secondary .kol-split-button .kol-button__text {\n padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n }\n .kol-split-button .kol-button--secondary.button:focus-visible .kol-split-button .kol-button__text {\n box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n }\n .kol-split-button .kol-button:focus-visible .kol-split-button .kol-button__text {\n outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n display: none;\n }\n}";
|
|
343
957
|
|
|
344
|
-
var css_248z$
|
|
958
|
+
var css_248z$7 = "@layer kol-theme-component {\n .kol-table {\n display: block;\n font-family: var(--font-family);\n overflow-x: auto;\n overflow-y: hidden;\n padding: 0.5em;\n }\n .kol-table__caption {\n padding: 0.5em;\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-blue);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0;\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__cell {\n padding: 0.5em;\n }\n .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n border-width: 0;\n border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__cell--header {\n font-weight: normal;\n color: var(--color-midnight);\n background-color: var(--color-white);\n }\n .kol-table__cell--header--ascending, .kol-table__cell--header--descending {\n font-weight: 700;\n }\n .kol-table__cell--header--ascending .kol-button, .kol-table__cell--header--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__row--body:nth-child(odd) {\n background-color: var(--color-grey-10);\n }\n .kol-table__selection {\n display: flex;\n gap: 0.5em;\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n .kol-table__selection-input:focus {\n border-color: var(--color-blue);\n outline-color: var(--color-blue);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--color-grey-75);\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio {\n display: block;\n border-color: var(--color-grey-75);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio:hover {\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio:checked {\n outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-color: var(--color-blue);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-white);\n }\n .kol-table__selection-icon {\n color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-icon {\n color: var(--color-blue);\n }\n .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n border-color: var(--color-blue);\n }\n .kol-table-stateful {\n font-family: var(--font-family);\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination-wrapper {\n grid-auto-flow: column;\n }\n }\n .kol-table-stateful__pagination {\n overflow-x: auto;\n overflow-y: hidden;\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n grid-auto-flow: column;\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination .kol-table-stateful .kol-pagination {\n display: flex;\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n }\n}";
|
|
345
959
|
|
|
346
|
-
var css_248z$
|
|
960
|
+
var css_248z$6 = "@layer kol-theme-component {\n .kol-table {\n display: block;\n font-family: var(--font-family);\n overflow-x: auto;\n overflow-y: hidden;\n padding: 0.5em;\n }\n .kol-table__caption {\n padding: 0.5em;\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-blue);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__table {\n width: 100%;\n border-spacing: 0;\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__cell {\n padding: 0.5em;\n }\n .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n border-width: 0;\n border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n border-width: 0;\n border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-color: var(--color-ice);\n }\n .kol-table__cell--header {\n font-weight: normal;\n color: var(--color-midnight);\n background-color: var(--color-white);\n }\n .kol-table__cell--header--ascending, .kol-table__cell--header--descending {\n font-weight: 700;\n }\n .kol-table__cell--header--ascending .kol-button, .kol-table__cell--header--descending .kol-button {\n font-weight: 700;\n }\n .kol-table__row--body:nth-child(odd) {\n background-color: var(--color-grey-10);\n }\n .kol-table__selection {\n display: flex;\n gap: 0.5em;\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n .kol-table__selection-input:focus {\n border-color: var(--color-blue);\n outline-color: var(--color-blue);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--checkbox {\n border-color: var(--color-grey-75);\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-blue);\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio {\n display: block;\n border-color: var(--color-grey-75);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio:hover {\n border-color: var(--color-blue);\n }\n .kol-table__selection-input--radio:checked {\n outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-color: var(--color-blue);\n border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-white);\n }\n .kol-table__selection-icon {\n color: var(--color-white);\n }\n .kol-table__selection--indeterminate .kol-table__selection-icon {\n color: var(--color-blue);\n }\n .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n border-color: var(--color-blue);\n }\n}";
|
|
347
961
|
|
|
348
|
-
var css_248z$
|
|
962
|
+
var css_248z$5 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs__button-group {\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-25);\n margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-button {\n border: none;\n margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-button:hover:not(:disabled) .kol-span {\n color: var(--color-blue-130);\n }\n .kol-tabs .kol-button:focus .kol-span {\n outline: var(--color-blue-130) solid calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tabs .kol-button.selected .kol-span {\n border-color: var(--color-grey-25);\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-bottom-color: white;\n border-top-color: var(--color-blue);\n box-shadow: 0 calc(-3rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n font-weight: var(--font-weight-bold);\n color: var(--color-blue);\n }\n .kol-tabs .kol-button .kol-span {\n padding: calc(4rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
349
963
|
|
|
350
|
-
var css_248z$
|
|
964
|
+
var css_248z$4 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .kol-alert {\n font-family: var(--font-family);\n }\n .kol-alert--msg {\n border: none;\n }\n .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-alert--card .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--msg .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-alert--card .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-alert--msg .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-alert--card .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert--card .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__label {\n order: 1;\n }\n .kol-form-field__hint {\n order: 2;\n }\n .kol-form-field__msg {\n order: 3;\n }\n .kol-form-field__input {\n order: 4;\n }\n .kol-form-field {\n color: var(--color-grey);\n gap: var(--spacing-xs);\n }\n .kol-form-field__label {\n font-weight: var(--font-weight-bold);\n }\n .kol-form-field__label-text::after {\n color: var(--color-red);\n padding-left: 0.25em;\n }\n .kol-form-field__hint {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n }\n .kol-form-field__msg {\n color: var();\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-form-field__msg.kol-alert--error {\n color: var(--color-red);\n font-size: 0.875em;\n margin-left: calc(-1 * var(--spacing-2xs));\n }\n .kol-input-container {\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n color: var(--color-grey);\n order: 4;\n align-items: center;\n padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n }\n .kol-input-container:focus-within {\n box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n outline: none;\n }\n .kol-input-container:focus-within, .kol-input-container:hover {\n border-color: var(--color-blue);\n }\n .kol-input-container.kol-input-container--error {\n border-color: var(--color-red);\n }\n}\n@layer kol-theme-component {\n .kol-input,\n .kol-select,\n .kol-textarea {\n border: none;\n margin: calc(1rem / var(--kolibri-root-font-size, 16));\n outline: none;\n }\n .kol-input,\n .kol-select:not([multiple]) {\n height: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input:focus,\n .kol-select:focus,\n .kol-textarea:focus {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-input::placeholder,\n .kol-textarea::placeholder {\n color: var(--color-grey-50);\n }\n}";
|
|
351
965
|
|
|
352
|
-
var css_248z$
|
|
966
|
+
var css_248z$3 = "@layer kol-theme-component {\n :host {\n top: calc(16rem / var(--kolibri-root-font-size, 16));\n right: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(440rem / var(--kolibri-root-font-size, 16));\n max-width: 100%;\n }\n .kol-toast-item {\n display: block;\n background-color: #fff;\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert {\n font-family: var(--font-family);\n }\n .kol-toast-item .kol-alert--msg {\n border: none;\n }\n .kol-toast-item .kol-alert--card {\n padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert--default {\n --alert-accent-color: var(--color-grey);\n }\n .kol-toast-item .kol-alert--error {\n --alert-accent-color: var(--color-red);\n }\n .kol-toast-item .kol-alert--info {\n --alert-accent-color: var(--color-blue);\n }\n .kol-toast-item .kol-alert--success {\n --alert-accent-color: var(--color-green);\n }\n .kol-toast-item .kol-alert--warning {\n --alert-accent-color: var(--color-orange);\n }\n .kol-toast-item .kol-alert__container {\n background-color: var(--color-white);\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__container-content {\n padding: var(--spacing-2xs);\n }\n .kol-toast-item .kol-alert__close-button .kol-button {\n color: var(--alert-accent-color);\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__close-button .kol-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert__heading-icon {\n color: var(--alert-accent-color);\n }\n .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__heading-icon {\n font-size: 1.5em;\n margin: var(--spacing-2xs);\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__heading-icon {\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__content {\n margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item__alert {\n display: block;\n }\n .kol-toast-item .heading {\n width: 100%;\n }\n .kol-toast-item .heading .heading-content {\n flex: 1;\n }\n}";
|
|
353
967
|
|
|
354
|
-
var css_248z$
|
|
968
|
+
var css_248z$2 = "@layer kol-theme-component {\n .kol-toolbar {\n padding: var(--spacing-s);\n border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n background-color: var(--color-white);\n }\n}";
|
|
355
969
|
|
|
356
|
-
var css_248z$
|
|
970
|
+
var css_248z$1 = "@layer kol-theme-component {\n .kol-tree__treeview-navigation {\n display: flex;\n flex-direction: column;\n }\n}";
|
|
357
971
|
|
|
358
|
-
var css_248z
|
|
972
|
+
var css_248z = "@layer kol-theme-component {\n .kol-tree-item__children {\n display: flex;\n flex-direction: column;\n }\n .kol-tree-item__link {\n display: block;\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n background-color: var(--color-sky);\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n }\n .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n color: var(--color-black);\n }\n .kol-tree-item__link--active {\n background-color: var(--color-yellow);\n }\n .kol-tree-item__link--active .kol-link {\n background-color: var(--color-yellow);\n color: var(--color-black);\n }\n .kol-tree-item__link .kol-link {\n display: block;\n color: var(--color-black);\n text-decoration: none;\n text-align: left;\n }\n .kol-tree-item__link .kol-link:focus {\n color: var(--color-black);\n }\n .kol-tree-item__toggle-button {\n display: inline-block;\n color: var(--color-blue);\n }\n .kol-tree-item__toggle-button:hover {\n transform: scale(1.3);\n }\n}";
|
|
359
973
|
|
|
360
974
|
const ECL_EU = KoliBri.createTheme('ecl-eu', {
|
|
361
|
-
GLOBAL: css_248z$
|
|
362
|
-
'KOL-HEADING': css_248z$
|
|
363
|
-
'KOL-ACCORDION': css_248z$
|
|
364
|
-
'KOL-BUTTON': css_248z$
|
|
365
|
-
'KOL-LINK-BUTTON': css_248z$V,
|
|
366
|
-
'KOL-PAGINATION': css_248z$S,
|
|
367
|
-
'KOL-PROGRESS': css_248z$R,
|
|
368
|
-
'KOL-NAV': css_248z$T,
|
|
369
|
-
'KOL-BADGE': css_248z$1e,
|
|
370
|
-
'KOL-ALERT': css_248z$1g,
|
|
371
|
-
'KOL-CARD': css_248z$1a,
|
|
372
|
-
'KOL-COMBOBOX': css_248z$19,
|
|
373
|
-
'KOL-INPUT-CHECKBOX': css_248z$14,
|
|
374
|
-
'KOL-INPUT-COLOR': css_248z$13,
|
|
375
|
-
'KOL-INPUT-FILE': css_248z$10,
|
|
376
|
-
'KOL-INPUT-EMAIL': css_248z$11,
|
|
377
|
-
'KOL-INPUT-NUMBER': css_248z$$,
|
|
378
|
-
'KOL-INPUT-DATE': css_248z$12,
|
|
379
|
-
'KOL-INPUT-PASSWORD': css_248z$_,
|
|
380
|
-
'KOL-INPUT-TEXT': css_248z$X,
|
|
381
|
-
'KOL-KOLIBRI': css_248z$W,
|
|
382
|
-
'KOL-SELECT': css_248z$Q,
|
|
383
|
-
'KOL-SINGLE-SELECT': css_248z$P,
|
|
384
|
-
'KOL-TEXTAREA': css_248z$I,
|
|
385
|
-
'KOL-TABLE-STATEFUL': css_248z$L,
|
|
386
|
-
'KOL-TABLE-STATELESS': css_248z$K,
|
|
387
|
-
'KOL-AVATAR': css_248z$1f,
|
|
388
|
-
'KOL-TABS': css_248z$J,
|
|
389
|
-
'KOL-LINK': css_248z$U,
|
|
390
|
-
'KOL-BUTTON-LINK': css_248z$1b,
|
|
391
|
-
'KOL-BREADCRUMB': css_248z$1d,
|
|
392
|
-
'KOL-DETAILS': css_248z$18,
|
|
393
|
-
'KOL-DRAWER': css_248z$16,
|
|
394
|
-
'KOL-SPIN': css_248z$N,
|
|
395
|
-
'KOL-INPUT-RADIO': css_248z$Z,
|
|
396
|
-
'KOL-INPUT-RANGE': css_248z$Y,
|
|
397
|
-
'KOL-SKIP-NAV': css_248z$O,
|
|
398
|
-
'KOL-SPLIT-BUTTON': css_248z$M,
|
|
399
|
-
'KOL-TOAST-CONTAINER': css_248z$H,
|
|
400
|
-
'KOL-TOOLBAR': css_248z$G,
|
|
401
|
-
'KOL-TREE': css_248z$F,
|
|
402
|
-
'KOL-TREE-ITEM': css_248z$E,
|
|
403
|
-
'KOL-FORM': css_248z$17,
|
|
404
|
-
});
|
|
405
|
-
|
|
406
|
-
var css_248z$D = "@layer kol-theme-global {\n :host {\n --border-color: var(--color-anthrazit);\n --border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n --color-anthrazit: #333;\n --color-jade: #f3f7fb;\n --color-weiss: #fff;\n --color-petrol: #007a89;\n --color-achat: #0b4d59;\n --color-teal: #056773;\n --color-fluorit: #66ddec;\n --color-rotton: rgba(188, 0, 0, 1);\n --color-rotton-20: rgba(188, 0, 0, 0.2);\n --color-gras: #138510;\n --color-warn: #f0541e;\n --color-blut: var(--color-rotton);\n --color-input-bg-default: #e8edf2;\n --gradient-petrol-achat: linear-gradient(67deg, var(--color-petrol), var(--color-achat));\n --color-citrin: #d4c912;\n --color-umber: #494500;\n --color-gelb: #fff443;\n --color-lichtgelb: #eeff6c;\n --gradient-gelb-citrin: linear-gradient(67deg, var(--color-gelb), var(--color-citrin));\n --font-family-sans: Verdana;\n --font-family-serif: \"Times New Roman\";\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing: 0.125em;\n --kolibri-spacing: calc(2 * var(--spacing));\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: var(--font-family);\n font-size: var(--font-size);\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus,\n a:focus,\n button:focus,\n input:focus,\n select:focus,\n summary:focus,\n textarea:focus {\n cursor: pointer;\n outline-color: var(--color-petrol);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-span,\n .kol-span__container {\n gap: 0.25em;\n }\n .kol-tooltip__arrow {\n background-color: #626262;\n }\n .kol-tooltip__content {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n line-height: 1.25;\n background-color: #f2f2f2;\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #626262;\n }\n}";
|
|
407
|
-
|
|
408
|
-
var css_248z$C = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n display: grid;\n border-color: var(--kolibri-border-color);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-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 .kol-accordion__heading-button button {\n font-size: inherit;\n line-height: 1.75;\n }\n .kol-accordion__heading-button .kol-button {\n font-weight: inherit;\n font-size: inherit;\n line-height: inherit;\n cursor: pointer;\n width: 100%;\n margin: 0;\n display: flex;\n gap: 0.5em;\n border: 0;\n align-items: center;\n overflow: hidden;\n background-color: transparent;\n padding: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-accordion__heading-button .kol-icon::part(icon) {\n color: var(--color-midnight);\n }\n .kol-accordion__heading-button .kol-icon::part(close)::before {\n font-family: \"Font Awesome 6 Free\";\n content: \"\\f077\";\n }\n .kol-accordion__heading-button .kol-icon::part(open)::before {\n font-family: \"Font Awesome 6 Free\";\n content: \"\\f078\";\n }\n .kol-accordion__heading {\n margin: 0;\n }\n .kol-accordion__content {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .collapsible--open .kol-accordion__heading-button .kol-button {\n padding-bottom: 0;\n }\n .collapsible--open .kol-accordion__heading-button .kol-icon {\n width: 1em;\n }\n .collapsible--open .kol-accordion__content {\n margin: 0;\n }\n}";
|
|
409
|
-
|
|
410
|
-
var css_248z$B = "@layer kol-theme-component {\n .kol-alert--default {\n --alert-border-color: var(--color-anthrazit);\n }\n .kol-alert--error {\n --alert-border-color: var(--color-rotton);\n }\n .kol-alert--info {\n --alert-border-color: var(--color-petrol);\n }\n .kol-alert--success {\n --alert-border-color: var(--color-gras);\n }\n .kol-alert--warning {\n --alert-border-color: var(--color-warn);\n }\n .kol-alert__container {\n display: flex;\n place-items: center;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n background-color: var(--alert-border-color);\n }\n}";
|
|
411
|
-
|
|
412
|
-
var css_248z$A = "@layer kol-theme-component {\n .kol-badge {\n display: inline-flex;\n font-family: inherit;\n border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n }\n .kol-badge__smart-button {\n border-left: calc(1rem / var(--kolibri-root-font-size, 16)) solid rgba(0, 0, 0, 0.25);\n }\n .kol-badge__smart-button .button {\n border-radius: 0 var(--spacing) var(--spacing) 0;\n }\n .kol-badge__label {\n align-items: center;\n font-style: normal;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-badge__label .kol-span__container {\n display: flex;\n gap: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
413
|
-
|
|
414
|
-
var css_248z$z = "@layer kol-theme-component {\n .kol-breadcrumb__list-element-span {\n font-weight: bold;\n /* text-transform: uppercase; */\n }\n}";
|
|
415
|
-
|
|
416
|
-
var css_248z$y = "@layer kol-theme-component {\n .kol-button {\n background-color: transparent;\n }\n .kol-button--primary {\n --text-background-color: var(--color-petrol);\n --text-border-color: var(--color-petrol);\n --text-color: var(--color-weiss);\n }\n .kol-button--primary:not([disabled]):hover, .kol-button--primary:focus {\n --text-background-color: var(--color-achat);\n --text-border-color: var(--color-achat);\n }\n .kol-button--secondary {\n --text-background-color: var(--color-weiss);\n --text-border-color: var(--color-petrol);\n --text-color: var(--color-petrol);\n }\n .kol-button--secondary:not([disabled]):hover, .kol-button--secondary:focus {\n --text-background-color: var(--color-petrol);\n --text-color: var(--color-weiss);\n }\n .kol-button--normal {\n --text-background-color: var(--color-weiss);\n --text-border-color: var(--color-anthrazit);\n --text-color: var(--color-anthrazit);\n }\n .kol-button--normal:not([disabled]):hover, .kol-button--normal:focus {\n --text-background-color: var(--color-anthrazit);\n --text-color: var(--color-weiss);\n }\n .kol-button--danger {\n --text-background-color: var(--color-weiss);\n --text-border-color: var(--color-blut);\n --text-color: var(--color-blut);\n }\n .kol-button--danger:hover, .kol-button--danger:focus {\n --text-background-color: var(--color-blut);\n --text-color: var(--color-weiss);\n }\n .kol-button--ghost {\n --text-background-color: var(--color-ghost);\n --text-border-color: transparent;\n --text-color: var(--color-anthrazit);\n }\n .kol-button--ghost:not([disabled]):hover, .kol-button--ghost:focus {\n --text-border-color: var(--color-ghost);\n }\n .kol-button__text {\n gap: 0.25em;\n transition-delay: 0ms;\n transition-timing-function: ease-in-out;\n transition-duration: 0.5s;\n transition-property: background, color, border-color;\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-button--hide-label .kol-button__text {\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-button {\n font-family: var(--font-family-sans);\n /* text-transform: uppercase; */\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button__text {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border-width: var(--spacing);\n font-size: inherit;\n /*line-height: 1.25em;*/\n /*padding: calc(4 * var(--spacing));*/\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
417
|
-
|
|
418
|
-
var css_248z$x = "@layer kol-theme-component {\n .kol-button {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n font-family: var(--font-family-sans);\n /* text-transform: uppercase; */\n }\n .kol-button--primary {\n --background-color: var(--color-petrol);\n --border-color: var(--color-petrol);\n --color: var(--color-weiss);\n }\n .kol-button--primary:not([disabled]):hover, .kol-button--primary:focus {\n --background-color: var(--color-achat);\n --border-color: var(--color-achat);\n }\n .kol-button--secondary {\n --background-color: var(--color-weiss);\n --border-color: var(--color-petrol);\n --color: var(--color-petrol);\n }\n .kol-button--secondary:not([disabled]):hover, .kol-button--secondary:focus {\n --background-color: var(--color-petrol);\n --border-color: var(--color-petrol);\n --color: var(--color-weiss);\n }\n .kol-button--normal {\n --background-color: var(--color-weiss);\n --border-color: var(--color-anthrazit);\n --color: var(--color-anthrazit);\n }\n .kol-button--normal:not([disabled]):hover, .kol-button--normal:focus {\n --background-color: var(--color-anthrazit);\n --border-color: var(--color-anthrazit);\n --color: var(--color-weiss);\n }\n .kol-button--danger {\n --background-color: var(--color-weiss);\n --border-color: var(--color-blut);\n --color: var(--color-blut);\n }\n .kol-button--danger:not([disabled]):hover, .kol-button--danger:focus {\n --background-color: var(--color-blut);\n --border-color: var(--color-blut);\n --color: var(--color-weiss);\n }\n .kol-button--ghost {\n --background-color: var(--color-ghost);\n --border-color: transparent;\n --color: var(--color-anthrazit);\n }\n .kol-button--ghost:not([disabled]):hover, .kol-button--ghost:focus {\n --background-color: var(--color-ghost);\n --border-color: var(--color-ghost);\n --color: var(--color-anthrazit);\n }\n .kol-button__text {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n border-width: var(--spacing);\n font-size: inherit;\n /*line-height: 1.25em;*/\n /*padding: calc(4 * var(--spacing));*/\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n 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 background-color: var(--background-color);\n border-color: var(--border-color);\n color: var(--color);\n }\n .kol-button--hide-label .kol-button__text {\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n}";
|
|
419
|
-
|
|
420
|
-
var css_248z$w = "@layer kol-theme-component {\n .kol-card {\n background-color: white;\n border-color: var(--border-color);\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-radius: calc(2 * var(--border-radius));\n width: 100%;\n height: 100%;\n }\n .kol-card__headline {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n display: block;\n border-bottom-style: solid;\n border-bottom-color: var(--border-color);\n border-bottom-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-card__header, .kol-card__content {\n display: block;\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
421
|
-
|
|
422
|
-
var css_248z$v = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n .combobox {\n display: block;\n position: relative;\n }\n .combobox__group {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n display: inline-flex;\n align-items: center;\n min-height: var(--a11y-min-size);\n text-align: left;\n width: 100%;\n padding: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__group:not(.disabled) .combobox__group:hover, .combobox__group:focus-within {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .combobox:not(.combobox--disabled) .combobox__group:hover {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__input {\n flex-grow: 1;\n border: none;\n background-color: transparent;\n border: none;\n width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .combobox__input:focus {\n outline-offset: 0;\n outline-width: 0;\n }\n .combobox__icon {\n display: grid;\n place-items: center;\n padding-left: 1em;\n padding-right: 1em;\n }\n .combobox__icon:focus {\n outline: 0;\n }\n .combobox__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item {\n display: flex;\n align-items: center;\n height: calc(40rem / var(--kolibri-root-font-size, 16));\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .combobox__item:focus {\n background-color: var(--color-petrol);\n color: var(--color-weiss);\n outline: 0;\n }\n .error .combobox__group {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
423
|
-
|
|
424
|
-
var css_248z$u = "@layer kol-theme-component {\n .kol-details {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button {\n border-radius: var(--border-radius);\n }\n .kol-details__heading-button:focus-within {\n cursor: pointer;\n }\n .kol-details__heading-button .kol-button .kol-span__label {\n border-bottom-color: #000;\n }\n .kol-details__heading-button .kol-icon {\n font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-details__heading-button .kol-span__container {\n display: flex;\n text-align: left;\n gap: 0;\n }\n .kol-details__content.indented-text {\n font-family: var(--font-family);\n border-left: calc(4rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n padding: 0.25em 0.5em;\n margin-left: calc(-4rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
425
|
-
|
|
426
|
-
var css_248z$t = "@layer kol-theme-component {\n .kol-drawer__wrapper {\n box-shadow: 0 0 0.25em gray;\n }\n}";
|
|
427
|
-
|
|
428
|
-
var css_248z$s = "@layer kol-theme-component {\n .kol-link {\n text-decoration-line: none;\n background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);\n background-repeat: no-repeat;\n background-position: left 0 bottom 0;\n background-size: 25% 0.25ex;\n border-radius: var(--spacing);\n color: var(--color-petrol);\n font-family: var(--font-family-sans);\n font-size: inherit;\n /* text-transform: uppercase; */\n transition-delay: 0ms;\n transition-timing-function: ease-in-out;\n transition-duration: 0.5s;\n transition-property: background, color, border-color;\n }\n .kol-link:hover {\n background-size: 100% 0.25ex;\n color: var(--color-achat);\n }\n .kol-link__text {\n gap: 0.25em;\n }\n .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n .kol-form__link {\n display: inline-block;\n }\n .kol-form__mandatory-fields-hint {\n font-family: var(--font-family);\n border-left: calc(4rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n padding: 0.25em 0.5em;\n margin-left: calc(-4rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n .kol-form__alert .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}";
|
|
429
|
-
|
|
430
|
-
var css_248z$r = "@layer kol-theme-component {\n .kol-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 .kol-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 .kol-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 .kol-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 .kol-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 .kol-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-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n margin: 0;\n padding: 0;\n }\n}";
|
|
431
|
-
|
|
432
|
-
var css_248z$q = "@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n .checkbox-container {\n position: relative;\n justify-content: center;\n min-width: initial;\n width: initial;\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-color: var(--default-border);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n }\n .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n }\n input:hover {\n border-color: var(--color-petrol);\n }\n /* NEU */\n .kol-input {\n display: grid;\n align-items: center;\n justify-items: left;\n width: 100%;\n gap: calc(4 * var(--spacing));\n }\n .kol-input.default {\n grid-template-columns: auto 1fr;\n }\n .default[data-label-align=left]:not(.hide-label) {\n grid-template-columns: 1fr auto;\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 }\n .kol-input > .kol-alert.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 display: flex;\n }\n .default.checked .icon {\n color: var(--color-weiss);\n }\n .switch input[type=checkbox] {\n display: block;\n min-width: 3.2em;\n width: 3.2em;\n height: 1.7em;\n position: relative;\n }\n .switch input[type=checkbox]:before {\n /* border-radius: 0.25em; */\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n transition: 0.5;\n width: 1.2em;\n height: 1.2em;\n left: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n top: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n background-color: black;\n position: absolute;\n }\n .switch input[type=checkbox]:checked:before {\n transform: translateX(1.5em);\n background-color: white;\n }\n .switch input[type=checkbox]:indeterminate:before {\n transform: translateX(0.75em);\n background-color: var(--color-petrol);\n }\n .switch:is(:not(.checked), .indeterminate) .icon {\n color: #fff;\n }\n .disabled {\n opacity: 0.33;\n }\n .kol-input span.hint {\n grid-column: span 2;\n font-style: italic;\n color: gray;\n display: block;\n order: 3;\n padding: 0 var(--spacing);\n }\n .button:focus-within {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n outline-color: var(--color-achat);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
433
|
-
|
|
434
|
-
var css_248z$p = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
435
|
-
|
|
436
|
-
var css_248z$o = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
437
|
-
|
|
438
|
-
var css_248z$n = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
439
|
-
|
|
440
|
-
var css_248z$m = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
441
|
-
|
|
442
|
-
var css_248z$l = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
443
|
-
|
|
444
|
-
var css_248z$k = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
445
|
-
|
|
446
|
-
var css_248z$j = "@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 .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n label {\n font-weight: normal;\n }\n :host input:focus {\n outline-color: var(--color-achat);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n width: 100%;\n color: var(--color-anthrazit);\n border-color: var(--default-border);\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n /* padding: rem(10) rem(14); */\n }\n input:hover {\n border-color: var(--color-achat);\n }\n .kol-alert {\n display: block;\n width: 100%;\n order: 3;\n }\n .kol-required span::after {\n content: \"*\";\n }\n /* RADIO */\n fieldset {\n border: 0;\n margin: 0;\n padding: 0;\n flex-wrap: wrap;\n }\n fieldset .hint,\n fieldset .kol-input .hint {\n font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n font-style: italic;\n }\n fieldset .hint {\n order: 4;\n }\n fieldset .kol-input {\n display: grid;\n order: 2;\n }\n fieldset .kol-input .hint {\n order: 3;\n }\n fieldset.horizontal {\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n align-items: flex-start;\n }\n fieldset legend {\n display: block;\n width: 100%;\n line-height: 1.5;\n }\n .radio-input-wrapper,\n .input {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 0.5em;\n margin-top: 0.25em;\n margin-bottom: 0.25em;\n align-items: center;\n position: relative;\n }\n .radio-label {\n cursor: pointer;\n display: flex;\n width: 100%;\n }\n .radio-label span {\n margin-top: 0.125em;\n }\n .radio-input-wrapper input[type=radio] {\n appearance: none;\n transition: 0.5s;\n border-radius: 100%;\n height: calc(12 * var(--spacing));\n min-width: calc(12 * var(--spacing));\n width: calc(12 * var(--spacing));\n }\n .radio-input-wrapper input[type=radio]:checked:before {\n box-shadow: 0 0 calc(1.6rem / var(--kolibri-root-font-size, 16)) black;\n background-color: var(--color-petrol);\n }\n .radio-input-wrapper input[type=radio]:disabled {\n background-color: var(--color-input-bg-default);\n border-color: #999;\n cursor: not-allowed;\n }\n .kol-alert {\n width: 100%;\n }\n}";
|
|
447
|
-
|
|
448
|
-
var css_248z$i = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n input {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n cursor: pointer;\n width: 100%;\n overflow: hidden;\n }\n input::placeholder {\n font-style: italic;\n }\n input:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n input:not(.disabled, input:disabled):hover, input:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error input {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
449
|
-
|
|
450
|
-
var css_248z$h = "@layer kol-theme-component {\n .kol-link {\n text-decoration-line: none;\n background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);\n background-repeat: no-repeat;\n background-position: left 0 bottom 0;\n background-size: 25% 0.25ex;\n border-radius: var(--spacing);\n color: var(--color-petrol);\n font-family: var(--font-family-sans);\n font-size: inherit;\n /* text-transform: uppercase; */\n transition-delay: 0ms;\n transition-timing-function: ease-in-out;\n transition-duration: 0.5s;\n transition-property: background, color, border-color;\n }\n .kol-link:hover {\n background-size: 100% 0.25ex;\n color: var(--color-achat);\n }\n .kol-link__text {\n gap: 0.25em;\n }\n}";
|
|
451
|
-
|
|
452
|
-
var css_248z$g = "@layer kol-theme-component {\n .kol-link {\n text-decoration-line: none;\n background-image: repeating-linear-gradient(to right, #66ddec, #66ddec);\n background-repeat: no-repeat;\n background-position: left 0 bottom 0;\n background-size: 25% 0.25ex;\n border-radius: var(--spacing);\n color: var(--color-petrol);\n font-family: var(--font-family-sans);\n font-size: inherit;\n /* text-transform: uppercase; */\n transition-delay: 0ms;\n transition-timing-function: ease-in-out;\n transition-duration: 0.5s;\n transition-property: background, color, border-color;\n }\n .kol-link:hover {\n background-size: 100% 0.25ex;\n color: var(--color-achat);\n }\n .kol-link__text {\n gap: 0.25em;\n }\n}";
|
|
453
|
-
|
|
454
|
-
var css_248z$f = "@layer kol-theme-component {\n .kol-nav__list {\n list-style: none;\n margin: 0;\n padding: 0;\n border-radius: var(--border-radius);\n background-color: var(--color-petrol);\n }\n .kol-nav__list--horizontal {\n display: flex;\n }\n .kol-nav__list--nested {\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav .kol-button,\n .kol-nav .kol-link {\n align-items: center;\n color: var(--color-weiss);\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: var(--a11y-min-size);\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n text-align: left;\n text-decoration: none;\n }\n .kol-nav .kol-button:hover, .kol-nav .kol-button:focus-visible,\n .kol-nav .kol-link:hover,\n .kol-nav .kol-link:focus-visible {\n text-decoration: underline;\n }\n}";
|
|
455
|
-
|
|
456
|
-
var css_248z$e = "@layer kol-theme-component {\n .kol-button {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n font-family: var(--font-family-sans);\n }\n .kol-button__text {\n background-color: var(--color-weiss);\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border: var(--spacing) solid var(--color-anthrazit);\n color: var(--color-anthrazit);\n font-size: inherit;\n gap: 0.25em;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n transition-duration: 0.5s;\n transition-property: background, color, border-color;\n transition-timing-function: ease-in-out;\n }\n .kol-button__text:not(:disabled):hover .kol-button__text, .kol-button__text:focus .kol-button__text {\n background-color: var(--color-anthrazit);\n border-color: var(--color-anthrazit);\n color: var(--color-weiss);\n }\n :disabled .kol-button__text {\n cursor: not-allowed;\n opacity: 0.5;\n }\n .kol-button__text--hide-label .kol-button__text {\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-pagination__button--selected .kol-button__text {\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}";
|
|
457
|
-
|
|
458
|
-
var css_248z$d = "@layer kol-theme-component {\n .kol-progress {\n --kolibri-text-label-padding: calc(60rem / var(--kolibri-root-font-size, 16));\n }\n .kol-progress__bar-progress {\n fill: var(--color-achat);\n }\n .kol-progress__cycle-background {\n stroke: var(--color-fluorit);\n }\n .kol-progress__cycle-progress {\n stroke: var(--color-achat);\n }\n}";
|
|
459
|
-
|
|
460
|
-
var css_248z$c = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n .error select {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n select {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n width: 100%;\n }\n select:not(.disabled) select:hover, select:focus-within {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n option {\n min-height: 2em;\n }\n select:not([multiple]) option {\n padding: 0.5em;\n }\n}";
|
|
461
|
-
|
|
462
|
-
var css_248z$b = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n .single-select {\n display: block;\n position: relative;\n }\n .single-select__group {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n display: inline-flex;\n align-items: center;\n min-height: var(--a11y-min-size);\n text-align: left;\n width: 100%;\n padding: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__group:not(.disabled) .single-select__group:hover, .single-select__group:focus-within {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .single-select:not(.disabled) .single-select__group:hover {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__input {\n flex-grow: 1;\n background-color: transparent;\n border: none;\n width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .single-select__input:focus {\n outline-offset: 0;\n outline-width: 0;\n }\n .single-select__button {\n display: grid;\n place-items: center;\n cursor: pointer;\n padding-left: 1em;\n }\n .single-select__button:focus {\n outline: 0;\n }\n .single-select__listbox {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n border-color: var(--kolibri-color-normal);\n max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n background-color: #e8edf2;\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n width: 100%;\n }\n .single-select__item {\n min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .single-select__item .radio-label {\n align-self: center;\n padding-left: 1em;\n }\n .single-select__item:focus, .single-select__item.highlighted {\n background-color: var(--color-petrol);\n outline: 0;\n }\n .single-select__item:focus .radio-label, .single-select__item.highlighted .radio-label {\n color: var(--color-weiss);\n }\n .error .single-select__group {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n}";
|
|
463
|
-
|
|
464
|
-
var css_248z$a = "@layer kol-theme-component {\n .kol-link__text {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n line-height: 1;\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n background-color: var(--color-petrol);\n border-color: var(--color-petrol);\n color: var(--color-weiss);\n cursor: pointer;\n }\n}";
|
|
465
|
-
|
|
466
|
-
var css_248z$9 = "@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}";
|
|
467
|
-
|
|
468
|
-
var css_248z$8 = "@layer kol-theme-component {\n :host {\n border-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-width: var(--spacing);\n }\n .popover {\n background-color: #fff;\n }\n .horizontal-line {\n background-color: var(--border-color);\n border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .secondary-button button {\n height: 100%;\n }\n .secondary-button > button > .kol-span {\n border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .secondary-button > button > :active > .kol-span {\n border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .secondary-button > button > :focus > .kol-span {\n border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .secondary-button > a,\n .secondary-button > button {\n border-top-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-bottom-right-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n font-family: var(--font-family-sans);\n /* text-transform: uppercase; */\n }\n a,\n button {\n border-top-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-bottom-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n font-family: var(--font-family-sans);\n /* text-transform: uppercase; */\n }\n a > .kol-span,\n button > .kol-span {\n border-top-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n border-bottom-left-radius: calc(32rem / var(--kolibri-root-font-size, 16));\n font-size: inherit;\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button {\n background-color: transparent;\n }\n .kol-button--primary {\n --text-background-color: var(--color-petrol);\n --text-border-color: var(--color-petrol);\n --text-color: var(--color-weiss);\n }\n .kol-button--primary:not([disabled]):hover, .kol-button--primary:focus {\n --text-background-color: var(--color-achat);\n --text-border-color: var(--color-achat);\n }\n .kol-button--secondary {\n --text-background-color: var(--color-weiss);\n --text-border-color: var(--color-petrol);\n --text-color: var(--color-petrol);\n }\n .kol-button--secondary:not([disabled]):hover, .kol-button--secondary:focus {\n --text-background-color: var(--color-petrol);\n --text-color: var(--color-weiss);\n }\n .kol-button--normal {\n --text-background-color: var(--color-weiss);\n --text-border-color: var(--color-anthrazit);\n --text-color: var(--color-anthrazit);\n }\n .kol-button--normal:not([disabled]):hover, .kol-button--normal:focus {\n --text-background-color: var(--color-anthrazit);\n --text-color: var(--color-weiss);\n }\n .kol-button--danger {\n --text-background-color: var(--color-weiss);\n --text-border-color: var(--color-blut);\n --text-color: var(--color-blut);\n }\n .kol-button--danger:hover, .kol-button--danger:focus {\n --text-background-color: var(--color-blut);\n --text-color: var(--color-weiss);\n }\n .kol-button--ghost {\n --text-background-color: var(--color-ghost);\n --text-border-color: transparent;\n --text-color: var(--color-anthrazit);\n }\n .kol-button--ghost:not([disabled]):hover, .kol-button--ghost:focus {\n --text-border-color: var(--color-ghost);\n }\n .kol-button__text {\n gap: 0.25em;\n transition-delay: 0ms;\n transition-timing-function: ease-in-out;\n transition-duration: 0.5s;\n transition-property: background, color, border-color;\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n color: var(--text-color);\n }\n .kol-button--hide-label .kol-button__text {\n padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button--hide-label .kol-button__text .kol-span__label {\n display: none;\n }\n}";
|
|
469
|
-
|
|
470
|
-
var css_248z$7 = "@layer kol-theme-component {\n @layer kol-theme-component {\n .kol-table {\n padding: 0.5em;\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-petrol);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-table__container {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n border-width: 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__head-row, .kol-table__row {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n }\n .kol-table__head-row--body:nth-child(even), .kol-table__row--body:nth-child(even) {\n background-color: #f2f2f2;\n }\n .kol-table__cell {\n padding: 0.25em 0.5em;\n border-right: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n }\n .kol-table__cell--header {\n background-color: #eee;\n }\n .kol-table__cell:last-child {\n border-right-width: 0;\n }\n .kol-table__sort-button .kol-button {\n font-weight: bold;\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-petrol);\n border-color: var(--color-petrol);\n }\n .kol-table__selection-input--checkbox:focus {\n border-color: var(--color-petrol);\n outline-color: var(--color-petrol);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio {\n display: flex;\n }\n .kol-table__selection-input--radio:hover {\n border-color: var(--color-achat);\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--color-anthrazit);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-petrol);\n }\n .kol-table__selection-input--radio:focus {\n border-color: var(--color-petrol);\n border-color: var(--color-anthrazit);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-weiss);\n }\n .kol-table__selection-icon {\n color: var(--color-weiss);\n }\n .kol-table__selection--indeterminate .kol-table__selection-icon {\n color: var(--color-petrol);\n }\n }\n .kol-table-stateful {\n font-family: var(--font-family);\n }\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n grid-auto-flow: column;\n }\n }\n .kol-table-stateful__pagination {\n overflow-x: auto;\n overflow-y: hidden;\n }\n .kol-table-stateful__pagination--bottom {\n border-style: solid;\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-color: var(--border-color);\n }\n @media (min-width: 1024px) {\n .kol-table-stateful .kol-pagination {\n display: flex;\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n }\n}";
|
|
471
|
-
|
|
472
|
-
var css_248z$6 = "@layer kol-theme-component {\n .kol-table {\n padding: 0.5em;\n }\n .kol-table__focus-element:focus {\n outline-color: var(--color-petrol);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-table__container {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n border-width: 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__head-row, .kol-table__row {\n border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n }\n .kol-table__head-row--body:nth-child(even), .kol-table__row--body:nth-child(even) {\n background-color: #f2f2f2;\n }\n .kol-table__cell {\n padding: 0.25em 0.5em;\n border-right: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n }\n .kol-table__cell--header {\n background-color: #eee;\n }\n .kol-table__cell:last-child {\n border-right-width: 0;\n }\n .kol-table__sort-button .kol-button {\n font-weight: bold;\n }\n .kol-table__selection-input--checkbox:checked {\n background-color: var(--color-petrol);\n border-color: var(--color-petrol);\n }\n .kol-table__selection-input--checkbox:focus {\n border-color: var(--color-petrol);\n outline-color: var(--color-petrol);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection-input--radio {\n display: flex;\n }\n .kol-table__selection-input--radio:hover {\n border-color: var(--color-achat);\n }\n .kol-table__selection-input--radio:checked {\n border-color: var(--color-anthrazit);\n }\n .kol-table__selection-input--radio:checked:before {\n background-color: var(--color-petrol);\n }\n .kol-table__selection-input--radio:focus {\n border-color: var(--color-petrol);\n border-color: var(--color-anthrazit);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n }\n .kol-table__selection--indeterminate .kol-table__selection-input {\n background-color: var(--color-weiss);\n }\n .kol-table__selection-icon {\n color: var(--color-weiss);\n }\n .kol-table__selection--indeterminate .kol-table__selection-icon {\n color: var(--color-petrol);\n }\n}";
|
|
473
|
-
|
|
474
|
-
var css_248z$5 = "@layer kol-theme-component {\n .kol-tabs {\n width: 100%;\n display: grid;\n }\n .kol-tabs--tabs-align-left {\n --order: 0;\n grid-template-columns: auto 1fr;\n }\n .kol-tabs--tabs-align-right {\n --order: 1;\n grid-template-columns: 1fr auto;\n }\n .kol-tabs--tabs-align-top {\n --order: 0;\n }\n .kol-tabs--tabs-align-bottom {\n --order: 1;\n }\n .kol-tabs__button-group {\n display: flex;\n background-color: var(--color-petrol);\n order: --order;\n }\n .kol-tabs__tabs-content {\n padding: 0.25em;\n border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--border-color);\n }\n .kol-tabs .kol-button-wc {\n width: 100%;\n }\n .kol-tabs .kol-button {\n box-sizing: border-box;\n font-size: inherit;\n line-height: 1.25;\n cursor: pointer;\n border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n box-shadow: 0 0 0.25em gray;\n width: inherit;\n overflow: hidden;\n border-style: solid;\n padding: calc(4 * var(--spacing));\n display: grid;\n gap: 0.25em;\n align-items: center;\n justify-content: center;\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-tabs .kol-button:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n .kol-tabs .kol-button.selected {\n background-color: white;\n border-bottom-width: 0.25em;\n border-bottom-style: solid;\n border-bottom-color: var(--color-citrin);\n }\n .kol-tabs .kol-button .kol-span_container {\n display: flex;\n gap: 0.25em;\n align-items: center;\n justify-content: center;\n }\n .kol-tabs .kol-button.primary, .kol-tabs .kol-button.primary:disabled:hover {\n background-color: var(--kolibri-color-primary);\n border-color: var(--kolibri-color-primary);\n color: white;\n }\n .kol-tabs .kol-button.primary:hover, .kol-tabs .kol-button.primary:focus {\n color: var(--kolibri-color-primary);\n }\n .kol-tabs .kol-button.secondary, .kol-tabs .kol-button.secondary:disabled:hover {\n background-color: var(--kolibri-color-secondary);\n border-color: var(--kolibri-color-secondary);\n color: white;\n }\n .kol-tabs .kol-button.secondary:hover, .kol-tabs .kol-button.secondary:focus {\n color: var(--kolibri-color-secondary);\n }\n .kol-tabs .kol-button.normal, .kol-tabs .kol-button.normal:disabled:hover {\n background-color: var(--color-petrol);\n border-color: var(--color-petrol);\n color: white;\n }\n .kol-tabs .kol-button.normal:hover, .kol-tabs .kol-button.normal:focus {\n color: var(--color-petrol);\n }\n .kol-tabs .kol-button.danger, .kol-tabs .kol-button.danger:disabled:hover {\n background-color: var(--kolibri-color-danger);\n border-color: var(--kolibri-color-danger);\n color: white;\n }\n .kol-tabs .kol-button.danger:hover, .kol-tabs .kol-button.danger:focus {\n color: var(--kolibri-color-danger);\n }\n .kol-tabs .kol-button.ghost, .kol-tabs .kol-button.ghost:disabled:hover {\n background-color: white;\n border-color: var(--kolibri-color-ghost);\n color: var(--kolibri-color-ghost);\n }\n .kol-tabs .kol-button.ghost:hover, .kol-tabs .kol-button.ghost:focus {\n background-color: var(--kolibri-color-ghost);\n color: white;\n }\n .kol-tabs .kol-button:hover, .kol-tabs .kol-button:focus {\n background-color: white;\n box-shadow: 0 0 0.25em black;\n }\n .kol-tabs .kol-button:active {\n outline: 0;\n box-shadow: none;\n }\n .kol-tabs .kol-button .close-button {\n font-size: 25%;\n height: fit-content;\n width: 0;\n }\n .kol-tabs .kol-button .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}";
|
|
475
|
-
|
|
476
|
-
var css_248z$4 = "@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 {\n margin-top: calc(2 * var(--spacing));\n display: block;\n }\n .kol-alert__heading {\n display: flex;\n place-items: center;\n }\n}\n@layer kol-theme-component {\n :host .kol-alert {\n --kolibri-border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert .default {\n --alert-background-color: var(--color-anthrazit);\n --alert-border-color: var(--color-anthrazit);\n }\n :host .kol-alert .error {\n --alert-background-color: var(--color-rotton);\n --alert-border-color: var(--color-rotton);\n }\n :host .kol-alert .info {\n --alert-background-color: var(--color-petrol);\n --alert-border-color: var(--color-petrol);\n }\n :host .kol-alert .success {\n --alert-background-color: var(--color-gras);\n --alert-border-color: var(--color-gras);\n }\n :host .kol-alert .warning {\n --alert-background-color: var(--color-warn);\n --alert-border-color: var(--color-warn);\n }\n :host .kol-alert__container {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n :host .kol-alert__heading-icon {\n background-color: var(--alert-background-color);\n border-color: var(--alert-border-color);\n }\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5;\n color: var(--default-letter);\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: 0;\n border-color: var(--kolibri-color-normal);\n background-color: #e8edf2;\n width: 100%;\n }\n textarea::placeholder {\n font-style: italic;\n }\n textarea:disabled {\n background-color: var(--color-input-bg-default);\n border-color: var(--border-color);\n cursor: not-allowed;\n }\n textarea:not(.disabled, textarea:disabled):hover, textarea:focus {\n border-color: var(--default-border-hover);\n outline-color: var(--primary);\n outline-offset: 0;\n outline-style: solid;\n outline-width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .error textarea {\n background-color: var(--color-rotton-20);\n border-color: var(--color-rotton);\n }\n textarea:read-only {\n border-color: var(--border-default);\n background-color: var(--background-light-grey);\n }\n}";
|
|
477
|
-
|
|
478
|
-
var css_248z$3 = "@layer kol-theme-component {\n .kol-alert--default {\n --alert-border-color: var(--color-anthrazit);\n }\n .kol-alert--error {\n --alert-border-color: var(--color-rotton);\n }\n .kol-alert--info {\n --alert-border-color: var(--color-petrol);\n }\n .kol-alert--success {\n --alert-border-color: var(--color-gras);\n }\n .kol-alert--warning {\n --alert-border-color: var(--color-warn);\n }\n .kol-alert__container {\n display: flex;\n place-items: center;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-alert__heading-icon {\n background-color: var(--alert-border-color);\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 .kol-toast-item {\n background-color: #fff;\n margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-toast-item .heading {\n width: 100%;\n }\n .kol-toast-item .heading .heading-content {\n flex: 1;\n }\n}";
|
|
479
|
-
|
|
480
|
-
var css_248z$2 = "@layer kol-theme-component {\n .kol-toolbar {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n border-style: solid;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n border-color: var(--kolibri-border-color);\n background-color: var(--color-white);\n }\n}";
|
|
481
|
-
|
|
482
|
-
var css_248z$1 = "@layer kol-theme-component {\n .kol-tree-item__children {\n display: flex;\n flex-direction: column;\n }\n .kol-tree-item__link {\n display: block;\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n }\n .kol-tree-item__link .kol-link {\n display: block;\n color: var(--color-black);\n text-decoration: none;\n text-align: left;\n }\n .kol-tree-item__link .kol-link:focus {\n color: var(--color-petrol);\n }\n .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--border-color);\n }\n .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n outline-offset: 0;\n color: var(--color-petrol);\n }\n .kol-tree-item__link--active {\n background-color: var(--color-anthrazit);\n }\n .kol-tree-item__link--active .kol-link {\n color: var(--color-weiss);\n }\n .kol-tree-item__toggle-button {\n display: inline-block;\n color: var(--color-blue);\n }\n .kol-tree-item__toggle-button:hover {\n transform: scale(1.3);\n }\n}";
|
|
483
|
-
|
|
484
|
-
var css_248z = "@layer kol-theme-component {\n .kol-tree__treeview-navigation {\n display: flex;\n flex-direction: column;\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .kol-tree:focus-within {\n outline: 0;\n }\n .kol-tree:focus-within ul {\n border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-petrol);\n }\n}";
|
|
485
|
-
|
|
486
|
-
const ITZBund = KoliBri.createTheme('itzbund', {
|
|
487
|
-
GLOBAL: css_248z$D,
|
|
488
|
-
'KOL-BUTTON': css_248z$y,
|
|
975
|
+
GLOBAL: css_248z$G,
|
|
976
|
+
'KOL-HEADING': css_248z$t,
|
|
977
|
+
'KOL-ACCORDION': css_248z$F,
|
|
978
|
+
'KOL-BUTTON': css_248z$A,
|
|
489
979
|
'KOL-LINK-BUTTON': css_248z$h,
|
|
490
980
|
'KOL-PAGINATION': css_248z$e,
|
|
491
|
-
'KOL-BUTTON-LINK': css_248z$x,
|
|
492
|
-
'KOL-FORM': css_248z$s,
|
|
493
|
-
'KOL-INPUT-TEXT': css_248z$i,
|
|
494
|
-
'KOL-INPUT-PASSWORD': css_248z$k,
|
|
495
|
-
'KOL-INPUT-NUMBER': css_248z$l,
|
|
496
|
-
'KOL-INPUT-DATE': css_248z$o,
|
|
497
|
-
'KOL-INPUT-EMAIL': css_248z$n,
|
|
498
|
-
'KOL-INPUT-FILE': css_248z$m,
|
|
499
|
-
'KOL-TEXTAREA': css_248z$4,
|
|
500
|
-
'KOL-ALERT': css_248z$B,
|
|
501
|
-
'KOL-HEADING': css_248z$r,
|
|
502
|
-
'KOL-BADGE': css_248z$A,
|
|
503
|
-
'KOL-LINK': css_248z$g,
|
|
504
|
-
'KOL-BREADCRUMB': css_248z$z,
|
|
505
|
-
'KOL-SPIN': css_248z$9,
|
|
506
|
-
'KOL-SINGLE-SELECT': css_248z$b,
|
|
507
981
|
'KOL-PROGRESS': css_248z$d,
|
|
982
|
+
'KOL-NAV': css_248z$f,
|
|
983
|
+
'KOL-BADGE': css_248z$C,
|
|
984
|
+
'KOL-ALERT': css_248z$E,
|
|
985
|
+
'KOL-CARD': css_248z$y,
|
|
986
|
+
'KOL-COMBOBOX': css_248z$x,
|
|
987
|
+
'KOL-INPUT-CHECKBOX': css_248z$s,
|
|
988
|
+
'KOL-INPUT-COLOR': css_248z$r,
|
|
989
|
+
'KOL-INPUT-FILE': css_248z$o,
|
|
990
|
+
'KOL-INPUT-EMAIL': css_248z$p,
|
|
991
|
+
'KOL-INPUT-NUMBER': css_248z$n,
|
|
992
|
+
'KOL-INPUT-DATE': css_248z$q,
|
|
993
|
+
'KOL-INPUT-PASSWORD': css_248z$m,
|
|
994
|
+
'KOL-INPUT-TEXT': css_248z$j,
|
|
995
|
+
'KOL-KOLIBRI': css_248z$i,
|
|
508
996
|
'KOL-SELECT': css_248z$c,
|
|
509
|
-
'KOL-
|
|
510
|
-
'KOL-
|
|
997
|
+
'KOL-SINGLE-SELECT': css_248z$b,
|
|
998
|
+
'KOL-TEXTAREA': css_248z$4,
|
|
511
999
|
'KOL-TABLE-STATEFUL': css_248z$7,
|
|
512
1000
|
'KOL-TABLE-STATELESS': css_248z$6,
|
|
513
|
-
'KOL-
|
|
514
|
-
'KOL-CARD': css_248z$w,
|
|
515
|
-
'KOL-COMBOBOX': css_248z$v,
|
|
516
|
-
'KOL-DETAILS': css_248z$u,
|
|
517
|
-
'KOL-DRAWER': css_248z$t,
|
|
518
|
-
'KOL-INPUT-CHECKBOX': css_248z$q,
|
|
519
|
-
'KOL-INPUT-RADIO': css_248z$j,
|
|
520
|
-
'KOL-TOAST-CONTAINER': css_248z$3,
|
|
1001
|
+
'KOL-AVATAR': css_248z$D,
|
|
521
1002
|
'KOL-TABS': css_248z$5,
|
|
1003
|
+
'KOL-LINK': css_248z$g,
|
|
1004
|
+
'KOL-BUTTON-LINK': css_248z$z,
|
|
1005
|
+
'KOL-BREADCRUMB': css_248z$B,
|
|
1006
|
+
'KOL-DETAILS': css_248z$w,
|
|
1007
|
+
'KOL-DRAWER': css_248z$u,
|
|
1008
|
+
'KOL-SPIN': css_248z$9,
|
|
1009
|
+
'KOL-INPUT-RADIO': css_248z$l,
|
|
1010
|
+
'KOL-INPUT-RANGE': css_248z$k,
|
|
522
1011
|
'KOL-SKIP-NAV': css_248z$a,
|
|
523
1012
|
'KOL-SPLIT-BUTTON': css_248z$8,
|
|
1013
|
+
'KOL-TOAST-CONTAINER': css_248z$3,
|
|
524
1014
|
'KOL-TOOLBAR': css_248z$2,
|
|
525
|
-
'KOL-TREE': css_248z,
|
|
526
|
-
'KOL-TREE-ITEM': css_248z
|
|
1015
|
+
'KOL-TREE': css_248z$1,
|
|
1016
|
+
'KOL-TREE-ITEM': css_248z,
|
|
1017
|
+
'KOL-FORM': css_248z$v,
|
|
527
1018
|
});
|
|
528
1019
|
|
|
529
1020
|
exports.DEFAULT = DEFAULT;
|
|
530
1021
|
exports.ECL_EC = ECL_EC;
|
|
531
1022
|
exports.ECL_EU = ECL_EU;
|
|
532
|
-
exports.ITZBund = ITZBund;
|
|
533
1023
|
//# sourceMappingURL=index.cjs.map
|