npm - @vaadin/bundles - Versions diffs - 25.0.0-alpha18 → 25.0.0-alpha19 - Mend

@vaadin/bundles 25.0.0-alpha18 → 25.0.0-alpha19

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.

Files changed (6) hide show

package/package.json +135 -135
package/vaadin-bundle.json +1511 -1511
package/vaadin.js +1087 -1069
package/vaadin.js.map +1 -1
package/vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js +26 -3751
package/vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js.map +1 -1

package/vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js CHANGED Viewed

@@ -8,36 +8,17 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "badge": () => (/* reexport safe */ _badge_js__WEBPACK_IMPORTED_MODULE_4__.badge),
-/* harmony export */   "color": () => (/* reexport safe */ _color_js__WEBPACK_IMPORTED_MODULE_5__.color),
-/* harmony export */   "colorBase": () => (/* reexport safe */ _color_js__WEBPACK_IMPORTED_MODULE_5__.colorBase),
 /* harmony export */   "fieldButton": () => (/* reexport safe */ _mixins_field_button_js__WEBPACK_IMPORTED_MODULE_0__.fieldButton),
-/* harmony export */   "font": () => (/* reexport safe */ _typography_js__WEBPACK_IMPORTED_MODULE_10__.font),
 /* harmony export */   "menuOverlay": () => (/* reexport safe */ _mixins_menu_overlay_js__WEBPACK_IMPORTED_MODULE_1__.menuOverlay),
 /* harmony export */   "menuOverlayCore": () => (/* reexport safe */ _mixins_menu_overlay_js__WEBPACK_IMPORTED_MODULE_1__.menuOverlayCore),
 /* harmony export */   "overlay": () => (/* reexport safe */ _mixins_overlay_js__WEBPACK_IMPORTED_MODULE_2__.overlay),
-/* harmony export */   "requiredField": () => (/* reexport safe */ _mixins_required_field_js__WEBPACK_IMPORTED_MODULE_3__.requiredField),
-/* harmony export */   "sizing": () => (/* reexport safe */ _sizing_js__WEBPACK_IMPORTED_MODULE_7__.sizing),
-/* harmony export */   "spacing": () => (/* reexport safe */ _spacing_js__WEBPACK_IMPORTED_MODULE_8__.spacing),
-/* harmony export */   "style": () => (/* reexport safe */ _style_js__WEBPACK_IMPORTED_MODULE_9__.style),
-/* harmony export */   "typography": () => (/* reexport safe */ _typography_js__WEBPACK_IMPORTED_MODULE_10__.typography),
-/* harmony export */   "userColors": () => (/* reexport safe */ _user_colors_js__WEBPACK_IMPORTED_MODULE_11__.userColors),
-/* harmony export */   "utility": () => (/* reexport safe */ _utility_js__WEBPACK_IMPORTED_MODULE_12__.utility)
+/* harmony export */   "requiredField": () => (/* reexport safe */ _mixins_required_field_js__WEBPACK_IMPORTED_MODULE_3__.requiredField)
 /* harmony export */ });
 /* harmony import */ var _mixins_field_button_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mixins/field-button.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js");
 /* harmony import */ var _mixins_menu_overlay_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mixins/menu-overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js");
 /* harmony import */ var _mixins_overlay_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mixins/overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js");
 /* harmony import */ var _mixins_required_field_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mixins/required-field.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/required-field.js");
-/* harmony import */ var _badge_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./badge.js */ "./node_modules/@vaadin/vaadin-lumo-styles/badge.js");
-/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
-/* harmony import */ var _font_icons_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./font-icons.js */ "./node_modules/@vaadin/vaadin-lumo-styles/font-icons.js");
-/* harmony import */ var _sizing_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sizing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/sizing.js");
-/* harmony import */ var _spacing_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/spacing.js");
-/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
-/* harmony import */ var _typography_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js");
-/* harmony import */ var _user_colors_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./user-colors.js */ "./node_modules/@vaadin/vaadin-lumo-styles/user-colors.js");
-/* harmony import */ var _utility_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utility.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utility.js");
-/* harmony import */ var _vaadin_iconset_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./vaadin-iconset.js */ "./node_modules/@vaadin/vaadin-lumo-styles/vaadin-iconset.js");
+/* harmony import */ var _vaadin_iconset_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./vaadin-iconset.js */ "./node_modules/@vaadin/vaadin-lumo-styles/vaadin-iconset.js");
 /**
  * @license
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
@@ -54,564 +35,6 @@ __webpack_require__.r(__webpack_exports__);
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/badge.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/badge.js ***!
-  \**********************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "badge": () => (/* binding */ badge)
-/* harmony export */ });
-/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
-/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
-/* harmony import */ var _typography_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const badge = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_3__.css`
-  [theme~='badge'] {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);
-    color: var(--lumo-primary-text-color);
-    background-color: var(--lumo-primary-color-10pct);
-    border-radius: var(--lumo-border-radius-s);
-    font-family: var(--lumo-font-family);
-    font-size: var(--lumo-font-size-s);
-    line-height: 1;
-    font-weight: 500;
-    text-transform: initial;
-    letter-spacing: initial;
-    min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);
-    flex-shrink: 0;
-  }
-  /* Ensure proper vertical alignment */
-  [theme~='badge']::before {
-    display: inline-block;
-    content: '\\2003';
-    width: 0;
-  }
-  [theme~='badge'][theme~='small'] {
-    font-size: var(--lumo-font-size-xxs);
-    line-height: 1;
-  }
-  /* Colors */
-  [theme~='badge'][theme~='success'] {
-    color: var(--lumo-success-text-color);
-    background-color: var(--lumo-success-color-10pct);
-  }
-  [theme~='badge'][theme~='error'] {
-    color: var(--lumo-error-text-color);
-    background-color: var(--lumo-error-color-10pct);
-  }
-  [theme~='badge'][theme~='warning'] {
-    color: var(--lumo-warning-text-color);
-    background-color: var(--lumo-warning-color-10pct);
-  }
-  [theme~='badge'][theme~='contrast'] {
-    color: var(--lumo-contrast-80pct);
-    background-color: var(--lumo-contrast-5pct);
-  }
-  /* Primary */
-  [theme~='badge'][theme~='primary'] {
-    color: var(--lumo-primary-contrast-color);
-    background-color: var(--lumo-primary-color);
-  }
-  [theme~='badge'][theme~='success'][theme~='primary'] {
-    color: var(--lumo-success-contrast-color);
-    background-color: var(--lumo-success-color);
-  }
-  [theme~='badge'][theme~='error'][theme~='primary'] {
-    color: var(--lumo-error-contrast-color);
-    background-color: var(--lumo-error-color);
-  }
-  [theme~='badge'][theme~='warning'][theme~='primary'] {
-    color: var(--lumo-warning-contrast-color);
-    background-color: var(--lumo-warning-color);
-  }
-  [theme~='badge'][theme~='contrast'][theme~='primary'] {
-    color: var(--lumo-base-color);
-    background-color: var(--lumo-contrast);
-  }
-  /* Links */
-  [theme~='badge'][href]:hover {
-    text-decoration: none;
-  }
-  /* Icon */
-  [theme~='badge'] > vaadin-icon {
-    margin: -0.25em 0;
-  }
-  [theme~='badge'] > vaadin-icon:first-child {
-    margin-left: -0.375em;
-  }
-  [theme~='badge'] > vaadin-icon:last-child {
-    margin-right: -0.375em;
-  }
-  vaadin-icon[theme~='badge'][icon] {
-    min-width: 0;
-    padding: 0;
-    font-size: 1rem;
-    width: var(--lumo-icon-size-m);
-    height: var(--lumo-icon-size-m);
-  }
-  vaadin-icon[theme~='badge'][icon][theme~='small'] {
-    width: var(--lumo-icon-size-s);
-    height: var(--lumo-icon-size-s);
-  }
-  /* Empty */
-  [theme~='badge']:not([icon]):empty {
-    min-width: 0;
-    width: 1em;
-    height: 1em;
-    padding: 0;
-    border-radius: 50%;
-    background-color: var(--lumo-primary-color);
-  }
-  [theme~='badge'][theme~='small']:not([icon]):empty {
-    width: 0.75em;
-    height: 0.75em;
-  }
-  [theme~='badge'][theme~='contrast']:not([icon]):empty {
-    background-color: var(--lumo-contrast);
-  }
-  [theme~='badge'][theme~='success']:not([icon]):empty {
-    background-color: var(--lumo-success-color);
-  }
-  [theme~='badge'][theme~='error']:not([icon]):empty {
-    background-color: var(--lumo-error-color);
-  }
-  [theme~='badge'][theme~='warning']:not([icon]):empty {
-    background-color: var(--lumo-warning-color);
-  }
-  /* Pill */
-  [theme~='badge'][theme~='pill'] {
-    --lumo-border-radius-s: 1em;
-  }
-  /* RTL specific styles */
-  [dir='rtl'][theme~='badge'] vaadin-icon:first-child {
-    margin-right: -0.375em;
-    margin-left: 0;
-  }
-  [dir='rtl'][theme~='badge'] vaadin-icon:last-child {
-    margin-left: -0.375em;
-    margin-right: 0;
-  }
-`;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_3__.registerStyles)('', badge, { moduleId: 'lumo-badge' });
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/color.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/color.js ***!
-  \**********************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "color": () => (/* binding */ color),
-/* harmony export */   "colorBase": () => (/* binding */ colorBase)
-/* harmony export */ });
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const colorBase = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  :host {
-    /* Base (background) */
-    --lumo-base-color: #fff;
-    /* Tint */
-    --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
-    --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
-    --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
-    --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
-    --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
-    --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
-    --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
-    --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
-    --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
-    --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
-    --lumo-tint: #fff;
-    /* Shade */
-    --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
-    --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
-    --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
-    --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
-    --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
-    --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
-    --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
-    --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
-    --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
-    --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
-    --lumo-shade: hsl(214, 35%, 15%);
-    /* Contrast */
-    --lumo-contrast-5pct: var(--lumo-shade-5pct);
-    --lumo-contrast-10pct: var(--lumo-shade-10pct);
-    --lumo-contrast-20pct: var(--lumo-shade-20pct);
-    --lumo-contrast-30pct: var(--lumo-shade-30pct);
-    --lumo-contrast-40pct: var(--lumo-shade-40pct);
-    --lumo-contrast-50pct: var(--lumo-shade-50pct);
-    --lumo-contrast-60pct: var(--lumo-shade-60pct);
-    --lumo-contrast-70pct: var(--lumo-shade-70pct);
-    --lumo-contrast-80pct: var(--lumo-shade-80pct);
-    --lumo-contrast-90pct: var(--lumo-shade-90pct);
-    --lumo-contrast: var(--lumo-shade);
-    /* Text */
-    --lumo-header-text-color: var(--lumo-contrast);
-    --lumo-body-text-color: var(--lumo-contrast-90pct);
-    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
-    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
-    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
-    /* Primary */
-    --lumo-primary-color: hsl(214, 100%, 48%);
-    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
-    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
-    --lumo-primary-text-color: hsl(214, 100%, 43%);
-    --lumo-primary-contrast-color: #fff;
-    /* Error */
-    --lumo-error-color: hsl(3, 85%, 48%);
-    --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
-    --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
-    --lumo-error-text-color: hsl(3, 89%, 42%);
-    --lumo-error-contrast-color: #fff;
-    /* Success */
-    --lumo-success-color: hsl(145, 72%, 30%);
-    --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
-    --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
-    --lumo-success-text-color: hsl(145, 85%, 25%);
-    --lumo-success-contrast-color: #fff;
-    /* Warning */
-    --lumo-warning-color: hsl(48, 100%, 50%);
-    --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
-    --lumo-warning-text-color: hsl(32, 100%, 30%);
-    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
-  }
-  /* forced-colors mode adjustments */
-  @media (forced-colors: active) {
-    html {
-      --lumo-disabled-text-color: GrayText;
-    }
-  }
-`;
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('color-props', colorBase);
-const color = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  [theme~='dark'] {
-    /* Base (background) */
-    --lumo-base-color: hsl(214, 35%, 21%);
-    /* Tint */
-    --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
-    --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
-    --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
-    --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
-    --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
-    --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
-    --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
-    --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
-    --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
-    --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
-    --lumo-tint: hsl(214, 100%, 98%);
-    /* Shade */
-    --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
-    --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
-    --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
-    --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
-    --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
-    --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
-    --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
-    --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
-    --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
-    --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
-    --lumo-shade: hsl(214, 33%, 13%);
-    /* Contrast */
-    --lumo-contrast-5pct: var(--lumo-tint-5pct);
-    --lumo-contrast-10pct: var(--lumo-tint-10pct);
-    --lumo-contrast-20pct: var(--lumo-tint-20pct);
-    --lumo-contrast-30pct: var(--lumo-tint-30pct);
-    --lumo-contrast-40pct: var(--lumo-tint-40pct);
-    --lumo-contrast-50pct: var(--lumo-tint-50pct);
-    --lumo-contrast-60pct: var(--lumo-tint-60pct);
-    --lumo-contrast-70pct: var(--lumo-tint-70pct);
-    --lumo-contrast-80pct: var(--lumo-tint-80pct);
-    --lumo-contrast-90pct: var(--lumo-tint-90pct);
-    --lumo-contrast: var(--lumo-tint);
-    /* Text */
-    --lumo-header-text-color: var(--lumo-contrast);
-    --lumo-body-text-color: var(--lumo-contrast-90pct);
-    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
-    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
-    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
-    /* Primary */
-    --lumo-primary-color: hsl(214, 90%, 48%);
-    --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
-    --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
-    --lumo-primary-text-color: hsl(214, 90%, 77%);
-    --lumo-primary-contrast-color: #fff;
-    /* Error */
-    --lumo-error-color: hsl(3, 79%, 49%);
-    --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
-    --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
-    --lumo-error-text-color: hsl(3, 100%, 80%);
-    /* Success */
-    --lumo-success-color: hsl(145, 72%, 30%);
-    --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
-    --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
-    --lumo-success-text-color: hsl(145, 85%, 46%);
-    /* Warning */
-    --lumo-warning-color: hsl(43, 100%, 48%);
-    --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
-    --lumo-warning-text-color: hsl(45, 100%, 60%);
-    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
-  }
-  html {
-    color: var(--lumo-body-text-color);
-    background-color: var(--lumo-base-color);
-    color-scheme: light;
-  }
-  [theme~='dark'] {
-    color: var(--lumo-body-text-color);
-    background-color: var(--lumo-base-color);
-    color-scheme: dark;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: var(--lumo-header-text-color);
-  }
-  a:where(:any-link) {
-    color: var(--lumo-primary-text-color);
-  }
-  a:not(:any-link) {
-    color: var(--lumo-disabled-text-color);
-  }
-  blockquote {
-    color: var(--lumo-secondary-text-color);
-  }
-  code,
-  pre {
-    background-color: var(--lumo-contrast-10pct);
-    border-radius: var(--lumo-border-radius-m);
-  }
-  pre code {
-    background: transparent;
-  }
-`;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', color, { moduleId: 'lumo-color' });
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/font-icons.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/font-icons.js ***!
-  \***************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const fontIcons = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  @font-face {
-    font-family: 'lumo-icons';
-    src: url(data:application/font-woff;charset=utf-8;base64,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)
-      format('woff');
-    font-weight: normal;
-    font-style: normal;
-  }
-  html {
-    --lumo-icons-align-center: '\\ea01';
-    --lumo-icons-align-left: '\\ea02';
-    --lumo-icons-align-right: '\\ea03';
-    --lumo-icons-angle-down: '\\ea04';
-    --lumo-icons-angle-left: '\\ea05';
-    --lumo-icons-angle-right: '\\ea06';
-    --lumo-icons-angle-up: '\\ea07';
-    --lumo-icons-arrow-down: '\\ea08';
-    --lumo-icons-arrow-left: '\\ea09';
-    --lumo-icons-arrow-right: '\\ea0a';
-    --lumo-icons-arrow-up: '\\ea0b';
-    --lumo-icons-bar-chart: '\\ea0c';
-    --lumo-icons-bell: '\\ea0d';
-    --lumo-icons-calendar: '\\ea0e';
-    --lumo-icons-checkmark: '\\ea0f';
-    --lumo-icons-chevron-down: '\\ea10';
-    --lumo-icons-chevron-left: '\\ea11';
-    --lumo-icons-chevron-right: '\\ea12';
-    --lumo-icons-chevron-up: '\\ea13';
-    --lumo-icons-clean: '\\ea14';
-    --lumo-icons-clock: '\\ea15';
-    --lumo-icons-cog: '\\ea16';
-    --lumo-icons-cross: '\\ea17';
-    --lumo-icons-download: '\\ea18';
-    --lumo-icons-drag-handle: '\\ea19';
-    --lumo-icons-dropdown: '\\ea1a';
-    --lumo-icons-edit: '\\ea1b';
-    --lumo-icons-error: '\\ea1c';
-    --lumo-icons-eye: '\\ea1d';
-    --lumo-icons-eye-disabled: '\\ea1e';
-    --lumo-icons-indent: '\\ea1f';
-    --lumo-icons-link: '\\ea20';
-    --lumo-icons-menu: '\\ea21';
-    --lumo-icons-minus: '\\ea22';
-    --lumo-icons-ordered-list: '\\ea23';
-    --lumo-icons-outdent: '\\ea24';
-    --lumo-icons-phone: '\\ea25';
-    --lumo-icons-photo: '\\ea26';
-    --lumo-icons-play: '\\ea27';
-    --lumo-icons-plus: '\\ea28';
-    --lumo-icons-redo: '\\ea29';
-    --lumo-icons-reload: '\\ea2a';
-    --lumo-icons-resize-handle: '\\ea2b';
-    --lumo-icons-search: '\\ea2c';
-    --lumo-icons-undo: '\\ea2d';
-    --lumo-icons-unordered-list: '\\ea2e';
-    --lumo-icons-upload: '\\ea2f';
-    --lumo-icons-user: '\\ea30';
-  }
-`;
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('font-icons', fontIcons);
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/global.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/global.js ***!
-  \***********************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "addLumoGlobalStyles": () => (/* binding */ addLumoGlobalStyles)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-const addLumoGlobalStyles = (id, ...styles) => {
-  (0,_vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.addGlobalThemeStyles)(`lumo-${id}`, styles);
-};
 /***/ }),
 /***/ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js":
@@ -624,11 +47,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "fieldButton": () => (/* binding */ fieldButton)
 /* harmony export */ });
-/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
-/* harmony import */ var _font_icons_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../font-icons.js */ "./node_modules/@vaadin/vaadin-lumo-styles/font-icons.js");
-/* harmony import */ var _sizing_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../sizing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/sizing.js");
-/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
+/* harmony import */ var _vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/component-base/src/warnings.js */ "./node_modules/@vaadin/component-base/src/warnings.js");
+/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
 /**
  * @license
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
@@ -637,10 +57,9 @@ __webpack_require__.r(__webpack_exports__);
+(0,_vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__.issueWarning)('Lumo .js mixins are deprecated and will be removed in V26');
-const fieldButton = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__.css`
+const fieldButton = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
   [part$='button'] {
     flex: none;
     width: 1em;
@@ -668,7 +87,7 @@ const fieldButton = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBP
     display: block;
   }
 `;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__.registerStyles)('', fieldButton, { moduleId: 'lumo-field-button' });
+(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', fieldButton, { moduleId: 'lumo-field-button' });
@@ -686,10 +105,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "menuOverlay": () => (/* binding */ menuOverlay),
 /* harmony export */   "menuOverlayCore": () => (/* binding */ menuOverlayCore)
 /* harmony export */ });
-/* harmony import */ var _spacing_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/spacing.js");
-/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _overlay_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js");
+/* harmony import */ var _vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/component-base/src/warnings.js */ "./node_modules/@vaadin/component-base/src/warnings.js");
+/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
+/* harmony import */ var _overlay_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js");
 /**
  * @license
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
@@ -699,8 +117,9 @@ __webpack_require__.r(__webpack_exports__);
+(0,_vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__.issueWarning)('Lumo .js mixins are deprecated and will be removed in V26');
-const menuOverlayCore = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_2__.css`
+const menuOverlayCore = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
   :host([opening]),
   :host([closing]) {
     animation: 0.14s lumo-overlay-dummy-animation;
@@ -732,9 +151,9 @@ const menuOverlayCore = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__
   }
 `;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_2__.registerStyles)('', menuOverlayCore, { moduleId: 'lumo-menu-overlay-core' });
+(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', menuOverlayCore, { moduleId: 'lumo-menu-overlay-core' });
-const menuOverlayExt = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_2__.css`
+const menuOverlayExt = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
   /* Small viewport (bottom sheet) styles */
   /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
   @media (max-width: 450px), (max-height: 450px) {
@@ -796,9 +215,9 @@ const menuOverlayExt = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__W
   }
 `;
-const menuOverlay = [_overlay_js__WEBPACK_IMPORTED_MODULE_3__.overlay, menuOverlayCore, menuOverlayExt];
+const menuOverlay = [_overlay_js__WEBPACK_IMPORTED_MODULE_2__.overlay, menuOverlayCore, menuOverlayExt];
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_2__.registerStyles)('', menuOverlay, { moduleId: 'lumo-menu-overlay' });
+(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', menuOverlay, { moduleId: 'lumo-menu-overlay' });
@@ -815,11 +234,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "overlay": () => (/* binding */ overlay)
 /* harmony export */ });
-/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
-/* harmony import */ var _spacing_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/spacing.js");
-/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
-/* harmony import */ var _typography_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
+/* harmony import */ var _vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/component-base/src/warnings.js */ "./node_modules/@vaadin/component-base/src/warnings.js");
+/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
 /**
  * @license
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
@@ -828,10 +244,9 @@ __webpack_require__.r(__webpack_exports__);
+(0,_vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__.issueWarning)('Lumo .js mixins are deprecated and will be removed in V26');
-const overlay = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__.css`
+const overlay = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
   :host {
     top: var(--lumo-space-m);
     right: var(--lumo-space-m);
@@ -898,7 +313,7 @@ const overlay = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_
   }
 `;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__.registerStyles)('', overlay, { moduleId: 'lumo-overlay' });
+(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', overlay, { moduleId: 'lumo-overlay' });
@@ -915,11 +330,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "requiredField": () => (/* binding */ requiredField)
 /* harmony export */ });
-/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
-/* harmony import */ var _spacing_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/spacing.js");
-/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
-/* harmony import */ var _typography_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
+/* harmony import */ var _vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/component-base/src/warnings.js */ "./node_modules/@vaadin/component-base/src/warnings.js");
+/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
 /**
  * @license
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
@@ -928,10 +340,9 @@ __webpack_require__.r(__webpack_exports__);
+(0,_vaadin_component_base_src_warnings_js__WEBPACK_IMPORTED_MODULE_0__.issueWarning)('Lumo .js mixins are deprecated and will be removed in V26');
-const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__.css`
+const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
   [part='label'] {
     align-self: flex-start;
     color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));
@@ -1034,3146 +445,10 @@ const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WE
   }
 `;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_4__.registerStyles)('', requiredField, { moduleId: 'lumo-required-field' });
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/sizing.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/sizing.js ***!
-  \***********************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "sizing": () => (/* binding */ sizing)
-/* harmony export */ });
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const sizing = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  :host {
-    --lumo-size-xs: 1.625rem;
-    --lumo-size-s: 1.875rem;
-    --lumo-size-m: 2.25rem;
-    --lumo-size-l: 2.75rem;
-    --lumo-size-xl: 3.5rem;
-    /* Icons */
-    --lumo-icon-size-s: 1.25em;
-    --lumo-icon-size-m: 1.5em;
-    --lumo-icon-size-l: 2.25em;
-    /* For backwards compatibility */
-    --lumo-icon-size: var(--lumo-icon-size-m);
-  }
-`;
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('sizing-props', sizing);
+(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', requiredField, { moduleId: 'lumo-required-field' });
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/spacing.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/spacing.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "spacing": () => (/* binding */ spacing)
-/* harmony export */ });
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const spacing = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  :host {
-    /* Square */
-    --lumo-space-xs: 0.25rem;
-    --lumo-space-s: 0.5rem;
-    --lumo-space-m: 1rem;
-    --lumo-space-l: 1.5rem;
-    --lumo-space-xl: 2.5rem;
-    /* Wide */
-    --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
-    --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
-    --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
-    --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
-    --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
-    /* Tall */
-    --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
-    --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
-    --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
-    --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
-    --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
-  }
-`;
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('spacing-props', spacing);
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/style.js":
-/*!**********************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/style.js ***!
-  \**********************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "style": () => (/* binding */ style)
-/* harmony export */ });
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const style = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  :host {
-    /* Border radius */
-    --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
-    --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
-    --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
-    /* Shadow */
-    --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
-    --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
-    --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
-    --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
-    --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
-    /* Clickable element cursor */
-    --lumo-clickable-cursor: default;
-  }
-`;
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('style-props', style);
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js":
-/*!***************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/typography.js ***!
-  \***************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "font": () => (/* binding */ font),
-/* harmony export */   "typography": () => (/* binding */ typography)
-/* harmony export */ });
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const font = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  :host {
-    /* prettier-ignore */
-    --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-    /* Font sizes */
-    --lumo-font-size-xxs: 0.75rem;
-    --lumo-font-size-xs: 0.8125rem;
-    --lumo-font-size-s: 0.875rem;
-    --lumo-font-size-m: 1rem;
-    --lumo-font-size-l: 1.125rem;
-    --lumo-font-size-xl: 1.375rem;
-    --lumo-font-size-xxl: 1.75rem;
-    --lumo-font-size-xxxl: 2.5rem;
-    /* Line heights */
-    --lumo-line-height-xs: 1.25;
-    --lumo-line-height-s: 1.375;
-    --lumo-line-height-m: 1.625;
-  }
-`;
-const typography = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  body,
-  :host {
-    font-family: var(--lumo-font-family);
-    font-size: var(--lumo-font-size-m);
-    line-height: var(--lumo-line-height-m);
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  small,
-  [theme~='font-size-s'] {
-    font-size: var(--lumo-font-size-s);
-    line-height: var(--lumo-line-height-s);
-  }
-  [theme~='font-size-xs'] {
-    font-size: var(--lumo-font-size-xs);
-    line-height: var(--lumo-line-height-xs);
-  }
-  :where(h1, h2, h3, h4, h5, h6) {
-    font-weight: 600;
-    line-height: var(--lumo-line-height-xs);
-    margin-block: 0;
-  }
-  :where(h1) {
-    font-size: var(--lumo-font-size-xxxl);
-  }
-  :where(h2) {
-    font-size: var(--lumo-font-size-xxl);
-  }
-  :where(h3) {
-    font-size: var(--lumo-font-size-xl);
-  }
-  :where(h4) {
-    font-size: var(--lumo-font-size-l);
-  }
-  :where(h5) {
-    font-size: var(--lumo-font-size-m);
-  }
-  :where(h6) {
-    font-size: var(--lumo-font-size-xs);
-    text-transform: uppercase;
-    letter-spacing: 0.03em;
-  }
-  p,
-  blockquote {
-    margin-top: 0.5em;
-    margin-bottom: 0.75em;
-  }
-  a {
-    text-decoration: none;
-  }
-  a:where(:any-link):hover {
-    text-decoration: underline;
-  }
-  hr {
-    display: block;
-    align-self: stretch;
-    height: 1px;
-    border: 0;
-    padding: 0;
-    margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
-    background-color: var(--lumo-contrast-10pct);
-  }
-  blockquote {
-    border-left: 2px solid var(--lumo-contrast-30pct);
-  }
-  b,
-  strong {
-    font-weight: 600;
-  }
-  /* RTL specific styles */
-  blockquote[dir='rtl'] {
-    border-left: none;
-    border-right: 2px solid var(--lumo-contrast-30pct);
-  }
-`;
-(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.registerStyles)('', typography, { moduleId: 'lumo-typography' });
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('typography-props', font);
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/user-colors.js":
-/*!****************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/user-colors.js ***!
-  \****************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "userColors": () => (/* binding */ userColors)
-/* harmony export */ });
-/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
-/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
-/* harmony import */ var _global_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global.js */ "./node_modules/@vaadin/vaadin-lumo-styles/global.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const userColors = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__.css`
-  :host {
-    --vaadin-user-color-0: #df0b92;
-    --vaadin-user-color-1: #650acc;
-    --vaadin-user-color-2: #097faa;
-    --vaadin-user-color-3: #ad6200;
-    --vaadin-user-color-4: #bf16f3;
-    --vaadin-user-color-5: #084391;
-    --vaadin-user-color-6: #078836;
-  }
-  [theme~='dark'] {
-    --vaadin-user-color-0: #ff66c7;
-    --vaadin-user-color-1: #9d8aff;
-    --vaadin-user-color-2: #8aff66;
-    --vaadin-user-color-3: #ffbd66;
-    --vaadin-user-color-4: #dc6bff;
-    --vaadin-user-color-5: #66fffa;
-    --vaadin-user-color-6: #e6ff66;
-  }
-`;
-(0,_global_js__WEBPACK_IMPORTED_MODULE_2__.addLumoGlobalStyles)('user-color-props', userColors);
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/accessibility.js":
-/*!****************************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/accessibility.js ***!
-  \****************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "accessibility": () => (/* binding */ accessibility)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const accessibility = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Screen readers === */
-  .sr-only {
-    border-width: 0;
-    clip: rect(0, 0, 0, 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/background.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/background.js ***!
-  \*************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "background": () => (/* binding */ background)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const background = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Background color === */
-  .bg-base {
-    background-color: var(--lumo-base-color);
-  }
-  .bg-transparent {
-    background-color: transparent;
-  }
-  .bg-tint {
-    background-color: var(--lumo-tint);
-  }
-  .bg-tint-90 {
-    background-color: var(--lumo-tint-90pct);
-  }
-  .bg-tint-80 {
-    background-color: var(--lumo-tint-80pct);
-  }
-  .bg-tint-70 {
-    background-color: var(--lumo-tint-70pct);
-  }
-  .bg-tint-60 {
-    background-color: var(--lumo-tint-60pct);
-  }
-  .bg-tint-50 {
-    background-color: var(--lumo-tint-50pct);
-  }
-  .bg-tint-40 {
-    background-color: var(--lumo-tint-40pct);
-  }
-  .bg-tint-30 {
-    background-color: var(--lumo-tint-30pct);
-  }
-  .bg-tint-20 {
-    background-color: var(--lumo-tint-20pct);
-  }
-  .bg-tint-10 {
-    background-color: var(--lumo-tint-10pct);
-  }
-  .bg-tint-5 {
-    background-color: var(--lumo-tint-5pct);
-  }
-  .bg-shade {
-    background-color: var(--lumo-shade);
-  }
-  .bg-shade-90 {
-    background-color: var(--lumo-shade-90pct);
-  }
-  .bg-shade-80 {
-    background-color: var(--lumo-shade-80pct);
-  }
-  .bg-shade-70 {
-    background-color: var(--lumo-shade-70pct);
-  }
-  .bg-shade-60 {
-    background-color: var(--lumo-shade-60pct);
-  }
-  .bg-shade-50 {
-    background-color: var(--lumo-shade-50pct);
-  }
-  .bg-shade-40 {
-    background-color: var(--lumo-shade-40pct);
-  }
-  .bg-shade-30 {
-    background-color: var(--lumo-shade-30pct);
-  }
-  .bg-shade-20 {
-    background-color: var(--lumo-shade-20pct);
-  }
-  .bg-shade-10 {
-    background-color: var(--lumo-shade-10pct);
-  }
-  .bg-shade-5 {
-    background-color: var(--lumo-shade-5pct);
-  }
-  .bg-contrast {
-    background-color: var(--lumo-contrast);
-  }
-  .bg-contrast-90 {
-    background-color: var(--lumo-contrast-90pct);
-  }
-  .bg-contrast-80 {
-    background-color: var(--lumo-contrast-80pct);
-  }
-  .bg-contrast-70 {
-    background-color: var(--lumo-contrast-70pct);
-  }
-  .bg-contrast-60 {
-    background-color: var(--lumo-contrast-60pct);
-  }
-  .bg-contrast-50 {
-    background-color: var(--lumo-contrast-50pct);
-  }
-  .bg-contrast-40 {
-    background-color: var(--lumo-contrast-40pct);
-  }
-  .bg-contrast-30 {
-    background-color: var(--lumo-contrast-30pct);
-  }
-  .bg-contrast-20 {
-    background-color: var(--lumo-contrast-20pct);
-  }
-  .bg-contrast-10 {
-    background-color: var(--lumo-contrast-10pct);
-  }
-  .bg-contrast-5 {
-    background-color: var(--lumo-contrast-5pct);
-  }
-  .bg-primary {
-    background-color: var(--lumo-primary-color);
-  }
-  .bg-primary-50 {
-    background-color: var(--lumo-primary-color-50pct);
-  }
-  .bg-primary-10 {
-    background-color: var(--lumo-primary-color-10pct);
-  }
-  .bg-error {
-    background-color: var(--lumo-error-color);
-  }
-  .bg-error-50 {
-    background-color: var(--lumo-error-color-50pct);
-  }
-  .bg-error-10 {
-    background-color: var(--lumo-error-color-10pct);
-  }
-  .bg-success {
-    background-color: var(--lumo-success-color);
-  }
-  .bg-success-50 {
-    background-color: var(--lumo-success-color-50pct);
-  }
-  .bg-success-10 {
-    background-color: var(--lumo-success-color-10pct);
-  }
-  .bg-warning {
-    background-color: var(--lumo-warning-color);
-  }
-  .bg-warning-10 {
-    background-color: var(--lumo-warning-color-10pct);
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/border.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/border.js ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "border": () => (/* binding */ border)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const border = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Border === */
-  .border-0 {
-    border: none;
-  }
-  .border-dashed {
-    --lumo-utility-border-style: dashed;
-  }
-  .border-dotted {
-    --lumo-utility-border-style: dotted;
-  }
-  .border {
-    border: 1px var(--lumo-utility-border-style, solid) var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .border-b {
-    border-bottom: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .border-e {
-    border-inline-end: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .border-l {
-    border-left: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .border-r {
-    border-right: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .border-s {
-    border-inline-start: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .border-t {
-    border-top: 1px var(--lumo-utility-border-style, solid) var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  /* === Border color === */
-  .border-contrast {
-    --lumo-utility-border-color: var(--lumo-contrast);
-  }
-  .border-contrast-90 {
-    --lumo-utility-border-color: var(--lumo-contrast-90pct);
-  }
-  .border-contrast-80 {
-    --lumo-utility-border-color: var(--lumo-contrast-80pct);
-  }
-  .border-contrast-70 {
-    --lumo-utility-border-color: var(--lumo-contrast-70pct);
-  }
-  .border-contrast-60 {
-    --lumo-utility-border-color: var(--lumo-contrast-60pct);
-  }
-  .border-contrast-50 {
-    --lumo-utility-border-color: var(--lumo-contrast-50pct);
-  }
-  .border-contrast-40 {
-    --lumo-utility-border-color: var(--lumo-contrast-40pct);
-  }
-  .border-contrast-30 {
-    --lumo-utility-border-color: var(--lumo-contrast-30pct);
-  }
-  .border-contrast-20 {
-    --lumo-utility-border-color: var(--lumo-contrast-20pct);
-  }
-  .border-contrast-10 {
-    --lumo-utility-border-color: var(--lumo-contrast-10pct);
-  }
-  .border-contrast-5 {
-    --lumo-utility-border-color: var(--lumo-contrast-5pct);
-  }
-  .border-primary {
-    --lumo-utility-border-color: var(--lumo-primary-color);
-  }
-  .border-primary-50 {
-    --lumo-utility-border-color: var(--lumo-primary-color-50pct);
-  }
-  .border-primary-10 {
-    --lumo-utility-border-color: var(--lumo-primary-color-10pct);
-  }
-  .border-error {
-    --lumo-utility-border-color: var(--lumo-error-color);
-  }
-  .border-error-50 {
-    --lumo-utility-border-color: var(--lumo-error-color-50pct);
-  }
-  .border-error-10 {
-    --lumo-utility-border-color: var(--lumo-error-color-10pct);
-  }
-  .border-success {
-    --lumo-utility-border-color: var(--lumo-success-color);
-  }
-  .border-success-50 {
-    --lumo-utility-border-color: var(--lumo-success-color-50pct);
-  }
-  .border-success-10 {
-    --lumo-utility-border-color: var(--lumo-success-color-10pct);
-  }
-  .border-warning {
-    --lumo-utility-border-color: var(--lumo-warning-color);
-  }
-  .border-warning-strong {
-    --lumo-utility-border-color: var(--lumo-warning-text-color);
-  }
-  .border-warning-10 {
-    --lumo-utility-border-color: var(--lumo-warning-color-10pct);
-  }
-  /* === Border radius === */
-  .rounded-none {
-    border-radius: 0;
-  }
-  .rounded-s {
-    border-radius: var(--lumo-border-radius-s);
-  }
-  .rounded-m {
-    border-radius: var(--lumo-border-radius-m);
-  }
-  .rounded-l {
-    border-radius: var(--lumo-border-radius-l);
-  }
-  .rounded-full {
-    border-radius: 9999px;
-  }
-  /* === Divide === */
-  .divide-x > * + * {
-    border-inline-start: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-  .divide-y > * + * {
-    border-block-start: 1px var(--lumo-utility-border-style, solid)
-      var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/filter.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/filter.js ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "filter": () => (/* binding */ filter)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const filter = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Backdrop filter === */
-  .backdrop-blur-none {
-    backdrop-filter: blur(0);
-  }
-  .backdrop-blur-sm {
-    backdrop-filter: blur(4px);
-  }
-  .backdrop-blur {
-    backdrop-filter: blur(8px);
-  }
-  .backdrop-blur-md {
-    backdrop-filter: blur(12px);
-  }
-  .backdrop-blur-lg {
-    backdrop-filter: blur(16px);
-  }
-  .backdrop-blur-xl {
-    backdrop-filter: blur(24px);
-  }
-  .backdrop-blur-2xl {
-    backdrop-filter: blur(40px);
-  }
-  .backdrop-blur-3xl {
-    backdrop-filter: blur(64px);
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/flexbox-grid.js":
-/*!***************************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/flexbox-grid.js ***!
-  \***************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "flexboxAndGrid": () => (/* binding */ flexboxAndGrid)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const flexboxAndGrid = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Align content === */
-  .content-center {
-    align-content: center;
-  }
-  .content-end {
-    align-content: flex-end;
-  }
-  .content-start {
-    align-content: flex-start;
-  }
-  .content-around {
-    align-content: space-around;
-  }
-  .content-between {
-    align-content: space-between;
-  }
-  .content-evenly {
-    align-content: space-evenly;
-  }
-  .content-stretch {
-    align-content: stretch;
-  }
-  /* === Align items === */
-  .items-baseline {
-    align-items: baseline;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .items-end {
-    align-items: flex-end;
-  }
-  .items-start {
-    align-items: flex-start;
-  }
-  .items-stretch {
-    align-items: stretch;
-  }
-  /* === Align self === */
-  .self-auto {
-    align-self: auto;
-  }
-  .self-baseline {
-    align-self: baseline;
-  }
-  .self-center {
-    align-self: center;
-  }
-  .self-end {
-    align-self: flex-end;
-  }
-  .self-start {
-    align-self: flex-start;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-  /* === Flex === */
-  .flex-1 {
-    flex: 1 1 0%;
-  }
-  .flex-auto {
-    flex: 1 1 auto;
-  }
-  .flex-none {
-    flex: none;
-  }
-  /* === Flex direction === */
-  .flex-col {
-    flex-direction: column;
-  }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-  .flex-row {
-    flex-direction: row;
-  }
-  .flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-  /* === Flex grow === */
-  .flex-grow {
-    flex-grow: 1;
-  }
-  .flex-grow-0 {
-    flex-grow: 0;
-  }
-  /* === Flex shrink === */
-  .flex-shrink {
-    flex-shrink: 1;
-  }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
-  /* === Flex wrap === */
-  .flex-nowrap {
-    flex-wrap: nowrap;
-  }
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-  /* === Gap === */
-  .gap-xs {
-    gap: var(--lumo-space-xs);
-  }
-  .gap-s {
-    gap: var(--lumo-space-s);
-  }
-  .gap-m {
-    gap: var(--lumo-space-m);
-  }
-  .gap-l {
-    gap: var(--lumo-space-l);
-  }
-  .gap-xl {
-    gap: var(--lumo-space-xl);
-  }
-  /* === Gap (column) === */
-  .gap-x-xs {
-    column-gap: var(--lumo-space-xs);
-  }
-  .gap-x-s {
-    column-gap: var(--lumo-space-s);
-  }
-  .gap-x-m {
-    column-gap: var(--lumo-space-m);
-  }
-  .gap-x-l {
-    column-gap: var(--lumo-space-l);
-  }
-  .gap-x-xl {
-    column-gap: var(--lumo-space-xl);
-  }
-  /* === Gap (row) === */
-  .gap-y-xs {
-    row-gap: var(--lumo-space-xs);
-  }
-  .gap-y-s {
-    row-gap: var(--lumo-space-s);
-  }
-  .gap-y-m {
-    row-gap: var(--lumo-space-m);
-  }
-  .gap-y-l {
-    row-gap: var(--lumo-space-l);
-  }
-  .gap-y-xl {
-    row-gap: var(--lumo-space-xl);
-  }
-  /* === Grid auto flow === */
-  .grid-flow-col {
-    grid-auto-flow: column;
-  }
-  .grid-flow-row {
-    grid-auto-flow: row;
-  }
-  /* === Grid columns === */
-  .grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-  .grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-  .grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-  .grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-  .grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-  .grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-  .grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-  .grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-  /* === Grid rows === */
-  .grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-  .grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-  .grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-  .grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-  .grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-  .grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-  /* === Justify content === */
-  .justify-center {
-    justify-content: center;
-  }
-  .justify-end {
-    justify-content: flex-end;
-  }
-  .justify-start {
-    justify-content: flex-start;
-  }
-  .justify-around {
-    justify-content: space-around;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-evenly {
-    justify-content: space-evenly;
-  }
-  /* === Span (column) === */
-  .col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-  .col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-  .col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-  .col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-  .col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-  .col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-  .col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-  .col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-  .col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-  .col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-  .col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-  .col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-  .col-span-full {
-    grid-column: 1 / -1;
-  }
-  /* === Span (row) === */
-  .row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-  .row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-  .row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-  .row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-  .row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-  .row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-  .row-span-full {
-    grid-row: 1 / -1;
-  }
-  /* === Responsive design === */
-  @media (min-width: 640px) {
-    .sm\\:items-baseline {
-      align-items: baseline;
-    }
-    .sm\\:items-center {
-      align-items: center;
-    }
-    .sm\\:items-end {
-      align-items: flex-end;
-    }
-    .sm\\:items-start {
-      align-items: flex-start;
-    }
-    .sm\\:items-stretch {
-      align-items: stretch;
-    }
-    .sm\\:flex-col {
-      flex-direction: column;
-    }
-    .sm\\:flex-row {
-      flex-direction: row;
-    }
-    .sm\\:grid-cols-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-    .sm\\:grid-cols-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-  }
-  @media (min-width: 768px) {
-    .md\\:items-baseline {
-      align-items: baseline;
-    }
-    .md\\:items-center {
-      align-items: center;
-    }
-    .md\\:items-end {
-      align-items: flex-end;
-    }
-    .md\\:items-start {
-      align-items: flex-start;
-    }
-    .md\\:items-stretch {
-      align-items: stretch;
-    }
-    .md\\:flex-col {
-      flex-direction: column;
-    }
-    .md\\:flex-row {
-      flex-direction: row;
-    }
-    .md\\:grid-cols-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-    .md\\:grid-cols-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-  }
-  @media (min-width: 1024px) {
-    .lg\\:items-baseline {
-      align-items: baseline;
-    }
-    .lg\\:items-center {
-      align-items: center;
-    }
-    .lg\\:items-end {
-      align-items: flex-end;
-    }
-    .lg\\:items-start {
-      align-items: flex-start;
-    }
-    .lg\\:items-stretch {
-      align-items: stretch;
-    }
-    .lg\\:flex-col {
-      flex-direction: column;
-    }
-    .lg\\:flex-row {
-      flex-direction: row;
-    }
-    .lg\\:grid-cols-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-    .lg\\:grid-cols-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-  }
-  @media (min-width: 1280px) {
-    .xl\\:items-baseline {
-      align-items: baseline;
-    }
-    .xl\\:items-center {
-      align-items: center;
-    }
-    .xl\\:items-end {
-      align-items: flex-end;
-    }
-    .xl\\:items-start {
-      align-items: flex-start;
-    }
-    .xl\\:items-stretch {
-      align-items: stretch;
-    }
-    .xl\\:flex-col {
-      flex-direction: column;
-    }
-    .xl\\:flex-row {
-      flex-direction: row;
-    }
-    .xl\\:grid-cols-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-    .xl\\:grid-cols-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-  }
-  @media (min-width: 1536px) {
-    .\\32xl\\:items-baseline {
-      align-items: baseline;
-    }
-    .\\32xl\\:items-center {
-      align-items: center;
-    }
-    .\\32xl\\:items-end {
-      align-items: flex-end;
-    }
-    .\\32xl\\:items-start {
-      align-items: flex-start;
-    }
-    .\\32xl\\:items-stretch {
-      align-items: stretch;
-    }
-    .\\32xl\\:flex-col {
-      flex-direction: column;
-    }
-    .\\32xl\\:flex-row {
-      flex-direction: row;
-    }
-    .\\32xl\\:grid-cols-1 {
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-3 {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-5 {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-6 {
-      grid-template-columns: repeat(6, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-7 {
-      grid-template-columns: repeat(7, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-8 {
-      grid-template-columns: repeat(8, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-9 {
-      grid-template-columns: repeat(9, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-10 {
-      grid-template-columns: repeat(10, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-11 {
-      grid-template-columns: repeat(11, minmax(0, 1fr));
-    }
-    .\\32xl\\:grid-cols-12 {
-      grid-template-columns: repeat(12, minmax(0, 1fr));
-    }
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/layout.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/layout.js ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "layout": () => (/* binding */ layout)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const layout = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Aspect ratio === */
-  .aspect-square {
-    aspect-ratio: 1 / 1;
-  }
-  .aspect-video {
-    aspect-ratio: 16 / 9;
-  }
-  /* === Box sizing === */
-  .box-border {
-    box-sizing: border-box;
-  }
-  .box-content {
-    box-sizing: content-box;
-  }
-  /* === Display === */
-  .block {
-    display: block;
-  }
-  .flex {
-    display: flex;
-  }
-  .grid {
-    display: grid;
-  }
-  .hidden {
-    display: none;
-  }
-  .inline {
-    display: inline;
-  }
-  .inline-block {
-    display: inline-block;
-  }
-  .inline-flex {
-    display: inline-flex;
-  }
-  .inline-grid {
-    display: inline-grid;
-  }
-  /* === Overflow === */
-  .overflow-auto {
-    overflow: auto;
-  }
-  .overflow-hidden {
-    overflow: hidden;
-  }
-  .overflow-scroll {
-    overflow: scroll;
-  }
-  /* === Position === */
-  .absolute {
-    position: absolute;
-  }
-  .fixed {
-    position: fixed;
-  }
-  .static {
-    position: static;
-  }
-  .sticky {
-    position: sticky;
-  }
-  .relative {
-    position: relative;
-  }
-  /* === Top, end, bottom, start === */
-  .-bottom-xs {
-    bottom: calc(var(--lumo-space-xs) / -1);
-  }
-  .-bottom-s {
-    bottom: calc(var(--lumo-space-s) / -1);
-  }
-  .-bottom-m {
-    bottom: calc(var(--lumo-space-m) / -1);
-  }
-  .-bottom-l {
-    bottom: calc(var(--lumo-space-l) / -1);
-  }
-  .-bottom-xl {
-    bottom: calc(var(--lumo-space-xl) / -1);
-  }
-  .-bottom-full {
-    bottom: -100%;
-  }
-  .bottom-0 {
-    bottom: 0;
-  }
-  .bottom-xs {
-    bottom: var(--lumo-space-xs);
-  }
-  .bottom-s {
-    bottom: var(--lumo-space-s);
-  }
-  .bottom-m {
-    bottom: var(--lumo-space-m);
-  }
-  .bottom-l {
-    bottom: var(--lumo-space-l);
-  }
-  .bottom-xl {
-    bottom: var(--lumo-space-xl);
-  }
-  .bottom-auto {
-    bottom: auto;
-  }
-  .bottom-full {
-    bottom: 100%;
-  }
-  .-end-xs {
-    inset-inline-end: calc(var(--lumo-space-xs) / -1);
-  }
-  .-end-s {
-    inset-inline-end: calc(var(--lumo-space-s) / -1);
-  }
-  .-end-m {
-    inset-inline-end: calc(var(--lumo-space-m) / -1);
-  }
-  .-end-l {
-    inset-inline-end: calc(var(--lumo-space-l) / -1);
-  }
-  .-end-xl {
-    inset-inline-end: calc(var(--lumo-space-xl) / -1);
-  }
-  .-end-full {
-    inset-inline-end: -100%;
-  }
-  .end-0 {
-    inset-inline-end: 0;
-  }
-  .end-xs {
-    inset-inline-end: var(--lumo-space-xs);
-  }
-  .end-s {
-    inset-inline-end: var(--lumo-space-s);
-  }
-  .end-m {
-    inset-inline-end: var(--lumo-space-m);
-  }
-  .end-l {
-    inset-inline-end: var(--lumo-space-l);
-  }
-  .end-xl {
-    inset-inline-end: var(--lumo-space-xl);
-  }
-  .end-auto {
-    inset-inline-end: auto;
-  }
-  .end-full {
-    inset-inline-end: 100%;
-  }
-  .-start-xs {
-    inset-inline-start: calc(var(--lumo-space-xs) / -1);
-  }
-  .-start-s {
-    inset-inline-start: calc(var(--lumo-space-s) / -1);
-  }
-  .-start-m {
-    inset-inline-start: calc(var(--lumo-space-m) / -1);
-  }
-  .-start-l {
-    inset-inline-start: calc(var(--lumo-space-l) / -1);
-  }
-  .-start-xl {
-    inset-inline-start: calc(var(--lumo-space-xl) / -1);
-  }
-  .-start-full {
-    inset-inline-start: -100%;
-  }
-  .start-0 {
-    inset-inline-start: 0;
-  }
-  .start-xs {
-    inset-inline-start: var(--lumo-space-xs);
-  }
-  .start-s {
-    inset-inline-start: var(--lumo-space-s);
-  }
-  .start-m {
-    inset-inline-start: var(--lumo-space-m);
-  }
-  .start-l {
-    inset-inline-start: var(--lumo-space-l);
-  }
-  .start-xl {
-    inset-inline-start: var(--lumo-space-xl);
-  }
-  .start-auto {
-    inset-inline-start: auto;
-  }
-  .start-full {
-    inset-inline-start: 100%;
-  }
-  .-top-xs {
-    top: calc(var(--lumo-space-xs) / -1);
-  }
-  .-top-s {
-    top: calc(var(--lumo-space-s) / -1);
-  }
-  .-top-m {
-    top: calc(var(--lumo-space-m) / -1);
-  }
-  .-top-l {
-    top: calc(var(--lumo-space-l) / -1);
-  }
-  .-top-xl {
-    top: calc(var(--lumo-space-xl) / -1);
-  }
-  .-top-full {
-    top: -100%;
-  }
-  .top-0 {
-    top: 0;
-  }
-  .top-xs {
-    top: var(--lumo-space-xs);
-  }
-  .top-s {
-    top: var(--lumo-space-s);
-  }
-  .top-m {
-    top: var(--lumo-space-m);
-  }
-  .top-l {
-    top: var(--lumo-space-l);
-  }
-  .top-xl {
-    top: var(--lumo-space-xl);
-  }
-  .top-auto {
-    top: auto;
-  }
-  .top-full {
-    top: 100%;
-  }
-  /* === Visibility === */
-  .invisible {
-    visibility: hidden;
-  }
-  .visible {
-    visibility: visible;
-  }
-  /* === Z-index === */
-  .z-0 {
-    z-index: 0;
-  }
-  .z-10 {
-    z-index: 10;
-  }
-  .z-20 {
-    z-index: 20;
-  }
-  .z-30 {
-    z-index: 30;
-  }
-  .z-40 {
-    z-index: 40;
-  }
-  .z-50 {
-    z-index: 50;
-  }
-  .z-auto {
-    z-index: auto;
-  }
-  /* === Responsive design === */
-  @media (min-width: 640px) {
-    /* Display */
-    .sm\\:block {
-      display: block;
-    }
-    .sm\\:flex {
-      display: flex;
-    }
-    .sm\\:grid {
-      display: grid;
-    }
-    .sm\\:hidden {
-      display: none;
-    }
-    .sm\\:inline {
-      display: inline;
-    }
-    .sm\\:inline-block {
-      display: inline-block;
-    }
-    .sm\\:inline-flex {
-      display: inline-flex;
-    }
-    .sm\\:inline-grid {
-      display: inline-grid;
-    }
-    /* Position */
-    .sm\\:absolute {
-      position: absolute;
-    }
-    .sm\\:fixed {
-      position: fixed;
-    }
-    .sm\\:relative {
-      position: relative;
-    }
-    .sm\\:static {
-      position: static;
-    }
-    .sm\\:sticky {
-      position: sticky;
-    }
-  }
-  @media (min-width: 768px) {
-    /* Display */
-    .md\\:block {
-      display: block;
-    }
-    .md\\:flex {
-      display: flex;
-    }
-    .md\\:grid {
-      display: grid;
-    }
-    .md\\:hidden {
-      display: none;
-    }
-    .md\\:inline {
-      display: inline;
-    }
-    .md\\:inline-block {
-      display: inline-block;
-    }
-    .md\\:inline-flex {
-      display: inline-flex;
-    }
-    .md\\:inline-grid {
-      display: inline-grid;
-    }
-    /* Position */
-    .md\\:absolute {
-      position: absolute;
-    }
-    .md\\:fixed {
-      position: fixed;
-    }
-    .md\\:relative {
-      position: relative;
-    }
-    .md\\:static {
-      position: static;
-    }
-    .md\\:sticky {
-      position: sticky;
-    }
-  }
-  @media (min-width: 1024px) {
-    /* Display */
-    .lg\\:block {
-      display: block;
-    }
-    .lg\\:flex {
-      display: flex;
-    }
-    .lg\\:grid {
-      display: grid;
-    }
-    .lg\\:hidden {
-      display: none;
-    }
-    .lg\\:inline {
-      display: inline;
-    }
-    .lg\\:inline-block {
-      display: inline-block;
-    }
-    .lg\\:inline-flex {
-      display: inline-flex;
-    }
-    .lg\\:inline-grid {
-      display: inline-grid;
-    }
-    /* Position */
-    .lg\\:absolute {
-      position: absolute;
-    }
-    .lg\\:fixed {
-      position: fixed;
-    }
-    .lg\\:relative {
-      position: relative;
-    }
-    .lg\\:static {
-      position: static;
-    }
-    .lg\\:sticky {
-      position: sticky;
-    }
-  }
-  @media (min-width: 1280px) {
-    /* Display */
-    .xl\\:block {
-      display: block;
-    }
-    .xl\\:flex {
-      display: flex;
-    }
-    .xl\\:grid {
-      display: grid;
-    }
-    .xl\\:hidden {
-      display: none;
-    }
-    .xl\\:inline {
-      display: inline;
-    }
-    .xl\\:inline-block {
-      display: inline-block;
-    }
-    .xl\\:inline-flex {
-      display: inline-flex;
-    }
-    .xl\\:inline-grid {
-      display: inline-grid;
-    }
-    /* Position */
-    .xl\\:absolute {
-      position: absolute;
-    }
-    .xl\\:fixed {
-      position: fixed;
-    }
-    .xl\\:relative {
-      position: relative;
-    }
-    .xl\\:static {
-      position: static;
-    }
-    .xl\\:sticky {
-      position: sticky;
-    }
-  }
-  @media (min-width: 1536px) {
-    /* Display */
-    .\\32xl\\:block {
-      display: block;
-    }
-    .\\32xl\\:flex {
-      display: flex;
-    }
-    .\\32xl\\:grid {
-      display: grid;
-    }
-    .\\32xl\\:hidden {
-      display: none;
-    }
-    .\\32xl\\:inline {
-      display: inline;
-    }
-    .\\32xl\\:inline-block {
-      display: inline-block;
-    }
-    .\\32xl\\:inline-flex {
-      display: inline-flex;
-    }
-    .\\32xl\\:inline-grid {
-      display: inline-grid;
-    }
-    /* Position */
-    .\\32xl\\:absolute {
-      position: absolute;
-    }
-    .\\32xl\\:fixed {
-      position: fixed;
-    }
-    .\\32xl\\:relative {
-      position: relative;
-    }
-    .\\32xl\\:static {
-      position: static;
-    }
-    .\\32xl\\:sticky {
-      position: sticky;
-    }
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/shadows.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/shadows.js ***!
-  \**********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "shadows": () => (/* binding */ shadows)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const shadows = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Box shadow === */
-  .shadow-none {
-    box-shadow: none;
-  }
-  .shadow-xs {
-    box-shadow: var(--lumo-box-shadow-xs);
-  }
-  .shadow-s {
-    box-shadow: var(--lumo-box-shadow-s);
-  }
-  .shadow-m {
-    box-shadow: var(--lumo-box-shadow-m);
-  }
-  .shadow-l {
-    box-shadow: var(--lumo-box-shadow-l);
-  }
-  .shadow-xl {
-    box-shadow: var(--lumo-box-shadow-xl);
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/sizing.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/sizing.js ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "sizing": () => (/* binding */ sizing)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const sizing = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Height === */
-  .h-0 {
-    height: 0;
-  }
-  .h-xs {
-    height: var(--lumo-size-xs);
-  }
-  .h-s {
-    height: var(--lumo-size-s);
-  }
-  .h-m {
-    height: var(--lumo-size-m);
-  }
-  .h-l {
-    height: var(--lumo-size-l);
-  }
-  .h-xl {
-    height: var(--lumo-size-xl);
-  }
-  .h-auto {
-    height: auto;
-  }
-  .h-full {
-    height: 100%;
-  }
-  .h-screen {
-    height: 100vh;
-  }
-  /* === Height (max) === */
-  .max-h-full {
-    max-height: 100%;
-  }
-  .max-h-screen {
-    max-height: 100vh;
-  }
-  /* === Height (min) === */
-  .min-h-0 {
-    min-height: 0;
-  }
-  .min-h-full {
-    min-height: 100%;
-  }
-  .min-h-screen {
-    min-height: 100vh;
-  }
-  /* === Icon sizing === */
-  .icon-s {
-    height: var(--lumo-icon-size-s);
-    width: var(--lumo-icon-size-s);
-  }
-  .icon-m {
-    height: var(--lumo-icon-size-m);
-    width: var(--lumo-icon-size-m);
-  }
-  .icon-l {
-    height: var(--lumo-icon-size-l);
-    width: var(--lumo-icon-size-l);
-  }
-  /* === Width === */
-  .w-xs {
-    width: var(--lumo-size-xs);
-  }
-  .w-s {
-    width: var(--lumo-size-s);
-  }
-  .w-m {
-    width: var(--lumo-size-m);
-  }
-  .w-l {
-    width: var(--lumo-size-l);
-  }
-  .w-xl {
-    width: var(--lumo-size-xl);
-  }
-  .w-auto {
-    width: auto;
-  }
-  .w-full {
-    width: 100%;
-  }
-  /* === Width (max) === */
-  .max-w-full {
-    max-width: 100%;
-  }
-  .max-w-screen-sm {
-    max-width: 640px;
-  }
-  .max-w-screen-md {
-    max-width: 768px;
-  }
-  .max-w-screen-lg {
-    max-width: 1024px;
-  }
-  .max-w-screen-xl {
-    max-width: 1280px;
-  }
-  .max-w-screen-2xl {
-    max-width: 1536px;
-  }
-  /* === Width (min) === */
-  .min-w-0 {
-    min-width: 0;
-  }
-  .min-w-full {
-    min-width: 100%;
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/spacing.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/spacing.js ***!
-  \**********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "spacing": () => (/* binding */ spacing)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const spacing = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Margin === */
-  .-m-xs {
-    margin: calc(var(--lumo-space-xs) / -1);
-  }
-  .-m-s {
-    margin: calc(var(--lumo-space-s) / -1);
-  }
-  .-m-m {
-    margin: calc(var(--lumo-space-m) / -1);
-  }
-  .-m-l {
-    margin: calc(var(--lumo-space-l) / -1);
-  }
-  .-m-xl {
-    margin: calc(var(--lumo-space-xl) / -1);
-  }
-  .m-0 {
-    margin: 0;
-  }
-  .m-xs {
-    margin: var(--lumo-space-xs);
-  }
-  .m-s {
-    margin: var(--lumo-space-s);
-  }
-  .m-m {
-    margin: var(--lumo-space-m);
-  }
-  .m-l {
-    margin: var(--lumo-space-l);
-  }
-  .m-xl {
-    margin: var(--lumo-space-xl);
-  }
-  .m-auto {
-    margin: auto;
-  }
-  /* === Margin (bottom) === */
-  .-mb-xs {
-    margin-bottom: calc(var(--lumo-space-xs) / -1);
-  }
-  .-mb-s {
-    margin-bottom: calc(var(--lumo-space-s) / -1);
-  }
-  .-mb-m {
-    margin-bottom: calc(var(--lumo-space-m) / -1);
-  }
-  .-mb-l {
-    margin-bottom: calc(var(--lumo-space-l) / -1);
-  }
-  .-mb-xl {
-    margin-bottom: calc(var(--lumo-space-xl) / -1);
-  }
-  .mb-0 {
-    margin-bottom: 0;
-  }
-  .mb-xs {
-    margin-bottom: var(--lumo-space-xs);
-  }
-  .mb-s {
-    margin-bottom: var(--lumo-space-s);
-  }
-  .mb-m {
-    margin-bottom: var(--lumo-space-m);
-  }
-  .mb-l {
-    margin-bottom: var(--lumo-space-l);
-  }
-  .mb-xl {
-    margin-bottom: var(--lumo-space-xl);
-  }
-  .mb-auto {
-    margin-bottom: auto;
-  }
-  /* === Margin (end) === */
-  .-me-xs {
-    margin-inline-end: calc(var(--lumo-space-xs) / -1);
-  }
-  .-me-s {
-    margin-inline-end: calc(var(--lumo-space-s) / -1);
-  }
-  .-me-m {
-    margin-inline-end: calc(var(--lumo-space-m) / -1);
-  }
-  .-me-l {
-    margin-inline-end: calc(var(--lumo-space-l) / -1);
-  }
-  .-me-xl {
-    margin-inline-end: calc(var(--lumo-space-xl) / -1);
-  }
-  .me-0 {
-    margin-inline-end: 0;
-  }
-  .me-xs {
-    margin-inline-end: var(--lumo-space-xs);
-  }
-  .me-s {
-    margin-inline-end: var(--lumo-space-s);
-  }
-  .me-m {
-    margin-inline-end: var(--lumo-space-m);
-  }
-  .me-l {
-    margin-inline-end: var(--lumo-space-l);
-  }
-  .me-xl {
-    margin-inline-end: var(--lumo-space-xl);
-  }
-  .me-auto {
-    margin-inline-end: auto;
-  }
-  /* === Margin (horizontal) === */
-  .-mx-xs {
-    margin-inline: calc(var(--lumo-space-xs) / -1);
-  }
-  .-mx-s {
-    margin-inline: calc(var(--lumo-space-s) / -1);
-  }
-  .-mx-m {
-    margin-inline: calc(var(--lumo-space-m) / -1);
-  }
-  .-mx-l {
-    margin-inline: calc(var(--lumo-space-l) / -1);
-  }
-  .-mx-xl {
-    margin-inline: calc(var(--lumo-space-xl) / -1);
-  }
-  .mx-0 {
-    margin-inline: 0;
-  }
-  .mx-xs {
-    margin-inline: var(--lumo-space-xs);
-  }
-  .mx-s {
-    margin-inline: var(--lumo-space-s);
-  }
-  .mx-m {
-    margin-inline: var(--lumo-space-m);
-  }
-  .mx-l {
-    margin-inline: var(--lumo-space-l);
-  }
-  .mx-xl {
-    margin-inline: var(--lumo-space-xl);
-  }
-  .mx-auto {
-    margin-inline: auto;
-  }
-  /* === Margin (left) === */
-  .-ml-xs {
-    margin-left: calc(var(--lumo-space-xs) / -1);
-  }
-  .-ml-s {
-    margin-left: calc(var(--lumo-space-s) / -1);
-  }
-  .-ml-m {
-    margin-left: calc(var(--lumo-space-m) / -1);
-  }
-  .-ml-l {
-    margin-left: calc(var(--lumo-space-l) / -1);
-  }
-  .-ml-xl {
-    margin-left: calc(var(--lumo-space-xl) / -1);
-  }
-  .ml-0 {
-    margin-left: 0;
-  }
-  .ml-xs {
-    margin-left: var(--lumo-space-xs);
-  }
-  .ml-s {
-    margin-left: var(--lumo-space-s);
-  }
-  .ml-m {
-    margin-left: var(--lumo-space-m);
-  }
-  .ml-l {
-    margin-left: var(--lumo-space-l);
-  }
-  .ml-xl {
-    margin-left: var(--lumo-space-xl);
-  }
-  .ml-auto {
-    margin-left: auto;
-  }
-  /* === Margin (right) === */
-  .-mr-xs {
-    margin-right: calc(var(--lumo-space-xs) / -1);
-  }
-  .-mr-s {
-    margin-right: calc(var(--lumo-space-s) / -1);
-  }
-  .-mr-m {
-    margin-right: calc(var(--lumo-space-m) / -1);
-  }
-  .-mr-l {
-    margin-right: calc(var(--lumo-space-l) / -1);
-  }
-  .-mr-xl {
-    margin-right: calc(var(--lumo-space-xl) / -1);
-  }
-  .mr-0 {
-    margin-right: 0;
-  }
-  .mr-xs {
-    margin-right: var(--lumo-space-xs);
-  }
-  .mr-s {
-    margin-right: var(--lumo-space-s);
-  }
-  .mr-m {
-    margin-right: var(--lumo-space-m);
-  }
-  .mr-l {
-    margin-right: var(--lumo-space-l);
-  }
-  .mr-xl {
-    margin-right: var(--lumo-space-xl);
-  }
-  .mr-auto {
-    margin-right: auto;
-  }
-  /* === Margin (start) === */
-  .-ms-xs {
-    margin-inline-start: calc(var(--lumo-space-xs) / -1);
-  }
-  .-ms-s {
-    margin-inline-start: calc(var(--lumo-space-s) / -1);
-  }
-  .-ms-m {
-    margin-inline-start: calc(var(--lumo-space-m) / -1);
-  }
-  .-ms-l {
-    margin-inline-start: calc(var(--lumo-space-l) / -1);
-  }
-  .-ms-xl {
-    margin-inline-start: calc(var(--lumo-space-xl) / -1);
-  }
-  .ms-0 {
-    margin-inline-start: 0;
-  }
-  .ms-xs {
-    margin-inline-start: var(--lumo-space-xs);
-  }
-  .ms-s {
-    margin-inline-start: var(--lumo-space-s);
-  }
-  .ms-m {
-    margin-inline-start: var(--lumo-space-m);
-  }
-  .ms-l {
-    margin-inline-start: var(--lumo-space-l);
-  }
-  .ms-xl {
-    margin-inline-start: var(--lumo-space-xl);
-  }
-  .ms-auto {
-    margin-inline-start: auto;
-  }
-  /* === Margin (top) === */
-  .-mt-xs {
-    margin-top: calc(var(--lumo-space-xs) / -1);
-  }
-  .-mt-s {
-    margin-top: calc(var(--lumo-space-s) / -1);
-  }
-  .-mt-m {
-    margin-top: calc(var(--lumo-space-m) / -1);
-  }
-  .-mt-l {
-    margin-top: calc(var(--lumo-space-l) / -1);
-  }
-  .-mt-xl {
-    margin-top: calc(var(--lumo-space-xl) / -1);
-  }
-  .mt-0 {
-    margin-top: 0;
-  }
-  .mt-xs {
-    margin-top: var(--lumo-space-xs);
-  }
-  .mt-s {
-    margin-top: var(--lumo-space-s);
-  }
-  .mt-m {
-    margin-top: var(--lumo-space-m);
-  }
-  .mt-l {
-    margin-top: var(--lumo-space-l);
-  }
-  .mt-xl {
-    margin-top: var(--lumo-space-xl);
-  }
-  .mt-auto {
-    margin-top: auto;
-  }
-  /* === Margin (vertical) === */
-  .-my-xs {
-    margin-block: calc(var(--lumo-space-xs) / -1);
-  }
-  .-my-s {
-    margin-block: calc(var(--lumo-space-s) / -1);
-  }
-  .-my-m {
-    margin-block: calc(var(--lumo-space-m) / -1);
-  }
-  .-my-l {
-    margin-block: calc(var(--lumo-space-l) / -1);
-  }
-  .-my-xl {
-    margin-block: calc(var(--lumo-space-xl) / -1);
-  }
-  .my-0 {
-    margin-block: 0;
-  }
-  .my-xs {
-    margin-block: var(--lumo-space-xs);
-  }
-  .my-s {
-    margin-block: var(--lumo-space-s);
-  }
-  .my-m {
-    margin-block: var(--lumo-space-m);
-  }
-  .my-l {
-    margin-block: var(--lumo-space-l);
-  }
-  .my-xl {
-    margin-block: var(--lumo-space-xl);
-  }
-  .my-auto {
-    margin-block: auto;
-  }
-  /* === Padding === */
-  .p-0 {
-    padding: 0;
-  }
-  .p-xs {
-    padding: var(--lumo-space-xs);
-  }
-  .p-s {
-    padding: var(--lumo-space-s);
-  }
-  .p-m {
-    padding: var(--lumo-space-m);
-  }
-  .p-l {
-    padding: var(--lumo-space-l);
-  }
-  .p-xl {
-    padding: var(--lumo-space-xl);
-  }
-  /* === Padding (bottom) === */
-  .pb-0 {
-    padding-bottom: 0;
-  }
-  .pb-xs {
-    padding-bottom: var(--lumo-space-xs);
-  }
-  .pb-s {
-    padding-bottom: var(--lumo-space-s);
-  }
-  .pb-m {
-    padding-bottom: var(--lumo-space-m);
-  }
-  .pb-l {
-    padding-bottom: var(--lumo-space-l);
-  }
-  .pb-xl {
-    padding-bottom: var(--lumo-space-xl);
-  }
-  /* === Padding (end) === */
-  .pe-0 {
-    padding-inline-end: 0;
-  }
-  .pe-xs {
-    padding-inline-end: var(--lumo-space-xs);
-  }
-  .pe-s {
-    padding-inline-end: var(--lumo-space-s);
-  }
-  .pe-m {
-    padding-inline-end: var(--lumo-space-m);
-  }
-  .pe-l {
-    padding-inline-end: var(--lumo-space-l);
-  }
-  .pe-xl {
-    padding-inline-end: var(--lumo-space-xl);
-  }
-  /* === Padding (horizontal) === */
-  .px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .px-xs {
-    padding-left: var(--lumo-space-xs);
-    padding-right: var(--lumo-space-xs);
-  }
-  .px-s {
-    padding-left: var(--lumo-space-s);
-    padding-right: var(--lumo-space-s);
-  }
-  .px-m {
-    padding-left: var(--lumo-space-m);
-    padding-right: var(--lumo-space-m);
-  }
-  .px-l {
-    padding-left: var(--lumo-space-l);
-    padding-right: var(--lumo-space-l);
-  }
-  .px-xl {
-    padding-left: var(--lumo-space-xl);
-    padding-right: var(--lumo-space-xl);
-  }
-  /* === Padding (left) === */
-  .pl-0 {
-    padding-left: 0;
-  }
-  .pl-xs {
-    padding-left: var(--lumo-space-xs);
-  }
-  .pl-s {
-    padding-left: var(--lumo-space-s);
-  }
-  .pl-m {
-    padding-left: var(--lumo-space-m);
-  }
-  .pl-l {
-    padding-left: var(--lumo-space-l);
-  }
-  .pl-xl {
-    padding-left: var(--lumo-space-xl);
-  }
-  /* === Padding (right) === */
-  .pr-0 {
-    padding-right: 0;
-  }
-  .pr-xs {
-    padding-right: var(--lumo-space-xs);
-  }
-  .pr-s {
-    padding-right: var(--lumo-space-s);
-  }
-  .pr-m {
-    padding-right: var(--lumo-space-m);
-  }
-  .pr-l {
-    padding-right: var(--lumo-space-l);
-  }
-  .pr-xl {
-    padding-right: var(--lumo-space-xl);
-  }
-  /* === Padding (start) === */
-  .ps-0 {
-    padding-inline-start: 0;
-  }
-  .ps-xs {
-    padding-inline-start: var(--lumo-space-xs);
-  }
-  .ps-s {
-    padding-inline-start: var(--lumo-space-s);
-  }
-  .ps-m {
-    padding-inline-start: var(--lumo-space-m);
-  }
-  .ps-l {
-    padding-inline-start: var(--lumo-space-l);
-  }
-  .ps-xl {
-    padding-inline-start: var(--lumo-space-xl);
-  }
-  /* === Padding (top) === */
-  .pt-0 {
-    padding-top: 0;
-  }
-  .pt-xs {
-    padding-top: var(--lumo-space-xs);
-  }
-  .pt-s {
-    padding-top: var(--lumo-space-s);
-  }
-  .pt-m {
-    padding-top: var(--lumo-space-m);
-  }
-  .pt-l {
-    padding-top: var(--lumo-space-l);
-  }
-  .pt-xl {
-    padding-top: var(--lumo-space-xl);
-  }
-  /* === Padding (vertical) === */
-  .py-0 {
-    padding-bottom: 0;
-    padding-top: 0;
-  }
-  .py-xs {
-    padding-bottom: var(--lumo-space-xs);
-    padding-top: var(--lumo-space-xs);
-  }
-  .py-s {
-    padding-bottom: var(--lumo-space-s);
-    padding-top: var(--lumo-space-s);
-  }
-  .py-m {
-    padding-bottom: var(--lumo-space-m);
-    padding-top: var(--lumo-space-m);
-  }
-  .py-l {
-    padding-bottom: var(--lumo-space-l);
-    padding-top: var(--lumo-space-l);
-  }
-  .py-xl {
-    padding-bottom: var(--lumo-space-xl);
-    padding-top: var(--lumo-space-xl);
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/transition.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/transition.js ***!
-  \*************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "transition": () => (/* binding */ transition)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const transition = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  .transition {
-    transition-property:
-      -webkit-backdrop-filter, backdrop-filter, background-color, border-color, box-shadow, color, fill, filter,
-      opacity, rotate, scale, stroke, text-decoration-color, transform, translate;
-    transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--lumo-utility-transition-duration, 150ms);
-  }
-  .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--lumo-utility-transition-duration, 150ms);
-  }
-  .transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke, text-decoration-color;
-    transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--lumo-utility-transition-duration, 150ms);
-  }
-  .transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--lumo-utility-transition-duration, 150ms);
-  }
-  .transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--lumo-utility-transition-duration, 150ms);
-  }
-  .transition-transform {
-    transition-property: rotate, scale, transform, translate;
-    transition-timing-function: var(--lumo-utility-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
-    transition-duration: var(--lumo-utility-transition-duration, 150ms);
-  }
-  .transition-none {
-    transition-property: none;
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/typography.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/typography.js ***!
-  \*************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "typography": () => (/* binding */ typography)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-const typography = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-  /* === Font size === */
-  .text-2xs {
-    font-size: var(--lumo-font-size-xxs);
-  }
-  .text-xs {
-    font-size: var(--lumo-font-size-xs);
-  }
-  .text-s {
-    font-size: var(--lumo-font-size-s);
-  }
-  .text-m {
-    font-size: var(--lumo-font-size-m);
-  }
-  .text-l {
-    font-size: var(--lumo-font-size-l);
-  }
-  .text-xl {
-    font-size: var(--lumo-font-size-xl);
-  }
-  .text-2xl {
-    font-size: var(--lumo-font-size-xxl);
-  }
-  .text-3xl {
-    font-size: var(--lumo-font-size-xxxl);
-  }
-  /* === Font weight === */
-  .font-thin {
-    font-weight: 100;
-  }
-  .font-extralight {
-    font-weight: 200;
-  }
-  .font-light {
-    font-weight: 300;
-  }
-  .font-normal {
-    font-weight: 400;
-  }
-  .font-medium {
-    font-weight: 500;
-  }
-  .font-semibold {
-    font-weight: 600;
-  }
-  .font-bold {
-    font-weight: 700;
-  }
-  .font-extrabold {
-    font-weight: 800;
-  }
-  .font-black {
-    font-weight: 900;
-  }
-  /* === Line clamp === */
-  [class*='line-clamp-'] {
-    display: -webkit-box;
-    overflow: hidden;
-    -webkit-box-orient: vertical;
-  }
-  .line-clamp-1 {
-    -webkit-line-clamp: 1;
-  }
-  .line-clamp-2 {
-    -webkit-line-clamp: 2;
-  }
-  .line-clamp-3 {
-    -webkit-line-clamp: 3;
-  }
-  .line-clamp-4 {
-    -webkit-line-clamp: 4;
-  }
-  .line-clamp-5 {
-    -webkit-line-clamp: 5;
-  }
-  .line-clamp-6 {
-    -webkit-line-clamp: 6;
-  }
-  /* === Line height === */
-  .leading-none {
-    line-height: 1;
-  }
-  .leading-xs {
-    line-height: var(--lumo-line-height-xs);
-  }
-  .leading-s {
-    line-height: var(--lumo-line-height-s);
-  }
-  .leading-m {
-    line-height: var(--lumo-line-height-m);
-  }
-  /* === List style type === */
-  .list-none {
-    list-style-type: none;
-  }
-  /* === Text alignment === */
-  .text-left {
-    text-align: left;
-  }
-  .text-center {
-    text-align: center;
-  }
-  .text-right {
-    text-align: right;
-  }
-  .text-justify {
-    text-align: justify;
-  }
-  /* === Text color === */
-  .text-header {
-    color: var(--lumo-header-text-color);
-  }
-  .text-body {
-    color: var(--lumo-body-text-color);
-  }
-  .text-secondary {
-    color: var(--lumo-secondary-text-color);
-  }
-  .text-tertiary {
-    color: var(--lumo-tertiary-text-color);
-  }
-  .text-disabled {
-    color: var(--lumo-disabled-text-color);
-  }
-  .text-primary {
-    color: var(--lumo-primary-text-color);
-  }
-  .text-primary-contrast {
-    color: var(--lumo-primary-contrast-color);
-  }
-  .text-error {
-    color: var(--lumo-error-text-color);
-  }
-  .text-error-contrast {
-    color: var(--lumo-error-contrast-color);
-  }
-  .text-success {
-    color: var(--lumo-success-text-color);
-  }
-  .text-success-contrast {
-    color: var(--lumo-success-contrast-color);
-  }
-  .text-warning {
-    color: var(--lumo-warning-text-color);
-  }
-  .text-warning-contrast {
-    color: var(--lumo-warning-contrast-color);
-  }
-  /* == Text decoration === */
-  .line-through {
-    text-decoration-line: line-through;
-  }
-  .no-underline {
-    text-decoration-line: none;
-  }
-  .underline {
-    text-decoration-line: underline;
-  }
-  /* === Text overflow === */
-  .overflow-clip {
-    text-overflow: clip;
-  }
-  .overflow-ellipsis {
-    text-overflow: ellipsis;
-  }
-  /* === Text transform === */
-  .capitalize {
-    text-transform: capitalize;
-  }
-  .lowercase {
-    text-transform: lowercase;
-  }
-  .uppercase {
-    text-transform: uppercase;
-  }
-  /* === Whitespace === */
-  .whitespace-normal {
-    white-space: normal;
-  }
-  .whitespace-break-spaces {
-    white-space: normal;
-  }
-  .whitespace-nowrap {
-    white-space: nowrap;
-  }
-  .whitespace-pre {
-    white-space: pre;
-  }
-  .whitespace-pre-line {
-    white-space: pre-line;
-  }
-  .whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-  /* === Responsive design === */
-  @media (min-width: 640px) {
-    .sm\\:text-2xs {
-      font-size: var(--lumo-font-size-xxs);
-    }
-    .sm\\:text-xs {
-      font-size: var(--lumo-font-size-xs);
-    }
-    .sm\\:text-s {
-      font-size: var(--lumo-font-size-s);
-    }
-    .sm\\:text-m {
-      font-size: var(--lumo-font-size-m);
-    }
-    .sm\\:text-l {
-      font-size: var(--lumo-font-size-l);
-    }
-    .sm\\:text-xl {
-      font-size: var(--lumo-font-size-xl);
-    }
-    .sm\\:text-2xl {
-      font-size: var(--lumo-font-size-xxl);
-    }
-    .sm\\:text-3xl {
-      font-size: var(--lumo-font-size-xxxl);
-    }
-  }
-  @media (min-width: 768px) {
-    .md\\:text-2xs {
-      font-size: var(--lumo-font-size-xxs);
-    }
-    .md\\:text-xs {
-      font-size: var(--lumo-font-size-xs);
-    }
-    .md\\:text-s {
-      font-size: var(--lumo-font-size-s);
-    }
-    .md\\:text-m {
-      font-size: var(--lumo-font-size-m);
-    }
-    .md\\:text-l {
-      font-size: var(--lumo-font-size-l);
-    }
-    .md\\:text-xl {
-      font-size: var(--lumo-font-size-xl);
-    }
-    .md\\:text-2xl {
-      font-size: var(--lumo-font-size-xxl);
-    }
-    .md\\:text-3xl {
-      font-size: var(--lumo-font-size-xxxl);
-    }
-  }
-  @media (min-width: 1024px) {
-    .lg\\:text-2xs {
-      font-size: var(--lumo-font-size-xxs);
-    }
-    .lg\\:text-xs {
-      font-size: var(--lumo-font-size-xs);
-    }
-    .lg\\:text-s {
-      font-size: var(--lumo-font-size-s);
-    }
-    .lg\\:text-m {
-      font-size: var(--lumo-font-size-m);
-    }
-    .lg\\:text-l {
-      font-size: var(--lumo-font-size-l);
-    }
-    .lg\\:text-xl {
-      font-size: var(--lumo-font-size-xl);
-    }
-    .lg\\:text-2xl {
-      font-size: var(--lumo-font-size-xxl);
-    }
-    .lg\\:text-3xl {
-      font-size: var(--lumo-font-size-xxxl);
-    }
-  }
-  @media (min-width: 1280px) {
-    .xl\\:text-2xs {
-      font-size: var(--lumo-font-size-xxs);
-    }
-    .xl\\:text-xs {
-      font-size: var(--lumo-font-size-xs);
-    }
-    .xl\\:text-s {
-      font-size: var(--lumo-font-size-s);
-    }
-    .xl\\:text-m {
-      font-size: var(--lumo-font-size-m);
-    }
-    .xl\\:text-l {
-      font-size: var(--lumo-font-size-l);
-    }
-    .xl\\:text-xl {
-      font-size: var(--lumo-font-size-xl);
-    }
-    .xl\\:text-2xl {
-      font-size: var(--lumo-font-size-xxl);
-    }
-    .xl\\:text-3xl {
-      font-size: var(--lumo-font-size-xxxl);
-    }
-  }
-  @media (min-width: 1536px) {
-    .\\32xl\\:text-2xs {
-      font-size: var(--lumo-font-size-xxs);
-    }
-    .\\32xl\\:text-xs {
-      font-size: var(--lumo-font-size-xs);
-    }
-    .\\32xl\\:text-s {
-      font-size: var(--lumo-font-size-s);
-    }
-    .\\32xl\\:text-m {
-      font-size: var(--lumo-font-size-m);
-    }
-    .\\32xl\\:text-l {
-      font-size: var(--lumo-font-size-l);
-    }
-    .\\32xl\\:text-xl {
-      font-size: var(--lumo-font-size-xl);
-    }
-    .\\32xl\\:text-2xl {
-      font-size: var(--lumo-font-size-xxl);
-    }
-    .\\32xl\\:text-3xl {
-      font-size: var(--lumo-font-size-xxxl);
-    }
-  }
-`;
-/***/ }),
-/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utility.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@vaadin/vaadin-lumo-styles/utility.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "utility": () => (/* binding */ utility)
-/* harmony export */ });
-/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles.js */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
-/* harmony import */ var _utilities_accessibility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utilities/accessibility.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/accessibility.js");
-/* harmony import */ var _utilities_background_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utilities/background.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/background.js");
-/* harmony import */ var _utilities_border_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utilities/border.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/border.js");
-/* harmony import */ var _utilities_filter_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utilities/filter.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/filter.js");
-/* harmony import */ var _utilities_flexbox_grid_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utilities/flexbox-grid.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/flexbox-grid.js");
-/* harmony import */ var _utilities_layout_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utilities/layout.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/layout.js");
-/* harmony import */ var _utilities_shadows_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utilities/shadows.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/shadows.js");
-/* harmony import */ var _utilities_sizing_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utilities/sizing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/sizing.js");
-/* harmony import */ var _utilities_spacing_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utilities/spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/spacing.js");
-/* harmony import */ var _utilities_transition_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utilities/transition.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/transition.js");
-/* harmony import */ var _utilities_typography_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utilities/typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/typography.js");
-/**
- * @license
- * Copyright (c) 2017 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-/* prettier-ignore */
-const utility = _vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.css`
-${_utilities_accessibility_js__WEBPACK_IMPORTED_MODULE_1__.accessibility}
-${_utilities_background_js__WEBPACK_IMPORTED_MODULE_2__.background}
-${_utilities_border_js__WEBPACK_IMPORTED_MODULE_3__.border}
-${_utilities_filter_js__WEBPACK_IMPORTED_MODULE_4__.filter}
-${_utilities_flexbox_grid_js__WEBPACK_IMPORTED_MODULE_5__.flexboxAndGrid}
-${_utilities_layout_js__WEBPACK_IMPORTED_MODULE_6__.layout}
-${_utilities_shadows_js__WEBPACK_IMPORTED_MODULE_7__.shadows}
-${_utilities_sizing_js__WEBPACK_IMPORTED_MODULE_8__.sizing}
-${_utilities_spacing_js__WEBPACK_IMPORTED_MODULE_9__.spacing}
-${_utilities_transition_js__WEBPACK_IMPORTED_MODULE_10__.transition}
-${_utilities_typography_js__WEBPACK_IMPORTED_MODULE_11__.typography}
-`;
-(0,_vaadin_vaadin_themable_mixin_register_styles_js__WEBPACK_IMPORTED_MODULE_0__.registerStyles)('', utility, { moduleId: 'lumo-utility' });
 /***/ })