@vaadin/vaadin-lumo-styles 25.4.0-alpha5 → 25.4.0-alpha6

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 (5) hide show
  1. package/components/grid-pro-edit-column.css +0 -2
  2. package/components/select.css +0 -2
  3. package/dist/lumo.css +2 -2
  4. package/package.json +5 -5
  5. package/src/components/dialog-overlay.css +7 -1
package/components/grid-pro-edit-column.css CHANGED
@@ -12,7 +12,6 @@
12
12
  @import '../src/mixins/field-label-aside.css';
13
13
  @import '../src/mixins/field-required.css';
14
14
  @import '../src/mixins/grid-pro-editor.css';
15
- @import '../src/mixins/sr-only.css';
16
15
  @import '../src/components/checkbox.css';
17
16
  @import '../src/components/grid-pro-edit-select.css';
18
17
  @import '../src/components/select.css';
@@ -43,7 +42,6 @@
43
42
  lumo_mixins_field-helper,
44
43
  lumo_mixins_field-base,
45
44
  lumo_mixins_grid-pro-editor,
46
- lumo_mixins_sr-only,
47
45
  lumo_components_select,
48
46
  lumo_components_grid-pro-edit-select;
49
47
 
package/components/select.css CHANGED
@@ -14,7 +14,6 @@
14
14
  @import '../src/mixins/menu-overlay-core.css';
15
15
  @import '../src/mixins/menu-overlay-ext.css';
16
16
  @import '../src/mixins/overlay.css';
17
- @import '../src/mixins/sr-only.css';
18
17
  @import '../src/components/item.css';
19
18
  @import '../src/components/list-box.css';
20
19
  @import '../src/components/select-overlay.css';
@@ -34,7 +33,6 @@
34
33
  lumo_mixins_field-helper,
35
34
  lumo_mixins_field-helper-above,
36
35
  lumo_mixins_field-base,
37
- lumo_mixins_sr-only,
38
36
  lumo_components_select;
39
37
 
40
38
  --_lumo-vaadin-select-item-inject: 1;
package/dist/lumo.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-error-text-color))
29
29
  )}:host([dir=rtl]) [part=required-indicator]:after{right:auto;left:0}}@media lumo_mixins_group-field{:host{display:inline-flex;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);font-family:var(--lumo-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:var(--_lumo-field-outer-padding,var(--lumo-space-xs)) 0}:host:before{content:"\2003";width:0;height:var(--lumo-size-s);box-sizing:border-box;display:inline-flex;align-items:center}:host([hidden]){display:none!important}.vaadin-group-field-container{display:flex;flex-direction:column;width:100%}[part=group-field]{display:flex;flex-wrap:wrap}:host(:not([has-label])) [part=label]{display:none}:host([theme~=vertical]) [part=group-field]{flex-direction:column}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([focused]:not([readonly])) [part=label]{color:var(--lumo-primary-text-color)}}@media lumo_components_checkbox-group{:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=helper-text],:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=label]{color:var(--lumo-body-text-color)}@media (pointer:coarse){:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=label]{color:var(--lumo-secondary-text-color)}}}@media lumo_mixins_checkable-field{:host{display:inline-block;font-family:var(--lumo-font-family);line-height:var(--lumo-line-height-s);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:default;outline:none;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_selection-color:var(--vaadin-selection-color, var(--lumo-primary-color))}:host([hidden]){display:none!important}:host([disabled]){-webkit-tap-highlight-color:transparent}:host([data-form-layout-has-labels-aside]){padding-inline-start:calc(var(--vaadin-form-layout-label-width) + var(--vaadin-form-layout-label-spacing))}.vaadin-checkbox-container,.vaadin-radio-button-container,.vaadin-switch-container{display:grid;grid-template-columns:auto 1fr;align-items:baseline}::slotted(input),::slotted(label),[part=checkbox],[part=label],[part=radio],[part=switch]{grid-row:1}::slotted(input),[part=checkbox],[part=radio],[part=switch]{grid-column:1}[part=checkbox],[part=radio],[part=switch]{width:var(--_input-size,1em);height:var(--_input-size,1em);--_input-border-width:var(--vaadin-input-field-border-width, 0);--_input-border-color:var(--vaadin-input-field-border-color, transparent);margin:var(--lumo-space-xs);position:relative;box-shadow:inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color);transition:transform .2s cubic-bezier(.12,.32,.54,2),background-color .15s;cursor:var(--lumo-clickable-cursor)}[part=checkbox]:before,[part=radio]:before,[part=switch]:before{display:block;content:"\202F";line-height:var(--_input-size,1em);contain:paint;pointer-events:none;color:transparent;width:100%;height:100%;border-radius:inherit;background-color:inherit;transform:scale(1.4);opacity:0;transition:transform .1s,opacity .8s}[part=helper-text]{margin:0}::slotted(input){cursor:inherit;margin:0;align-self:stretch;appearance:none;width:auto;height:auto}}@media lumo_components_checkbox{:host{color:var(--vaadin-checkbox-label-color,var(--lumo-body-text-color));font-size:var(--vaadin-checkbox-label-font-size,var(--lumo-font-size-m));--_checkbox-size:var(--vaadin-checkbox-size, calc(.5 * var(--lumo-size-m)));--_invalid-background:var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct));--_disabled-checkmark-color:var(--vaadin-checkbox-disabled-checkmark-color, var(--lumo-contrast-30pct))}[part=label]{display:flex;position:relative;max-width:max-content}:host([has-label]) ::slotted(label){padding:var(
30
30
  --vaadin-checkbox-label-padding,var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)
31
- )}:host([dir=rtl][has-label]) ::slotted(label){padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s)}:host([has-label][required]) ::slotted(label){padding-inline-end:var(--lumo-space-m)}[part=checkbox]{--_input-size:var(--_checkbox-size);border-radius:var(--vaadin-checkbox-border-radius,var(--lumo-border-radius-s));background:var(--vaadin-checkbox-background,var(--lumo-contrast-20pct));--_input-border-color:var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct))}:host([checked]),:host([indeterminate]){--vaadin-input-field-border-color:transparent}:host([checked]) [part=checkbox],:host([indeterminate]) [part=checkbox]{background-color:var(--_selection-color)}[part=checkbox]:after{pointer-events:none;font-family:lumo-icons;content:var(--vaadin-checkbox-checkmark-char,var(--lumo-icons-checkmark));color:var(--vaadin-checkbox-checkmark-color,var(--lumo-primary-contrast-color));font-size:var(--vaadin-checkbox-checkmark-size,calc(2px + var(--_checkbox-size)));line-height:1;position:absolute;top:-1px;left:-1px;contain:content;opacity:0}:host([checked]) [part=checkbox]:after{opacity:1}:host([readonly]:not([checked]):not([indeterminate])){color:var(--lumo-secondary-text-color)}:host([readonly]:not([checked]):not([indeterminate])) [part=checkbox]{background:transparent;box-shadow:none}:host([readonly]:not([checked]):not([indeterminate])) [part=checkbox]:after{content:"";box-sizing:border-box;width:100%;height:100%;border-radius:inherit;top:0;left:0;opacity:1;border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-50pct))}:host([indeterminate]) [part=checkbox]:after{content:var(--vaadin-checkbox-checkmark-char-indeterminate,"");opacity:1;top:45%;height:10%;left:22%;right:22%;width:auto;border:0;background-color:var(--lumo-primary-contrast-color)}:host([focus-ring]) [part=checkbox]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) var(--_focus-ring-color),inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color)}:host([focus-ring][readonly]:not([checked]):not([indeterminate])) [part=checkbox]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) var(--_focus-ring-color)}:host([disabled]){pointer-events:none;--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) ::slotted(label){color:inherit}:host([disabled]) [part=checkbox]{background-color:var(--vaadin-checkbox-disabled-background,var(--lumo-contrast-10pct))}:host([disabled]) [part=checkbox]:after{color:var(--_disabled-checkmark-color)}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([indeterminate][disabled]) [part=checkbox]:after{background-color:var(--_disabled-checkmark-color)}:host([readonly][checked]:not([disabled])) [part=checkbox],:host([readonly][indeterminate]:not([disabled])) [part=checkbox]{background-color:var(--vaadin-checkbox-readonly-checked-background,var(--lumo-contrast-70pct))}:host(:not([checked]):not([indeterminate]):not([disabled]):not([readonly]):not([invalid]):hover) [part=checkbox]{background:var(--vaadin-checkbox-background-hover,var(--lumo-contrast-30pct))}@media (pointer:coarse){:host(:not([checked]):not([indeterminate]):not([disabled]):not([readonly]):not([invalid]):hover) [part=checkbox]{background:var(--vaadin-checkbox-background,var(--lumo-contrast-20pct))}}:host([active]) [part=checkbox]{transform:scale(.9);transition-duration:.05s}:host([active][checked]) [part=checkbox]{transform:scale(1.1)}:host([active]:not([checked])) [part=checkbox]:before{transition-duration:.01s,.01s;transform:scale(0);opacity:.4}:host([required]) [part=required-indicator]{position:absolute;top:var(--lumo-space-xs);right:var(--lumo-space-xs)}:host([required][dir=rtl]) [part=required-indicator]{right:auto;left:var(--lumo-space-xs)}:host([required]) [part=required-indicator]:after{position:static}:host(:not([has-label])) [part=required-indicator]{display:none}:host([invalid]){--vaadin-input-field-border-color:var(--lumo-error-color)}:host([invalid]) [part=checkbox]{background-color:var(--_invalid-background);background-image:linear-gradient(var(--_invalid-background) 0,var(--_invalid-background) 100%)}:host([invalid]:hover) [part=checkbox]{background-image:linear-gradient(var(--_invalid-background) 0,var(--_invalid-background) 100%),linear-gradient(var(--_invalid-background) 0,var(--_invalid-background) 100%)}:host([invalid][focus-ring]){--_focus-ring-color:var(--lumo-error-color-50pct)}[part=error-message]{margin:0;padding-inline-start:var(--lumo-space-xs)}[part=error-message],[part=helper-text]{grid-column:2}:host(:not([has-error-message])) [part=error-message],:host(:not([has-helper])) [part=helper-text]{display:none}:host([has-error-message]) [part=error-message]:before{display:none}:host([has-helper]) [part=helper-text]:after{content:"";display:block;height:.4em}[part=helper-text]{padding-inline-start:var(--lumo-space-xs)}:host([has-helper]) [part=helper-text]:before{display:none}:host([has-error-message]) ::slotted(label),:host([has-helper]) ::slotted(label){padding-bottom:0}@media (forced-colors:active){[part=checkbox]{outline:1px solid;outline-offset:-1px}:host([disabled]) [part=checkbox],:host([disabled]) [part=checkbox]:after{outline-color:GrayText}:host(:is([checked],[indeterminate])) [part=checkbox]:after{outline:1px solid;outline-offset:-1px;border-radius:inherit}:host([focused]) [part=checkbox],:host([focused]) [part=checkbox]:after{outline-width:2px}}}:host,:root{--_lumo-vaadin-checkbox-inject:1;--_lumo-vaadin-checkbox-inject-modules:lumo_mixins_field-helper, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_checkable-field, lumo_components_checkbox}:host,:root{--_lumo-vaadin-checkbox-group-inject:1;--_lumo-vaadin-checkbox-group-inject-modules:lumo_mixins_group-field, lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_components_checkbox-group}@media lumo_mixins_combo-box-loader{[part=loader]{position:absolute;z-index:1;inset-inline:var(--lumo-space-s);top:var(--lumo-space-s);margin-inline:auto 0}}@media lumo_mixins_combo-box-overlay{[part=content]{display:flex;flex-direction:column;height:100%;padding:0}:host(:not([closing])) [part=content]{min-height:calc(2 * var(--lumo-space-s) + var(--lumo-icon-size-s))}[part=overlay]{position:relative}:host([top-aligned]) [part=overlay]{margin-top:var(--lumo-space-xs)}:host([bottom-aligned]) [part=overlay]{margin-bottom:var(--lumo-space-xs)}}@media lumo_mixins_field-base{:host{display:inline-flex;outline:none;--lumo-text-field-size:var(--lumo-size-m);color:var(--vaadin-input-field-value-color,var(--lumo-body-text-color));font-size:var(--vaadin-input-field-value-font-size,var(--lumo-font-size-m));font-family:var(--lumo-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:var(--_lumo-field-outer-padding,var(--lumo-space-xs)) 0;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_input-height:var(--vaadin-input-field-height, var(--lumo-text-field-size));--_disabled-value-color:var(--vaadin-input-field-disabled-value-color, var(--lumo-disabled-text-color))}:host:before{content:"\2003";width:0;height:var(--_input-height);box-sizing:border-box;display:inline-flex;align-items:center}[class$=container]{display:flex;flex-direction:column;min-width:100%;max-width:100%;width:var(--vaadin-field-default-width,12em)}:host([hidden]){display:none!important}:host([focused]) [part=input-field] ::slotted(:is(input,textarea)){mask-image:none}::slotted(:is(input,textarea):placeholder-shown){color:var(--vaadin-input-field-placeholder-color,var(--lumo-secondary-text-color))}:host(:hover:not([readonly]):not([focused]):not([disabled])) [part=input-field]:after{opacity:var(--vaadin-input-field-hover-highlight-opacity,.1)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused]):not([disabled])) [part=input-field]:after{opacity:0}:host(:active:not([readonly]):not([focused]):not([disabled])) [part=input-field]:after{opacity:.2}}:host([focused]:not([focus-ring]):not([readonly])) [part=input-field]:after{transform:scaleX(0);transition-duration:.15s,1s}:host([focused]) [part=input-field]{--_pointer-focus-visible:clamp(0, var(--lumo-input-field-pointer-focus-visible, 0), 1);--_conditional-border-width:calc((1 - var(--_pointer-focus-visible)) * var(--_input-border-width));--_conditional-focus-ring-width:calc(var(--_pointer-focus-visible) * var(--_focus-ring-width));box-shadow:inset 0 0 0 var(--_conditional-border-width) var(--_input-border-color),0 0 0 var(--_conditional-focus-ring-width) var(--_focus-ring-color)}:host([focus-ring]) [part=input-field]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host(:is([readonly],[disabled])) ::slotted(:is(input,textarea):placeholder-shown){opacity:0}:host([readonly]){--vaadin-input-field-border-color:transparent}:host([disabled]){pointer-events:none;--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) [part=input-field] ::slotted([slot$=fix]),:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([disabled]) [part=input-field] ::slotted(:not([slot$=fix])){color:var(--_disabled-value-color);-webkit-text-fill-color:var(--_disabled-value-color)}:host([invalid]){--vaadin-input-field-border-color:var(--lumo-error-color);--_focus-ring-color:var(--lumo-error-color-50pct)}:host([input-prevented]) [part=input-field]{animation:shake .15s infinite}@keyframes shake{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-text-field-size:var(--lumo-size-s)}:host([theme~=small]) [part=label]{font-size:var(--lumo-font-size-xs)}:host([theme~=small]) [part=error-message]{font-size:var(--lumo-font-size-xxs)}[part=input-field] ::slotted(:not(vaadin-icon):not(input):not(textarea)){color:var(--lumo-secondary-text-color);font-weight:400}[part~=clear-button]:before{content:var(--lumo-icons-cross)}@media (forced-colors:active){:host(:not([readonly])) [part=input-field]{outline:1px solid;outline-offset:-1px}:host([focused]) [part=input-field]{outline-width:2px}:host([disabled]) [part=input-field]{outline-color:GrayText}}}@media lumo_mixins_field-button{[part$=button]{flex:none;width:1em;height:1em;line-height:1;font-size:var(--lumo-icon-size-m);text-align:center;color:var(--lumo-contrast-60pct);transition:color .2s;cursor:var(--lumo-clickable-cursor)}[part$=button]:hover{color:var(--lumo-contrast-90pct)}:host([disabled]) [part$=button],:host([readonly]) [part$=button]{color:var(--lumo-contrast-20pct);cursor:default}[part$=button]:before{font-family:lumo-icons;display:block}[part~=clear-button]{display:none;cursor:default}[part~=clear-button]:before{content:"\2715"}:host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part~=clear-button]{display:block}}@media lumo_mixins_loader{[part=loader]{display:none;box-sizing:border-box;width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s);border:2px solid transparent;border-color:var(--lumo-primary-color-10pct) var(--lumo-primary-color-10pct) var(--lumo-primary-color) var(--lumo-primary-color);border-radius:calc(.5 * var(--lumo-icon-size-s));opacity:0;pointer-events:none;animation:lumo-loader-rotate 1s linear infinite,lumo-loader-fade-in .3s .1s both;mask-image:none}:host([loading]) [part=loader]{display:block}@keyframes lumo-loader-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumo-loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}@media lumo_components_combo-box-item{:host{transition:background-color .1s;overflow:hidden;--_lumo-item-selected-icon-display:block;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host([focused]:not([disabled])){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}}@media lumo_components_combo-box-overlay{:host{--_vaadin-combo-box-items-container-border-width:var(--lumo-space-xs);--_vaadin-combo-box-items-container-border-style:solid}#overlay{width:var(--vaadin-combo-box-overlay-width,var(--_vaadin-combo-box-overlay-default-width,auto))}}@media lumo_components_combo-box{:host([opened]){pointer-events:auto}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}}@media lumo_components_input-container{:host{display:flex;align-items:center;flex:0 1 auto;--_border-radius:var(--vaadin-input-field-border-radius, 0);--_input-border-width:var(--vaadin-input-field-border-width, 0px);box-shadow:inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color);background:var(--_background);padding:0 calc(.375em - 1px + .25 * var(--_input-container-radius));font-weight:var(--vaadin-input-field-value-font-weight,500);line-height:1;position:relative;cursor:text;box-sizing:border-box;border-radius:var(--vaadin-input-field-top-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-top-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-start-radius,var(--_input-container-radius));--_input-container-radius:var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));--_background:var(--vaadin-input-field-background, var(--lumo-contrast-10pct));--_hover-highlight:var(--vaadin-input-field-hover-highlight, var(--lumo-contrast-50pct));--_input-border-color:var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));--_icon-color:var(--vaadin-input-field-icon-color, var(--lumo-contrast-60pct));--_icon-size:var(--vaadin-input-field-icon-size, var(--lumo-icon-size-m));--_invalid-background:var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct));--_invalid-hover-highlight:var(--vaadin-input-field-invalid-hover-highlight, var(--lumo-error-color-50pct));--_disabled-background:var(--vaadin-input-field-disabled-background, var(--lumo-contrast-5pct));--_disabled-value-color:var(--vaadin-input-field-disabled-value-color, var(--lumo-disabled-text-color))}:host([dir=rtl]){border-radius:var(--vaadin-input-field-top-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-top-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-end-radius,var(--_input-container-radius))}:host:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--_hover-highlight);opacity:0;transition:transform .15s,opacity .2s;transform-origin:100% 0}:host([hidden]){display:none!important}::slotted(input){appearance:none;flex:auto;white-space:nowrap;overflow:hidden;width:100%;height:100%;outline:none;margin:0;padding:0;border:0;border-radius:0;min-width:0;font:inherit;line-height:normal;color:inherit;background-color:transparent;box-shadow:none}::slotted(*){flex:none}::slotted(:is(input,textarea))::placeholder{font:inherit;color:inherit;opacity:1}::slotted(:not([slot$=fix])){cursor:inherit;min-height:var(--vaadin-input-field-height,var(--_input-height,var(--lumo-size-m)));padding:0 .25em;--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em);mask-image:var(--_lumo-text-field-overflow-mask-image)}:host([readonly]){color:var(--lumo-secondary-text-color);background-color:transparent;cursor:default}:host([readonly]):after{background-color:transparent;opacity:1;border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}:host([disabled]){background:var(--_disabled-background)}:host([disabled]) ::slotted(:not([slot$=fix])){-webkit-text-fill-color:var(--_disabled-value-color);color:var(--_disabled-value-color)}:host([invalid]){--vaadin-input-field-background:var(--_invalid-background)}:host([invalid]:not([readonly])):after{background:var(--_invalid-hover-highlight)}::slotted(vaadin-icon){color:var(--_icon-color);width:var(--_icon-size);height:var(--_icon-size)}::slotted(vaadin-icon[icon^="vaadin:"]){padding:.25em;box-sizing:border-box!important}:host([dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(90deg, transparent, #000 1.25em)}@-moz-document url-prefix(){:host([dir=rtl]) ::slotted(:not([slot$=fix])){mask-image:var(--_lumo-text-field-overflow-mask-image)}}:host([theme~=align-left]) ::slotted(:not([slot$=fix])){text-align:start;--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-center]) ::slotted(:not([slot$=fix])){text-align:center;--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-right]) ::slotted(:not([slot$=fix])){text-align:end;--_lumo-text-field-overflow-mask-image:none}@-moz-document url-prefix(){:host([theme~=align-right]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(90deg, transparent 0.25em, #000 1.5em)}}@-moz-document url-prefix(){:host([theme~=align-left]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent 0.25em, #000 1.5em)}}:host([dir=rtl]):after{transform-origin:0 0}:host([theme~=align-left][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-center][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-right][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:none}@-moz-document url-prefix(){:host([theme~=align-right][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(90deg, transparent 0.25em, #000 1.5em)}}@-moz-document url-prefix(){:host([theme~=align-left][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent 0.25em, #000 1.5em)}}}:host,:root{--_lumo-vaadin-input-container-inject:1;--_lumo-vaadin-input-container-inject-modules:lumo_components_input-container}:host,:root{--_lumo-vaadin-combo-box-inject:1;--_lumo-vaadin-combo-box-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_combo-box;--_lumo-vaadin-combo-box-item-inject:1;--_lumo-vaadin-combo-box-item-inject-modules:lumo_components_item, lumo_components_combo-box-item;--_lumo-vaadin-combo-box-overlay-inject:1;--_lumo-vaadin-combo-box-overlay-inject-modules:lumo_mixins_loader, lumo_mixins_combo-box-loader, lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_combo-box-overlay, lumo_components_combo-box-overlay}@media lumo_components_confirm-dialog-overlay{[part=header]{pointer-events:auto;margin-inline-start:calc(var(--lumo-space-l) - var(--lumo-space-m));font-weight:600;line-height:var(--lumo-line-height-xs);font-size:var(--lumo-font-size-xl);color:var(--lumo-header-text-color)}::slotted([slot=header]){display:contents!important;font:inherit!important;color:inherit!important}[part=footer]>*{pointer-events:all}[part=message]{width:25em;min-width:100%;max-width:100%}::slotted([slot$=button][theme~=tertiary]){padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s)}[part=cancel-button]{flex-grow:1}@media (max-width:360px){[part=footer]{flex-direction:column-reverse;align-items:stretch;padding:var(--lumo-space-s) var(--lumo-space-l);gap:var(--lumo-space-s)}::slotted([slot$=button]){width:100%;margin:0}}}@media lumo_components_dialog-overlay{[part=footer],[part=header-content],[part=header]{display:flex;align-items:center;flex-wrap:wrap;flex:none;pointer-events:none;z-index:1;gap:var(--lumo-space-xs) var(--lumo-space-s);line-height:var(--lumo-line-height-s)}[part=header]{flex-wrap:nowrap;padding:var(--lumo-space-m);background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0}[part=footer]{padding:var(--lumo-space-s) var(--lumo-space-m);background-color:var(--lumo-contrast-5pct);border-radius:0 0 var(--lumo-border-radius-l) var(--lumo-border-radius-l)}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;color:var(--lumo-header-text-color);margin-inline-start:calc(var(--lumo-space-l) - var(--lumo-space-m))}::slotted([slot=footer]),::slotted([slot=header-content]),::slotted([slot=title]){display:contents;pointer-events:auto}::slotted([slot=title]){font:inherit!important;overflow-wrap:anywhere}[part=header-content]{flex:1}:host([has-title]) [part=header-content],[part=footer]{justify-content:flex-end}:host(:not([has-footer])) [part=footer],:host(:not([has-header])) [part=header-content],:host(:not([has-title])) [part=title],:host(:not([has-title]):not([has-header])) [part=header]{display:none!important}:host(:is([has-title],[has-header],[has-footer])) [part=content]{height:auto}[part=content]{min-width:12em;padding:var(--lumo-space-l);flex:1;min-height:0;overflow:auto}:host([overflow~=top]) [part=header]{box-shadow:0 1px 0 0 var(--lumo-contrast-10pct)}:host([has-bounds-set]:not([keep-in-viewport])) [part=overlay]{max-width:none}:host:after,:host:before{content:"";flex-basis:0;flex-grow:1}:host:after{flex-grow:1.1}[part=overlay]{border-radius:var(--lumo-border-radius-l);box-shadow:0 0 0 1px var(--lumo-shade-5pct),var(--lumo-box-shadow-xl);background-image:none;outline:none;-webkit-tap-highlight-color:transparent;width:max-content}:host(:is([has-header],[has-title])) [part=header]+[part=content]{padding-top:0}:host([theme~=no-padding]) [part=content]{padding:0!important}:host([closing]),:host([opening]){animation:lumo-overlay-dummy-animation .25s}:host([opening]) [part=overlay]{animation:vaadin-dialog-enter .12s cubic-bezier(.215,.61,.355,1) .05s both}@keyframes vaadin-dialog-enter{0%{opacity:0;transform:scale(.95)}}:host([closing]) [part=overlay]{animation:vaadin-dialog-exit .1s cubic-bezier(.55,.055,.675,.19) .03s both}:host([closing]) [part=backdrop]{animation-delay:.05s}@keyframes vaadin-dialog-exit{to{opacity:0;transform:scale(1.02)}}@media (forced-colors:active){[part=overlay]{outline:3px solid!important}}}:host,:root{--_lumo-vaadin-confirm-dialog-overlay-inject:1;--_lumo-vaadin-confirm-dialog-overlay-inject-modules:lumo_mixins_overlay, lumo_components_dialog-overlay, lumo_components_confirm-dialog-overlay}@media lumo_mixins_menu-overlay-ext{@media (max-height:450px),(max-width:450px){:host{inset:0 0 var(--vaadin-overlay-viewport-bottom,0) 0!important;align-items:stretch!important;justify-content:flex-end!important}[part=overlay]{max-height:50vh;width:100vw;border-radius:0;box-shadow:var(--lumo-box-shadow-xl)}[part=content]{padding:30px var(--lumo-space-m);max-height:inherit;box-sizing:border-box;overflow:auto;mask-image:linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent)}[part=backdrop]{display:block}:host([opening]) [part=overlay]{animation:lumo-mobile-menu-overlay-enter .2s cubic-bezier(.215,.61,.355,1) both}:host([closing]),:host([closing]) [part=backdrop]{animation-delay:.14s}:host([closing]) [part=overlay]{animation:lumo-mobile-menu-overlay-exit .14s cubic-bezier(.55,.055,.675,.19) .14s both}}@keyframes lumo-mobile-menu-overlay-enter{0%{transform:translateY(150%)}}@keyframes lumo-mobile-menu-overlay-exit{to{transform:translateY(150%)}}}@media lumo_components_context-menu-item{:host(:hover){user-select:none;-webkit-user-select:none}:host([role=menuitem][menu-item-checked]) [part=checkmark]:before{opacity:1}:host([aria-haspopup=true]):after{font-family:lumo-icons;content:var(--lumo-icons-angle-right);color:var(--lumo-tertiary-text-color)}:host(:not([dir=rtl])[aria-haspopup=true]):after{margin-right:calc(-1 * var(--lumo-space-m));padding-left:var(--lumo-space-m)}:host([expanded]){background-color:var(--lumo-primary-color-10pct)}:host([dir=rtl][aria-haspopup=true]):after{content:var(--lumo-icons-angle-left);margin-left:calc(-1 * var(--lumo-space-m));padding-right:var(--lumo-space-m)}}@media lumo_components_context-menu-list-box{:host{--_lumo-list-box-item-selected-icon-display:block}[part=items] ::slotted([role=menuitem]){-webkit-tap-highlight-color:var(--lumo-primary-color-10pct);outline:none;border-radius:var(--lumo-border-radius-m);padding-left:calc(.25 * var(--lumo-border-radius-m));padding-right:calc(var(--lumo-space-l) + .25 * var(--lumo-border-radius-m))}[part=items] ::slotted([role=menuitem]:hover),[part=items] ::slotted([role=menuitem][expanded]){background-color:var(--lumo-primary-color-10pct)}:host([dir=rtl]) [part=items] ::slotted([role=menuitem]){padding-left:calc(var(--lumo-space-l) + .25 * var(--lumo-border-radius-m));padding-right:calc(.25 * var(--lumo-border-radius-m))}@media (pointer:coarse){[part=items] ::slotted([role=menuitem]:hover:not([expanded])){background-color:transparent}}}@media lumo_components_context-menu-overlay{:host{align-items:flex-start;justify-content:flex-start;--_default-offset:var(--lumo-space-xs);--_lumo-list-box-item-selected-icon-display:none;--_lumo-list-box-item-padding-left:calc(var(--lumo-space-m) + .25 * var(--lumo-border-radius-m))}[part=overlay]{border:none;outline:none}:host([phone]){inset:0 0 var(--vaadin-overlay-viewport-bottom,0) 0!important;align-items:stretch;justify-content:flex-end}}:host,:root{--_lumo-vaadin-context-menu-overlay-inject:1;--_lumo-vaadin-context-menu-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_context-menu-overlay;--_lumo-vaadin-context-menu-list-box-inject:1;--_lumo-vaadin-context-menu-list-box-inject-modules:lumo_components_list-box, lumo_components_context-menu-list-box;--_lumo-vaadin-context-menu-item-inject:1;--_lumo-vaadin-context-menu-item-inject-modules:lumo_components_item, lumo_components_context-menu-item}@media lumo_components_crud-dialog-overlay{[part=overlay]{max-width:54em;min-width:20em;display:flex}.resizer-container{display:flex;flex-direction:column;flex-grow:1}[part=footer]{justify-content:flex-start;flex-direction:row-reverse}[part=footer] ::slotted(:not([disabled])){pointer-events:all}:host([fullscreen]){inset:0;padding:0}:host([fullscreen]) [part=overlay]{height:100vh;width:100vw;border-radius:0!important}:host([fullscreen]) [part=content]{flex:1}[part=header] ::slotted(h3){margin-top:0!important;margin-bottom:0!important;margin-inline-start:var(--lumo-space-s)}:host(:not([dir=rtl])) ::slotted([slot=delete-button]){margin-right:auto}:host([dir=rtl]) ::slotted([slot=delete-button]){margin-left:auto}}@media lumo_components_crud-edit{:host{display:block;min-width:auto;margin:0;font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);line-height:1;position:relative;width:var(--lumo-size-s);height:var(--lumo-size-s);outline:none}[part=icon]:before{content:var(--lumo-icons-edit);width:var(--lumo-size-m);height:var(--lumo-size-m);line-height:var(--lumo-size-m);text-align:center;position:absolute;top:calc(-.5 * (var(--lumo-size-m) - var(--lumo-size-s)));left:calc(-.5 * (var(--lumo-size-m) - var(--lumo-size-s)))}}@media lumo_components_crud{:host{--vaadin-crud-editor-max-height:40%;--vaadin-crud-editor-max-width:40%;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);width:100%;height:400px;font-family:var(--lumo-font-family)}#main,:host{display:flex;flex-direction:column;align-self:stretch;position:relative;overflow:hidden}#main{flex:1 1 100%;height:100%}:host([hidden]),[hidden]{display:none!important}[part=toolbar]{display:flex;flex-shrink:0;align-items:baseline;justify-content:flex-end;padding:var(--lumo-space-s) var(--lumo-space-m);background-color:var(--lumo-contrast-5pct);border-right:1px solid var(--lumo-contrast-10pct);border-left:1px solid var(--lumo-contrast-10pct);border-bottom:1px solid var(--lumo-contrast-10pct)}:host([no-toolbar]) [part=toolbar]{display:none}#container{display:flex;height:100%}:host([editor-position=bottom]) #container{flex-direction:column}[part=editor]{z-index:1;display:flex;flex-direction:column;height:100%;outline:none;background:var(--lumo-base-color);box-sizing:border-box;position:relative}:host(:not([editor-position=""])[editor-opened]:not([fullscreen])) [part=editor]{flex:1 0 100%}:host([editor-position=bottom][editor-opened]:not([fullscreen])) [part=editor]{max-height:var(--vaadin-crud-editor-max-height)}:host([editor-position=aside][editor-opened]:not([fullscreen])) [part=editor]{min-width:300px;max-width:var(--vaadin-crud-editor-max-width)}[part=scroller]{display:flex;flex-direction:column;overflow:auto;flex:auto;padding:var(--lumo-space-l)}[part=footer]{display:flex;flex:none;flex-direction:row-reverse;background-color:var(--lumo-contrast-5pct);padding:var(--lumo-space-s)}[part=header] ::slotted(h3){margin-top:0!important}:host(:not([dir=rtl])) ::slotted([slot=delete-button]){margin-right:auto}:host([dir=rtl]) ::slotted([slot=delete-button]){margin-left:auto}:host(:not([dir=rtl])) [part=toolbar] ::slotted(:not(:first-child)){margin-left:var(--lumo-space-s)}:host([dir=rtl]) [part=toolbar] ::slotted(:not(:first-child)){margin-right:var(--lumo-space-s)}:host([theme~=no-border]) [part=toolbar]{border:0}[part=footer] ::slotted(*){margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s)}[part=editor]:focus:before{position:absolute;inset:0;content:"";box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);pointer-events:none}:host(:not([editor-position=""])) [part=editor]:not([hidden]){box-shadow:var(--lumo-box-shadow-m)}:host(:not([theme~=no-border]):not([editor-position=""])) [part=editor]:not([hidden]){border:1px solid var(--lumo-contrast-20pct)}:host(:not([theme~=no-border])[editor-position=bottom]) [part=editor]:not([hidden]){border-top:0}:host(:not([dir=rtl])[editor-position=aside]) [part=editor]:not([hidden]){border-left:0}:host([dir=rtl]:not([theme~=no-border])[editor-position=aside]) [part=editor]:not([hidden]){border-right:0}}@media lumo_components_grid{:host{display:flex;flex-direction:column;height:400px;min-height:var(--_grid-min-height,0);flex:1 1 auto;align-self:stretch;position:relative;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-s);color:var(--lumo-body-text-color);background-color:var(--lumo-base-color);box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_lumo-grid-border-color:var(--lumo-contrast-20pct);--_lumo-grid-secondary-border-color:var(--lumo-contrast-10pct);--_lumo-grid-border-width:1px;--_lumo-grid-selected-row-color:var(--lumo-primary-color-10pct)}:host([hidden]){display:none!important}:host([disabled]){pointer-events:none;opacity:.7}#scroller{display:flex;flex-direction:column;min-height:100%;transform:translateY(0);width:auto;height:auto;position:absolute;inset:0}:host([all-rows-visible]){height:auto;align-self:flex-start;min-height:auto;flex-grow:0;width:100%}:host([all-rows-visible]) #scroller{width:100%;height:100%;position:relative}:host([all-rows-visible]) #items{min-height:1px}#table{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;position:relative;outline:none;z-index:0}#footer,#header{display:block;position:sticky;left:0;overflow:visible;width:100%;z-index:1}#header{top:0}th{text-align:inherit}[safari] th{text-align:initial}#footer{bottom:0}#items{flex-grow:1;flex-shrink:0;display:block;position:sticky;width:100%;left:0;overflow:visible}.row{display:flex;width:100%;box-sizing:border-box;margin:0;position:relative;vertical-align:initial;border-color:initial}.body-row[loading] .body-cell ::slotted(vaadin-grid-cell-content){visibility:hidden}[column-rendering=lazy] .body-cell:not([frozen]):not([frozen-to-end]){transform:translateX(var(--_grid-lazy-columns-start))}#items .body-row{position:absolute}#items .body-row:empty{height:100%}.cell:not(.details-cell){flex-shrink:0;flex-grow:1;box-sizing:border-box;display:flex;width:100%;position:relative;align-items:center;padding:0;white-space:nowrap}.cell{outline:none;min-height:var(--lumo-size-m);background-color:var(--vaadin-grid-cell-background,var(--lumo-base-color));vertical-align:initial;cursor:default;--_cell-padding:var(--vaadin-grid-cell-padding, var(--_cell-default-padding));--_cell-default-padding:var(--lumo-space-xs) var(--lumo-space-m)}.cell>[tabindex]{display:flex;align-items:inherit;outline:none;position:absolute;inset:0}#scroller[measuring-auto-width] .cell>[tabindex]{position:static}.details-cell{position:absolute;bottom:0;width:100%;box-sizing:border-box;padding:0}.cell ::slotted(vaadin-grid-cell-content){display:block;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:var(--vaadin-grid-cell-text-overflow,ellipsis);cursor:inherit;padding:var(--_cell-padding)}[hidden]{display:none!important}[frozen-to-end],[frozen]{z-index:2}#scroller:not([empty-state]) #emptystatebody,#scroller[empty-state] #items{display:none}#emptystatebody{position:sticky;inset:0;overflow:hidden}#emptystatebody,#emptystaterow{display:flex;flex:1}#emptystatecell{display:block;flex:1;overflow:auto}#scroller[no-content-pointer-events] .cell ::slotted(vaadin-grid-cell-content),:host([reordering]) .cell ::slotted(vaadin-grid-cell-content),:host([reordering]) .resize-handle{pointer-events:none}.reorder-ghost{visibility:hidden;position:fixed;pointer-events:none;top:0;left:0;opacity:.85;box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-s) var(--lumo-space-m)!important}:host([reordering]){-webkit-user-select:none;user-select:none}.last-column-cell .resize-handle:before,.last-frozen-cell .resize-handle:before{width:18px;transform:none;right:0}.frozen-to-end-cell .resize-handle,.frozen-to-end-cell .resize-handle:before{left:0;right:auto}.first-frozen-to-end-cell .resize-handle:before{width:18px;transform:none}.first-frozen-to-end-cell{margin-inline-start:auto;border-left:var(--_lumo-grid-border-width) solid transparent}:host(:not([overflow~=end])) .first-frozen-to-end-cell .resize-handle{display:none}#scroller[column-resizing],#scroller[range-selecting]{-webkit-user-select:none;user-select:none}#sizer{display:flex;position:absolute;visibility:hidden}#sizer .cell[hidden],#sizer .details-cell{display:none!important}#sizer .cell{display:block;flex-shrink:0;line-height:0;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;border:none!important}#sizer .cell:before{content:"-"}#sizer .cell ::slotted(vaadin-grid-cell-content){display:none!important}:host([dir=rtl]) #footer,:host([dir=rtl]) #header,:host([dir=rtl]) #items{left:auto}:host([dir=rtl]) .reorder-ghost{left:auto;right:0}:host([dir=rtl]) .resize-handle{left:0;right:auto}:host([dir=rtl]) .resize-handle:before{transform:translateX(50%)}:host([dir=rtl]) .last-column-cell .resize-handle:before,:host([dir=rtl]) .last-frozen-cell .resize-handle:before{left:0;right:auto}:host([dir=rtl]) .frozen-to-end-cell .resize-handle{right:0;left:auto}:host([dir=rtl]) .frozen-to-end-cell .resize-handle:before{right:0;left:auto}:host(:not([theme~=no-border])){border:var(--_lumo-grid-border-width) solid var(--_lumo-grid-border-color)}:host(:not([theme~=no-row-borders])) .cell:not(.details-cell){border-top:var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}:host(:not([theme~=no-row-borders])) .cell.first-row-cell:not(.details-cell){border-top:0;min-height:calc(var(--lumo-size-m) - var(--_lumo-grid-border-width))}.focused-cell:focus,.row:focus{outline:none}:host([navigating]) .focused-cell:focus:before,:host([navigating]) .row:focus:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([navigating]) .row:focus:before{transform:translateX(var(--_grid-horizontal-scroll-position));z-index:3}.empty-state{padding:var(--lumo-space-m);color:var(--lumo-secondary-text-color)}::slotted(vaadin-grid-cell-content[draggable-source]){-webkit-user-drag:element;-webkit-user-select:none;user-select:none}:host([dragover]):after{content:"";position:absolute;z-index:100;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}.body-row[dragover]{z-index:100!important}.body-row[dragover] .cell{overflow:visible}.body-row[dragover] .cell:after{content:"";position:absolute;inset:0;height:calc(2px + var(--_lumo-grid-border-width));pointer-events:none;background:var(--lumo-primary-color-50pct)}.body-row[dragover] .cell.last-frozen-cell:after{right:-1px}:host([theme~=no-row-borders]) [dragover] .cell:after{height:2px}.body-row[dragover=below] .cell:after{top:100%;bottom:auto;margin-top:-1px}:host([all-rows-visible]) .last-row[dragover=below] .cell:after{height:1px}.row[dragover=above] .cell:after{top:auto;bottom:100%;margin-bottom:-1px}.row[details-opened][dragover=above] .details-cell:after,.row[details-opened][dragover=below] .cell:not(.details-cell):after{display:none}.row[dragover][dragover=on-top] .cell:after{height:100%;opacity:.5}.row.dragstart-row .cell{border:none!important;box-shadow:none!important}.row.dragstart-row .dragstart-row-cell.last-column-cell{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0}.row.dragstart-row .dragstart-row-cell.first-column-cell{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s)}#scroller .row[dragstart]:not([dragstart=""]):after{display:block;position:absolute;left:var(--_grid-drag-start-x);top:var(--_grid-drag-start-y);z-index:100;content:attr(dragstart);align-items:center;justify-content:center;box-sizing:border-box;padding:calc(.8 * var(--lumo-space-xs));color:var(--lumo-error-contrast-color);background-color:var(--lumo-error-color);border-radius:var(--lumo-border-radius-m);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);line-height:1;font-weight:500;text-transform:none;letter-spacing:normal;min-width:calc(.7 * var(--lumo-size-s));text-align:center}.footer-cell,.header-cell,.reorder-ghost{font-size:var(--lumo-font-size-s);font-weight:500}.footer-cell{font-weight:400}.header-row:only-child .header-cell{min-height:var(--lumo-size-xl)}:host(:not([theme~=no-row-borders])) .header-cell.first-header-row-cell{border-top:0}.header-row[hidden]+.header-row .header-cell{border-top:0}.header-cell.last-header-row-cell{border-bottom:var(--_lumo-grid-border-width) solid transparent}:host(:not([theme~=no-row-borders])) .header-cell.last-header-row-cell{border-bottom-color:var(--_lumo-grid-secondary-border-color)}:host([overflow~=top]) .header-cell.last-header-row-cell{border-bottom-color:var(--_lumo-grid-border-color)}.footer-cell.first-footer-row-cell{border-top:var(--_lumo-grid-border-width) solid transparent}:host(:not([theme~=no-row-borders])) .footer-cell.first-footer-row-cell{border-top-color:var(--_lumo-grid-secondary-border-color)}:host([overflow~=bottom]) .footer-cell.first-footer-row-cell{border-top-color:var(--_lumo-grid-border-color)}:host([reordering]) .cell{background:linear-gradient(var(--lumo-shade-20pct),var(--lumo-shade-20pct)) var(--lumo-base-color)}:host([reordering]) .cell.reorder-allowed-cell{background:var(--lumo-base-color)}:host([reordering]) .cell.reorder-dragging-cell{background:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)) var(--lumo-base-color)}.resize-handle{--_resize-handle-width:3px;position:absolute;top:0;right:0;height:100%;cursor:col-resize;z-index:1;width:var(--_resize-handle-width);background-color:var(--lumo-primary-color-50pct);opacity:0;transition:opacity .2s}.resize-handle:before{position:absolute;content:"";height:100%;transform:translateX(calc(-50% + .5 * var(--_resize-handle-width)));width:var(--lumo-size-s)}.resize-handle:active,:host(:not([reordering])) :not([column-resizing]) .cell:hover .resize-handle{opacity:1;transition-delay:.15s}:host([theme~=column-borders]) .cell:not(.last-column-cell,.details-cell){border-right:var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}.last-frozen-cell{border-right:var(--_lumo-grid-border-width) solid transparent;overflow:hidden}:host([overflow~=start]) .cell.last-frozen-cell:not(.details-cell){border-right-color:var(--_lumo-grid-border-color)}:host([overflow~=end]) .cell.first-frozen-to-end-cell:not(.details-cell){border-left-color:var(--_lumo-grid-border-color)}:host([theme~=row-stripes]) .even-row .body-cell,:host([theme~=row-stripes]) .even-row .details-cell{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));background-repeat:repeat-x}:host(:not([reordering])) .row.selected-row{z-index:1}:host(:not([reordering])) .row.selected-row .selected-row-cell:not(.details-cell){background-image:linear-gradient(var(--_lumo-grid-selected-row-color),var(--_lumo-grid-selected-row-color));background-repeat:repeat}:host(:not([theme~=no-row-borders])) .row.selected-row .selected-row-cell:not(.details-cell){box-shadow:0 var(--_lumo-grid-border-width) 0 0 var(--_lumo-grid-selected-row-color)}:host([theme~=compact]) .header-row:only-child .header-cell{min-height:var(--lumo-size-m)}:host([theme~=compact]) .cell{min-height:var(--lumo-size-s);--_cell-default-padding:var(--lumo-space-xs) var(--lumo-space-s)}:host([theme~=compact]) .cell.first-row-cell:not(.details-cell){min-height:calc(var(--lumo-size-s) - var(--_lumo-grid-border-width))}:host([theme~=compact]) .empty-state{padding:var(--lumo-space-s)}:host([theme~=wrap-cell-content]) .cell ::slotted(vaadin-grid-cell-content){white-space:normal}:host([dir=rtl]) .row.dragstart-row .cell.last-column-cell{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s)}:host([dir=rtl]) .row.dragstart-row .cell.first-column-cell{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0}:host([dir=rtl][theme~=column-borders]) .cell:not(.last-column-cell,.details-cell){border-right:none;border-left:var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}:host([dir=rtl]) .last-frozen-cell{border-right:none;border-left:var(--_lumo-grid-border-width) solid transparent}:host([dir=rtl]) .first-frozen-to-end-cell{border-left:none;border-right:var(--_lumo-grid-border-width) solid transparent}:host([dir=rtl][overflow~=start]) .cell.last-frozen-cell:not(.details-cell){border-left-color:var(--_lumo-grid-border-color)}:host([dir=rtl][overflow~=end]) .cell.first-frozen-to-end-cell:not(.details-cell){border-right-color:var(--_lumo-grid-border-color)}@media (forced-colors:active){.selected-row .first-column-cell:after{content:"";position:absolute;top:0;left:0;bottom:0;border:2px solid}.focused-cell:before{outline:2px solid!important;outline-offset:-1px}}}:where(:host),:where(:root){--vaadin-form-layout-label-spacing:1em;--vaadin-form-layout-label-width:8em;--vaadin-form-layout-column-spacing:var(
31
+ )}:host([dir=rtl][has-label]) ::slotted(label){padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s)}:host([has-label][required]) ::slotted(label){padding-inline-end:var(--lumo-space-m)}[part=checkbox]{--_input-size:var(--_checkbox-size);border-radius:var(--vaadin-checkbox-border-radius,var(--lumo-border-radius-s));background:var(--vaadin-checkbox-background,var(--lumo-contrast-20pct));--_input-border-color:var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct))}:host([checked]),:host([indeterminate]){--vaadin-input-field-border-color:transparent}:host([checked]) [part=checkbox],:host([indeterminate]) [part=checkbox]{background-color:var(--_selection-color)}[part=checkbox]:after{pointer-events:none;font-family:lumo-icons;content:var(--vaadin-checkbox-checkmark-char,var(--lumo-icons-checkmark));color:var(--vaadin-checkbox-checkmark-color,var(--lumo-primary-contrast-color));font-size:var(--vaadin-checkbox-checkmark-size,calc(2px + var(--_checkbox-size)));line-height:1;position:absolute;top:-1px;left:-1px;contain:content;opacity:0}:host([checked]) [part=checkbox]:after{opacity:1}:host([readonly]:not([checked]):not([indeterminate])){color:var(--lumo-secondary-text-color)}:host([readonly]:not([checked]):not([indeterminate])) [part=checkbox]{background:transparent;box-shadow:none}:host([readonly]:not([checked]):not([indeterminate])) [part=checkbox]:after{content:"";box-sizing:border-box;width:100%;height:100%;border-radius:inherit;top:0;left:0;opacity:1;border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-50pct))}:host([indeterminate]) [part=checkbox]:after{content:var(--vaadin-checkbox-checkmark-char-indeterminate,"");opacity:1;top:45%;height:10%;left:22%;right:22%;width:auto;border:0;background-color:var(--lumo-primary-contrast-color)}:host([focus-ring]) [part=checkbox]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) var(--_focus-ring-color),inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color)}:host([focus-ring][readonly]:not([checked]):not([indeterminate])) [part=checkbox]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) var(--_focus-ring-color)}:host([disabled]){pointer-events:none;--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) ::slotted(label){color:inherit}:host([disabled]) [part=checkbox]{background-color:var(--vaadin-checkbox-disabled-background,var(--lumo-contrast-10pct))}:host([disabled]) [part=checkbox]:after{color:var(--_disabled-checkmark-color)}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([indeterminate][disabled]) [part=checkbox]:after{background-color:var(--_disabled-checkmark-color)}:host([readonly][checked]:not([disabled])) [part=checkbox],:host([readonly][indeterminate]:not([disabled])) [part=checkbox]{background-color:var(--vaadin-checkbox-readonly-checked-background,var(--lumo-contrast-70pct))}:host(:not([checked]):not([indeterminate]):not([disabled]):not([readonly]):not([invalid]):hover) [part=checkbox]{background:var(--vaadin-checkbox-background-hover,var(--lumo-contrast-30pct))}@media (pointer:coarse){:host(:not([checked]):not([indeterminate]):not([disabled]):not([readonly]):not([invalid]):hover) [part=checkbox]{background:var(--vaadin-checkbox-background,var(--lumo-contrast-20pct))}}:host([active]) [part=checkbox]{transform:scale(.9);transition-duration:.05s}:host([active][checked]) [part=checkbox]{transform:scale(1.1)}:host([active]:not([checked])) [part=checkbox]:before{transition-duration:.01s,.01s;transform:scale(0);opacity:.4}:host([required]) [part=required-indicator]{position:absolute;top:var(--lumo-space-xs);right:var(--lumo-space-xs)}:host([required][dir=rtl]) [part=required-indicator]{right:auto;left:var(--lumo-space-xs)}:host([required]) [part=required-indicator]:after{position:static}:host(:not([has-label])) [part=required-indicator]{display:none}:host([invalid]){--vaadin-input-field-border-color:var(--lumo-error-color)}:host([invalid]) [part=checkbox]{background-color:var(--_invalid-background);background-image:linear-gradient(var(--_invalid-background) 0,var(--_invalid-background) 100%)}:host([invalid]:hover) [part=checkbox]{background-image:linear-gradient(var(--_invalid-background) 0,var(--_invalid-background) 100%),linear-gradient(var(--_invalid-background) 0,var(--_invalid-background) 100%)}:host([invalid][focus-ring]){--_focus-ring-color:var(--lumo-error-color-50pct)}[part=error-message]{margin:0;padding-inline-start:var(--lumo-space-xs)}[part=error-message],[part=helper-text]{grid-column:2}:host(:not([has-error-message])) [part=error-message],:host(:not([has-helper])) [part=helper-text]{display:none}:host([has-error-message]) [part=error-message]:before{display:none}:host([has-helper]) [part=helper-text]:after{content:"";display:block;height:.4em}[part=helper-text]{padding-inline-start:var(--lumo-space-xs)}:host([has-helper]) [part=helper-text]:before{display:none}:host([has-error-message]) ::slotted(label),:host([has-helper]) ::slotted(label){padding-bottom:0}@media (forced-colors:active){[part=checkbox]{outline:1px solid;outline-offset:-1px}:host([disabled]) [part=checkbox],:host([disabled]) [part=checkbox]:after{outline-color:GrayText}:host(:is([checked],[indeterminate])) [part=checkbox]:after{outline:1px solid;outline-offset:-1px;border-radius:inherit}:host([focused]) [part=checkbox],:host([focused]) [part=checkbox]:after{outline-width:2px}}}:host,:root{--_lumo-vaadin-checkbox-inject:1;--_lumo-vaadin-checkbox-inject-modules:lumo_mixins_field-helper, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_checkable-field, lumo_components_checkbox}:host,:root{--_lumo-vaadin-checkbox-group-inject:1;--_lumo-vaadin-checkbox-group-inject-modules:lumo_mixins_group-field, lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_components_checkbox-group}@media lumo_mixins_combo-box-loader{[part=loader]{position:absolute;z-index:1;inset-inline:var(--lumo-space-s);top:var(--lumo-space-s);margin-inline:auto 0}}@media lumo_mixins_combo-box-overlay{[part=content]{display:flex;flex-direction:column;height:100%;padding:0}:host(:not([closing])) [part=content]{min-height:calc(2 * var(--lumo-space-s) + var(--lumo-icon-size-s))}[part=overlay]{position:relative}:host([top-aligned]) [part=overlay]{margin-top:var(--lumo-space-xs)}:host([bottom-aligned]) [part=overlay]{margin-bottom:var(--lumo-space-xs)}}@media lumo_mixins_field-base{:host{display:inline-flex;outline:none;--lumo-text-field-size:var(--lumo-size-m);color:var(--vaadin-input-field-value-color,var(--lumo-body-text-color));font-size:var(--vaadin-input-field-value-font-size,var(--lumo-font-size-m));font-family:var(--lumo-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:var(--_lumo-field-outer-padding,var(--lumo-space-xs)) 0;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_input-height:var(--vaadin-input-field-height, var(--lumo-text-field-size));--_disabled-value-color:var(--vaadin-input-field-disabled-value-color, var(--lumo-disabled-text-color))}:host:before{content:"\2003";width:0;height:var(--_input-height);box-sizing:border-box;display:inline-flex;align-items:center}[class$=container]{display:flex;flex-direction:column;min-width:100%;max-width:100%;width:var(--vaadin-field-default-width,12em)}:host([hidden]){display:none!important}:host([focused]) [part=input-field] ::slotted(:is(input,textarea)){mask-image:none}::slotted(:is(input,textarea):placeholder-shown){color:var(--vaadin-input-field-placeholder-color,var(--lumo-secondary-text-color))}:host(:hover:not([readonly]):not([focused]):not([disabled])) [part=input-field]:after{opacity:var(--vaadin-input-field-hover-highlight-opacity,.1)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused]):not([disabled])) [part=input-field]:after{opacity:0}:host(:active:not([readonly]):not([focused]):not([disabled])) [part=input-field]:after{opacity:.2}}:host([focused]:not([focus-ring]):not([readonly])) [part=input-field]:after{transform:scaleX(0);transition-duration:.15s,1s}:host([focused]) [part=input-field]{--_pointer-focus-visible:clamp(0, var(--lumo-input-field-pointer-focus-visible, 0), 1);--_conditional-border-width:calc((1 - var(--_pointer-focus-visible)) * var(--_input-border-width));--_conditional-focus-ring-width:calc(var(--_pointer-focus-visible) * var(--_focus-ring-width));box-shadow:inset 0 0 0 var(--_conditional-border-width) var(--_input-border-color),0 0 0 var(--_conditional-focus-ring-width) var(--_focus-ring-color)}:host([focus-ring]) [part=input-field]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host(:is([readonly],[disabled])) ::slotted(:is(input,textarea):placeholder-shown){opacity:0}:host([readonly]){--vaadin-input-field-border-color:transparent}:host([disabled]){pointer-events:none;--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) [part=input-field] ::slotted([slot$=fix]),:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([disabled]) [part=input-field] ::slotted(:not([slot$=fix])){color:var(--_disabled-value-color);-webkit-text-fill-color:var(--_disabled-value-color)}:host([invalid]){--vaadin-input-field-border-color:var(--lumo-error-color);--_focus-ring-color:var(--lumo-error-color-50pct)}:host([input-prevented]) [part=input-field]{animation:shake .15s infinite}@keyframes shake{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-text-field-size:var(--lumo-size-s)}:host([theme~=small]) [part=label]{font-size:var(--lumo-font-size-xs)}:host([theme~=small]) [part=error-message]{font-size:var(--lumo-font-size-xxs)}[part=input-field] ::slotted(:not(vaadin-icon):not(input):not(textarea)){color:var(--lumo-secondary-text-color);font-weight:400}[part~=clear-button]:before{content:var(--lumo-icons-cross)}@media (forced-colors:active){:host(:not([readonly])) [part=input-field]{outline:1px solid;outline-offset:-1px}:host([focused]) [part=input-field]{outline-width:2px}:host([disabled]) [part=input-field]{outline-color:GrayText}}}@media lumo_mixins_field-button{[part$=button]{flex:none;width:1em;height:1em;line-height:1;font-size:var(--lumo-icon-size-m);text-align:center;color:var(--lumo-contrast-60pct);transition:color .2s;cursor:var(--lumo-clickable-cursor)}[part$=button]:hover{color:var(--lumo-contrast-90pct)}:host([disabled]) [part$=button],:host([readonly]) [part$=button]{color:var(--lumo-contrast-20pct);cursor:default}[part$=button]:before{font-family:lumo-icons;display:block}[part~=clear-button]{display:none;cursor:default}[part~=clear-button]:before{content:"\2715"}:host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part~=clear-button]{display:block}}@media lumo_mixins_loader{[part=loader]{display:none;box-sizing:border-box;width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s);border:2px solid transparent;border-color:var(--lumo-primary-color-10pct) var(--lumo-primary-color-10pct) var(--lumo-primary-color) var(--lumo-primary-color);border-radius:calc(.5 * var(--lumo-icon-size-s));opacity:0;pointer-events:none;animation:lumo-loader-rotate 1s linear infinite,lumo-loader-fade-in .3s .1s both;mask-image:none}:host([loading]) [part=loader]{display:block}@keyframes lumo-loader-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumo-loader-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}@media lumo_components_combo-box-item{:host{transition:background-color .1s;overflow:hidden;--_lumo-item-selected-icon-display:block;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host([focused]:not([disabled])){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}}@media lumo_components_combo-box-overlay{:host{--_vaadin-combo-box-items-container-border-width:var(--lumo-space-xs);--_vaadin-combo-box-items-container-border-style:solid}#overlay{width:var(--vaadin-combo-box-overlay-width,var(--_vaadin-combo-box-overlay-default-width,auto))}}@media lumo_components_combo-box{:host([opened]){pointer-events:auto}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}}@media lumo_components_input-container{:host{display:flex;align-items:center;flex:0 1 auto;--_border-radius:var(--vaadin-input-field-border-radius, 0);--_input-border-width:var(--vaadin-input-field-border-width, 0px);box-shadow:inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color);background:var(--_background);padding:0 calc(.375em - 1px + .25 * var(--_input-container-radius));font-weight:var(--vaadin-input-field-value-font-weight,500);line-height:1;position:relative;cursor:text;box-sizing:border-box;border-radius:var(--vaadin-input-field-top-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-top-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-start-radius,var(--_input-container-radius));--_input-container-radius:var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));--_background:var(--vaadin-input-field-background, var(--lumo-contrast-10pct));--_hover-highlight:var(--vaadin-input-field-hover-highlight, var(--lumo-contrast-50pct));--_input-border-color:var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));--_icon-color:var(--vaadin-input-field-icon-color, var(--lumo-contrast-60pct));--_icon-size:var(--vaadin-input-field-icon-size, var(--lumo-icon-size-m));--_invalid-background:var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct));--_invalid-hover-highlight:var(--vaadin-input-field-invalid-hover-highlight, var(--lumo-error-color-50pct));--_disabled-background:var(--vaadin-input-field-disabled-background, var(--lumo-contrast-5pct));--_disabled-value-color:var(--vaadin-input-field-disabled-value-color, var(--lumo-disabled-text-color))}:host([dir=rtl]){border-radius:var(--vaadin-input-field-top-end-radius,var(--_input-container-radius)) var(--vaadin-input-field-top-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-start-radius,var(--_input-container-radius)) var(--vaadin-input-field-bottom-end-radius,var(--_input-container-radius))}:host:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--_hover-highlight);opacity:0;transition:transform .15s,opacity .2s;transform-origin:100% 0}:host([hidden]){display:none!important}::slotted(input){appearance:none;flex:auto;white-space:nowrap;overflow:hidden;width:100%;height:100%;outline:none;margin:0;padding:0;border:0;border-radius:0;min-width:0;font:inherit;line-height:normal;color:inherit;background-color:transparent;box-shadow:none}::slotted(*){flex:none}::slotted(:is(input,textarea))::placeholder{font:inherit;color:inherit;opacity:1}::slotted(:not([slot$=fix])){cursor:inherit;min-height:var(--vaadin-input-field-height,var(--_input-height,var(--lumo-size-m)));padding:0 .25em;--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em);mask-image:var(--_lumo-text-field-overflow-mask-image)}:host([readonly]){color:var(--lumo-secondary-text-color);background-color:transparent;cursor:default}:host([readonly]):after{background-color:transparent;opacity:1;border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}:host([disabled]){background:var(--_disabled-background)}:host([disabled]) ::slotted(:not([slot$=fix])){-webkit-text-fill-color:var(--_disabled-value-color);color:var(--_disabled-value-color)}:host([invalid]){--vaadin-input-field-background:var(--_invalid-background)}:host([invalid]:not([readonly])):after{background:var(--_invalid-hover-highlight)}::slotted(vaadin-icon){color:var(--_icon-color);width:var(--_icon-size);height:var(--_icon-size)}::slotted(vaadin-icon[icon^="vaadin:"]){padding:.25em;box-sizing:border-box!important}:host([dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(90deg, transparent, #000 1.25em)}@-moz-document url-prefix(){:host([dir=rtl]) ::slotted(:not([slot$=fix])){mask-image:var(--_lumo-text-field-overflow-mask-image)}}:host([theme~=align-left]) ::slotted(:not([slot$=fix])){text-align:start;--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-center]) ::slotted(:not([slot$=fix])){text-align:center;--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-right]) ::slotted(:not([slot$=fix])){text-align:end;--_lumo-text-field-overflow-mask-image:none}@-moz-document url-prefix(){:host([theme~=align-right]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(90deg, transparent 0.25em, #000 1.5em)}}@-moz-document url-prefix(){:host([theme~=align-left]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent 0.25em, #000 1.5em)}}:host([dir=rtl]):after{transform-origin:0 0}:host([theme~=align-left][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-center][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:none}:host([theme~=align-right][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:none}@-moz-document url-prefix(){:host([theme~=align-right][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(90deg, transparent 0.25em, #000 1.5em)}}@-moz-document url-prefix(){:host([theme~=align-left][dir=rtl]) ::slotted(:not([slot$=fix])){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent 0.25em, #000 1.5em)}}}:host,:root{--_lumo-vaadin-input-container-inject:1;--_lumo-vaadin-input-container-inject-modules:lumo_components_input-container}:host,:root{--_lumo-vaadin-combo-box-inject:1;--_lumo-vaadin-combo-box-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_combo-box;--_lumo-vaadin-combo-box-item-inject:1;--_lumo-vaadin-combo-box-item-inject-modules:lumo_components_item, lumo_components_combo-box-item;--_lumo-vaadin-combo-box-overlay-inject:1;--_lumo-vaadin-combo-box-overlay-inject-modules:lumo_mixins_loader, lumo_mixins_combo-box-loader, lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_combo-box-overlay, lumo_components_combo-box-overlay}@media lumo_components_confirm-dialog-overlay{[part=header]{pointer-events:auto;margin-inline-start:calc(var(--lumo-space-l) - var(--lumo-space-m));font-weight:600;line-height:var(--lumo-line-height-xs);font-size:var(--lumo-font-size-xl);color:var(--lumo-header-text-color)}::slotted([slot=header]){display:contents!important;font:inherit!important;color:inherit!important}[part=footer]>*{pointer-events:all}[part=message]{width:25em;min-width:100%;max-width:100%}::slotted([slot$=button][theme~=tertiary]){padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s)}[part=cancel-button]{flex-grow:1}@media (max-width:360px){[part=footer]{flex-direction:column-reverse;align-items:stretch;padding:var(--lumo-space-s) var(--lumo-space-l);gap:var(--lumo-space-s)}::slotted([slot$=button]){width:100%;margin:0}}}@media lumo_components_dialog-overlay{[part=footer],[part=header-content],[part=header]{display:flex;align-items:center;flex-wrap:wrap;flex:none;pointer-events:none;z-index:1;gap:var(--lumo-space-xs) var(--lumo-space-s);line-height:var(--lumo-line-height-s)}[part=header]{flex-wrap:nowrap;padding:var(--lumo-space-m);background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0}[part=footer]{padding:var(--lumo-space-s) var(--lumo-space-m);background-color:var(--lumo-contrast-5pct);border-radius:0 0 var(--lumo-border-radius-l) var(--lumo-border-radius-l)}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;color:var(--lumo-header-text-color);margin-inline-start:calc(var(--lumo-space-l) - var(--lumo-space-m))}::slotted([slot=footer]),::slotted([slot=header-content]),::slotted([slot=title]){pointer-events:auto}::slotted([slot=title]),::slotted(div[slot=footer]),::slotted(div[slot=header-content]),::slotted(vaadin-dialog-content[slot]){display:contents}::slotted([slot=title]){font:inherit!important;overflow-wrap:anywhere}[part=header-content]{flex:1}:host([has-title]) [part=header-content],[part=footer]{justify-content:flex-end}:host(:not([has-footer])) [part=footer],:host(:not([has-header])) [part=header-content],:host(:not([has-title])) [part=title],:host(:not([has-title]):not([has-header])) [part=header]{display:none!important}:host(:is([has-title],[has-header],[has-footer])) [part=content]{height:auto}[part=content]{min-width:12em;padding:var(--lumo-space-l);flex:1;min-height:0;overflow:auto}:host([overflow~=top]) [part=header]{box-shadow:0 1px 0 0 var(--lumo-contrast-10pct)}:host([has-bounds-set]:not([keep-in-viewport])) [part=overlay]{max-width:none}:host:after,:host:before{content:"";flex-basis:0;flex-grow:1}:host:after{flex-grow:1.1}[part=overlay]{border-radius:var(--lumo-border-radius-l);box-shadow:0 0 0 1px var(--lumo-shade-5pct),var(--lumo-box-shadow-xl);background-image:none;outline:none;-webkit-tap-highlight-color:transparent;width:max-content}:host(:is([has-header],[has-title])) [part=header]+[part=content]{padding-top:0}:host([theme~=no-padding]) [part=content]{padding:0!important}:host([closing]),:host([opening]){animation:lumo-overlay-dummy-animation .25s}:host([opening]) [part=overlay]{animation:vaadin-dialog-enter .12s cubic-bezier(.215,.61,.355,1) .05s both}@keyframes vaadin-dialog-enter{0%{opacity:0;transform:scale(.95)}}:host([closing]) [part=overlay]{animation:vaadin-dialog-exit .1s cubic-bezier(.55,.055,.675,.19) .03s both}:host([closing]) [part=backdrop]{animation-delay:.05s}@keyframes vaadin-dialog-exit{to{opacity:0;transform:scale(1.02)}}@media (forced-colors:active){[part=overlay]{outline:3px solid!important}}}:host,:root{--_lumo-vaadin-confirm-dialog-overlay-inject:1;--_lumo-vaadin-confirm-dialog-overlay-inject-modules:lumo_mixins_overlay, lumo_components_dialog-overlay, lumo_components_confirm-dialog-overlay}@media lumo_mixins_menu-overlay-ext{@media (max-height:450px),(max-width:450px){:host{inset:0 0 var(--vaadin-overlay-viewport-bottom,0) 0!important;align-items:stretch!important;justify-content:flex-end!important}[part=overlay]{max-height:50vh;width:100vw;border-radius:0;box-shadow:var(--lumo-box-shadow-xl)}[part=content]{padding:30px var(--lumo-space-m);max-height:inherit;box-sizing:border-box;overflow:auto;mask-image:linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent)}[part=backdrop]{display:block}:host([opening]) [part=overlay]{animation:lumo-mobile-menu-overlay-enter .2s cubic-bezier(.215,.61,.355,1) both}:host([closing]),:host([closing]) [part=backdrop]{animation-delay:.14s}:host([closing]) [part=overlay]{animation:lumo-mobile-menu-overlay-exit .14s cubic-bezier(.55,.055,.675,.19) .14s both}}@keyframes lumo-mobile-menu-overlay-enter{0%{transform:translateY(150%)}}@keyframes lumo-mobile-menu-overlay-exit{to{transform:translateY(150%)}}}@media lumo_components_context-menu-item{:host(:hover){user-select:none;-webkit-user-select:none}:host([role=menuitem][menu-item-checked]) [part=checkmark]:before{opacity:1}:host([aria-haspopup=true]):after{font-family:lumo-icons;content:var(--lumo-icons-angle-right);color:var(--lumo-tertiary-text-color)}:host(:not([dir=rtl])[aria-haspopup=true]):after{margin-right:calc(-1 * var(--lumo-space-m));padding-left:var(--lumo-space-m)}:host([expanded]){background-color:var(--lumo-primary-color-10pct)}:host([dir=rtl][aria-haspopup=true]):after{content:var(--lumo-icons-angle-left);margin-left:calc(-1 * var(--lumo-space-m));padding-right:var(--lumo-space-m)}}@media lumo_components_context-menu-list-box{:host{--_lumo-list-box-item-selected-icon-display:block}[part=items] ::slotted([role=menuitem]){-webkit-tap-highlight-color:var(--lumo-primary-color-10pct);outline:none;border-radius:var(--lumo-border-radius-m);padding-left:calc(.25 * var(--lumo-border-radius-m));padding-right:calc(var(--lumo-space-l) + .25 * var(--lumo-border-radius-m))}[part=items] ::slotted([role=menuitem]:hover),[part=items] ::slotted([role=menuitem][expanded]){background-color:var(--lumo-primary-color-10pct)}:host([dir=rtl]) [part=items] ::slotted([role=menuitem]){padding-left:calc(var(--lumo-space-l) + .25 * var(--lumo-border-radius-m));padding-right:calc(.25 * var(--lumo-border-radius-m))}@media (pointer:coarse){[part=items] ::slotted([role=menuitem]:hover:not([expanded])){background-color:transparent}}}@media lumo_components_context-menu-overlay{:host{align-items:flex-start;justify-content:flex-start;--_default-offset:var(--lumo-space-xs);--_lumo-list-box-item-selected-icon-display:none;--_lumo-list-box-item-padding-left:calc(var(--lumo-space-m) + .25 * var(--lumo-border-radius-m))}[part=overlay]{border:none;outline:none}:host([phone]){inset:0 0 var(--vaadin-overlay-viewport-bottom,0) 0!important;align-items:stretch;justify-content:flex-end}}:host,:root{--_lumo-vaadin-context-menu-overlay-inject:1;--_lumo-vaadin-context-menu-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_context-menu-overlay;--_lumo-vaadin-context-menu-list-box-inject:1;--_lumo-vaadin-context-menu-list-box-inject-modules:lumo_components_list-box, lumo_components_context-menu-list-box;--_lumo-vaadin-context-menu-item-inject:1;--_lumo-vaadin-context-menu-item-inject-modules:lumo_components_item, lumo_components_context-menu-item}@media lumo_components_crud-dialog-overlay{[part=overlay]{max-width:54em;min-width:20em;display:flex}.resizer-container{display:flex;flex-direction:column;flex-grow:1}[part=footer]{justify-content:flex-start;flex-direction:row-reverse}[part=footer] ::slotted(:not([disabled])){pointer-events:all}:host([fullscreen]){inset:0;padding:0}:host([fullscreen]) [part=overlay]{height:100vh;width:100vw;border-radius:0!important}:host([fullscreen]) [part=content]{flex:1}[part=header] ::slotted(h3){margin-top:0!important;margin-bottom:0!important;margin-inline-start:var(--lumo-space-s)}:host(:not([dir=rtl])) ::slotted([slot=delete-button]){margin-right:auto}:host([dir=rtl]) ::slotted([slot=delete-button]){margin-left:auto}}@media lumo_components_crud-edit{:host{display:block;min-width:auto;margin:0;font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);line-height:1;position:relative;width:var(--lumo-size-s);height:var(--lumo-size-s);outline:none}[part=icon]:before{content:var(--lumo-icons-edit);width:var(--lumo-size-m);height:var(--lumo-size-m);line-height:var(--lumo-size-m);text-align:center;position:absolute;top:calc(-.5 * (var(--lumo-size-m) - var(--lumo-size-s)));left:calc(-.5 * (var(--lumo-size-m) - var(--lumo-size-s)))}}@media lumo_components_crud{:host{--vaadin-crud-editor-max-height:40%;--vaadin-crud-editor-max-width:40%;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);width:100%;height:400px;font-family:var(--lumo-font-family)}#main,:host{display:flex;flex-direction:column;align-self:stretch;position:relative;overflow:hidden}#main{flex:1 1 100%;height:100%}:host([hidden]),[hidden]{display:none!important}[part=toolbar]{display:flex;flex-shrink:0;align-items:baseline;justify-content:flex-end;padding:var(--lumo-space-s) var(--lumo-space-m);background-color:var(--lumo-contrast-5pct);border-right:1px solid var(--lumo-contrast-10pct);border-left:1px solid var(--lumo-contrast-10pct);border-bottom:1px solid var(--lumo-contrast-10pct)}:host([no-toolbar]) [part=toolbar]{display:none}#container{display:flex;height:100%}:host([editor-position=bottom]) #container{flex-direction:column}[part=editor]{z-index:1;display:flex;flex-direction:column;height:100%;outline:none;background:var(--lumo-base-color);box-sizing:border-box;position:relative}:host(:not([editor-position=""])[editor-opened]:not([fullscreen])) [part=editor]{flex:1 0 100%}:host([editor-position=bottom][editor-opened]:not([fullscreen])) [part=editor]{max-height:var(--vaadin-crud-editor-max-height)}:host([editor-position=aside][editor-opened]:not([fullscreen])) [part=editor]{min-width:300px;max-width:var(--vaadin-crud-editor-max-width)}[part=scroller]{display:flex;flex-direction:column;overflow:auto;flex:auto;padding:var(--lumo-space-l)}[part=footer]{display:flex;flex:none;flex-direction:row-reverse;background-color:var(--lumo-contrast-5pct);padding:var(--lumo-space-s)}[part=header] ::slotted(h3){margin-top:0!important}:host(:not([dir=rtl])) ::slotted([slot=delete-button]){margin-right:auto}:host([dir=rtl]) ::slotted([slot=delete-button]){margin-left:auto}:host(:not([dir=rtl])) [part=toolbar] ::slotted(:not(:first-child)){margin-left:var(--lumo-space-s)}:host([dir=rtl]) [part=toolbar] ::slotted(:not(:first-child)){margin-right:var(--lumo-space-s)}:host([theme~=no-border]) [part=toolbar]{border:0}[part=footer] ::slotted(*){margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s)}[part=editor]:focus:before{position:absolute;inset:0;content:"";box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);pointer-events:none}:host(:not([editor-position=""])) [part=editor]:not([hidden]){box-shadow:var(--lumo-box-shadow-m)}:host(:not([theme~=no-border]):not([editor-position=""])) [part=editor]:not([hidden]){border:1px solid var(--lumo-contrast-20pct)}:host(:not([theme~=no-border])[editor-position=bottom]) [part=editor]:not([hidden]){border-top:0}:host(:not([dir=rtl])[editor-position=aside]) [part=editor]:not([hidden]){border-left:0}:host([dir=rtl]:not([theme~=no-border])[editor-position=aside]) [part=editor]:not([hidden]){border-right:0}}@media lumo_components_grid{:host{display:flex;flex-direction:column;height:400px;min-height:var(--_grid-min-height,0);flex:1 1 auto;align-self:stretch;position:relative;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-s);color:var(--lumo-body-text-color);background-color:var(--lumo-base-color);box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_lumo-grid-border-color:var(--lumo-contrast-20pct);--_lumo-grid-secondary-border-color:var(--lumo-contrast-10pct);--_lumo-grid-border-width:1px;--_lumo-grid-selected-row-color:var(--lumo-primary-color-10pct)}:host([hidden]){display:none!important}:host([disabled]){pointer-events:none;opacity:.7}#scroller{display:flex;flex-direction:column;min-height:100%;transform:translateY(0);width:auto;height:auto;position:absolute;inset:0}:host([all-rows-visible]){height:auto;align-self:flex-start;min-height:auto;flex-grow:0;width:100%}:host([all-rows-visible]) #scroller{width:100%;height:100%;position:relative}:host([all-rows-visible]) #items{min-height:1px}#table{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;position:relative;outline:none;z-index:0}#footer,#header{display:block;position:sticky;left:0;overflow:visible;width:100%;z-index:1}#header{top:0}th{text-align:inherit}[safari] th{text-align:initial}#footer{bottom:0}#items{flex-grow:1;flex-shrink:0;display:block;position:sticky;width:100%;left:0;overflow:visible}.row{display:flex;width:100%;box-sizing:border-box;margin:0;position:relative;vertical-align:initial;border-color:initial}.body-row[loading] .body-cell ::slotted(vaadin-grid-cell-content){visibility:hidden}[column-rendering=lazy] .body-cell:not([frozen]):not([frozen-to-end]){transform:translateX(var(--_grid-lazy-columns-start))}#items .body-row{position:absolute}#items .body-row:empty{height:100%}.cell:not(.details-cell){flex-shrink:0;flex-grow:1;box-sizing:border-box;display:flex;width:100%;position:relative;align-items:center;padding:0;white-space:nowrap}.cell{outline:none;min-height:var(--lumo-size-m);background-color:var(--vaadin-grid-cell-background,var(--lumo-base-color));vertical-align:initial;cursor:default;--_cell-padding:var(--vaadin-grid-cell-padding, var(--_cell-default-padding));--_cell-default-padding:var(--lumo-space-xs) var(--lumo-space-m)}.cell>[tabindex]{display:flex;align-items:inherit;outline:none;position:absolute;inset:0}#scroller[measuring-auto-width] .cell>[tabindex]{position:static}.details-cell{position:absolute;bottom:0;width:100%;box-sizing:border-box;padding:0}.cell ::slotted(vaadin-grid-cell-content){display:block;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:var(--vaadin-grid-cell-text-overflow,ellipsis);cursor:inherit;padding:var(--_cell-padding)}[hidden]{display:none!important}[frozen-to-end],[frozen]{z-index:2}#scroller:not([empty-state]) #emptystatebody,#scroller[empty-state] #items{display:none}#emptystatebody{position:sticky;inset:0;overflow:hidden}#emptystatebody,#emptystaterow{display:flex;flex:1}#emptystatecell{display:block;flex:1;overflow:auto}#scroller[no-content-pointer-events] .cell ::slotted(vaadin-grid-cell-content),:host([reordering]) .cell ::slotted(vaadin-grid-cell-content),:host([reordering]) .resize-handle{pointer-events:none}.reorder-ghost{visibility:hidden;position:fixed;pointer-events:none;top:0;left:0;opacity:.85;box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-s) var(--lumo-space-m)!important}:host([reordering]){-webkit-user-select:none;user-select:none}.last-column-cell .resize-handle:before,.last-frozen-cell .resize-handle:before{width:18px;transform:none;right:0}.frozen-to-end-cell .resize-handle,.frozen-to-end-cell .resize-handle:before{left:0;right:auto}.first-frozen-to-end-cell .resize-handle:before{width:18px;transform:none}.first-frozen-to-end-cell{margin-inline-start:auto;border-left:var(--_lumo-grid-border-width) solid transparent}:host(:not([overflow~=end])) .first-frozen-to-end-cell .resize-handle{display:none}#scroller[column-resizing],#scroller[range-selecting]{-webkit-user-select:none;user-select:none}#sizer{display:flex;position:absolute;visibility:hidden}#sizer .cell[hidden],#sizer .details-cell{display:none!important}#sizer .cell{display:block;flex-shrink:0;line-height:0;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;border:none!important}#sizer .cell:before{content:"-"}#sizer .cell ::slotted(vaadin-grid-cell-content){display:none!important}:host([dir=rtl]) #footer,:host([dir=rtl]) #header,:host([dir=rtl]) #items{left:auto}:host([dir=rtl]) .reorder-ghost{left:auto;right:0}:host([dir=rtl]) .resize-handle{left:0;right:auto}:host([dir=rtl]) .resize-handle:before{transform:translateX(50%)}:host([dir=rtl]) .last-column-cell .resize-handle:before,:host([dir=rtl]) .last-frozen-cell .resize-handle:before{left:0;right:auto}:host([dir=rtl]) .frozen-to-end-cell .resize-handle{right:0;left:auto}:host([dir=rtl]) .frozen-to-end-cell .resize-handle:before{right:0;left:auto}:host(:not([theme~=no-border])){border:var(--_lumo-grid-border-width) solid var(--_lumo-grid-border-color)}:host(:not([theme~=no-row-borders])) .cell:not(.details-cell){border-top:var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}:host(:not([theme~=no-row-borders])) .cell.first-row-cell:not(.details-cell){border-top:0;min-height:calc(var(--lumo-size-m) - var(--_lumo-grid-border-width))}.focused-cell:focus,.row:focus{outline:none}:host([navigating]) .focused-cell:focus:before,:host([navigating]) .row:focus:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([navigating]) .row:focus:before{transform:translateX(var(--_grid-horizontal-scroll-position));z-index:3}.empty-state{padding:var(--lumo-space-m);color:var(--lumo-secondary-text-color)}::slotted(vaadin-grid-cell-content[draggable-source]){-webkit-user-drag:element;-webkit-user-select:none;user-select:none}:host([dragover]):after{content:"";position:absolute;z-index:100;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}.body-row[dragover]{z-index:100!important}.body-row[dragover] .cell{overflow:visible}.body-row[dragover] .cell:after{content:"";position:absolute;inset:0;height:calc(2px + var(--_lumo-grid-border-width));pointer-events:none;background:var(--lumo-primary-color-50pct)}.body-row[dragover] .cell.last-frozen-cell:after{right:-1px}:host([theme~=no-row-borders]) [dragover] .cell:after{height:2px}.body-row[dragover=below] .cell:after{top:100%;bottom:auto;margin-top:-1px}:host([all-rows-visible]) .last-row[dragover=below] .cell:after{height:1px}.row[dragover=above] .cell:after{top:auto;bottom:100%;margin-bottom:-1px}.row[details-opened][dragover=above] .details-cell:after,.row[details-opened][dragover=below] .cell:not(.details-cell):after{display:none}.row[dragover][dragover=on-top] .cell:after{height:100%;opacity:.5}.row.dragstart-row .cell{border:none!important;box-shadow:none!important}.row.dragstart-row .dragstart-row-cell.last-column-cell{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0}.row.dragstart-row .dragstart-row-cell.first-column-cell{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s)}#scroller .row[dragstart]:not([dragstart=""]):after{display:block;position:absolute;left:var(--_grid-drag-start-x);top:var(--_grid-drag-start-y);z-index:100;content:attr(dragstart);align-items:center;justify-content:center;box-sizing:border-box;padding:calc(.8 * var(--lumo-space-xs));color:var(--lumo-error-contrast-color);background-color:var(--lumo-error-color);border-radius:var(--lumo-border-radius-m);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);line-height:1;font-weight:500;text-transform:none;letter-spacing:normal;min-width:calc(.7 * var(--lumo-size-s));text-align:center}.footer-cell,.header-cell,.reorder-ghost{font-size:var(--lumo-font-size-s);font-weight:500}.footer-cell{font-weight:400}.header-row:only-child .header-cell{min-height:var(--lumo-size-xl)}:host(:not([theme~=no-row-borders])) .header-cell.first-header-row-cell{border-top:0}.header-row[hidden]+.header-row .header-cell{border-top:0}.header-cell.last-header-row-cell{border-bottom:var(--_lumo-grid-border-width) solid transparent}:host(:not([theme~=no-row-borders])) .header-cell.last-header-row-cell{border-bottom-color:var(--_lumo-grid-secondary-border-color)}:host([overflow~=top]) .header-cell.last-header-row-cell{border-bottom-color:var(--_lumo-grid-border-color)}.footer-cell.first-footer-row-cell{border-top:var(--_lumo-grid-border-width) solid transparent}:host(:not([theme~=no-row-borders])) .footer-cell.first-footer-row-cell{border-top-color:var(--_lumo-grid-secondary-border-color)}:host([overflow~=bottom]) .footer-cell.first-footer-row-cell{border-top-color:var(--_lumo-grid-border-color)}:host([reordering]) .cell{background:linear-gradient(var(--lumo-shade-20pct),var(--lumo-shade-20pct)) var(--lumo-base-color)}:host([reordering]) .cell.reorder-allowed-cell{background:var(--lumo-base-color)}:host([reordering]) .cell.reorder-dragging-cell{background:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)) var(--lumo-base-color)}.resize-handle{--_resize-handle-width:3px;position:absolute;top:0;right:0;height:100%;cursor:col-resize;z-index:1;width:var(--_resize-handle-width);background-color:var(--lumo-primary-color-50pct);opacity:0;transition:opacity .2s}.resize-handle:before{position:absolute;content:"";height:100%;transform:translateX(calc(-50% + .5 * var(--_resize-handle-width)));width:var(--lumo-size-s)}.resize-handle:active,:host(:not([reordering])) :not([column-resizing]) .cell:hover .resize-handle{opacity:1;transition-delay:.15s}:host([theme~=column-borders]) .cell:not(.last-column-cell,.details-cell){border-right:var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}.last-frozen-cell{border-right:var(--_lumo-grid-border-width) solid transparent;overflow:hidden}:host([overflow~=start]) .cell.last-frozen-cell:not(.details-cell){border-right-color:var(--_lumo-grid-border-color)}:host([overflow~=end]) .cell.first-frozen-to-end-cell:not(.details-cell){border-left-color:var(--_lumo-grid-border-color)}:host([theme~=row-stripes]) .even-row .body-cell,:host([theme~=row-stripes]) .even-row .details-cell{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));background-repeat:repeat-x}:host(:not([reordering])) .row.selected-row{z-index:1}:host(:not([reordering])) .row.selected-row .selected-row-cell:not(.details-cell){background-image:linear-gradient(var(--_lumo-grid-selected-row-color),var(--_lumo-grid-selected-row-color));background-repeat:repeat}:host(:not([theme~=no-row-borders])) .row.selected-row .selected-row-cell:not(.details-cell){box-shadow:0 var(--_lumo-grid-border-width) 0 0 var(--_lumo-grid-selected-row-color)}:host([theme~=compact]) .header-row:only-child .header-cell{min-height:var(--lumo-size-m)}:host([theme~=compact]) .cell{min-height:var(--lumo-size-s);--_cell-default-padding:var(--lumo-space-xs) var(--lumo-space-s)}:host([theme~=compact]) .cell.first-row-cell:not(.details-cell){min-height:calc(var(--lumo-size-s) - var(--_lumo-grid-border-width))}:host([theme~=compact]) .empty-state{padding:var(--lumo-space-s)}:host([theme~=wrap-cell-content]) .cell ::slotted(vaadin-grid-cell-content){white-space:normal}:host([dir=rtl]) .row.dragstart-row .cell.last-column-cell{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s)}:host([dir=rtl]) .row.dragstart-row .cell.first-column-cell{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0}:host([dir=rtl][theme~=column-borders]) .cell:not(.last-column-cell,.details-cell){border-right:none;border-left:var(--_lumo-grid-border-width) solid var(--_lumo-grid-secondary-border-color)}:host([dir=rtl]) .last-frozen-cell{border-right:none;border-left:var(--_lumo-grid-border-width) solid transparent}:host([dir=rtl]) .first-frozen-to-end-cell{border-left:none;border-right:var(--_lumo-grid-border-width) solid transparent}:host([dir=rtl][overflow~=start]) .cell.last-frozen-cell:not(.details-cell){border-left-color:var(--_lumo-grid-border-color)}:host([dir=rtl][overflow~=end]) .cell.first-frozen-to-end-cell:not(.details-cell){border-right-color:var(--_lumo-grid-border-color)}@media (forced-colors:active){.selected-row .first-column-cell:after{content:"";position:absolute;top:0;left:0;bottom:0;border:2px solid}.focused-cell:before{outline:2px solid!important;outline-offset:-1px}}}:where(:host),:where(:root){--vaadin-form-layout-label-spacing:1em;--vaadin-form-layout-label-width:8em;--vaadin-form-layout-column-spacing:var(
32
32
  --lumo-space-l
33
33
  );--vaadin-form-layout-row-spacing:0}@media lumo_components_grid-filter{:host{display:inline-flex;max-width:100%}::slotted(*){width:100%;box-sizing:border-box}}:host,:root{--_lumo-vaadin-text-field-inject:1;--_lumo-vaadin-text-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base}:host,:root{--_lumo-vaadin-grid-filter-inject:1;--_lumo-vaadin-grid-filter-inject-modules:lumo_components_grid-filter}@media lumo_components_grid-sorter{:host{display:inline-flex;max-width:100%;justify-content:flex-start;align-items:baseline;-webkit-user-select:none;user-select:none;cursor:var(--lumo-clickable-cursor)}[part=content]{flex:1 1 auto;display:inline-block;overflow:hidden;text-overflow:ellipsis}[part=indicators]{position:relative;align-self:center;flex:none;margin-left:var(--lumo-space-s)}[part=order]{display:inline;vertical-align:super;font-size:var(--lumo-font-size-xxs);line-height:1}[part=indicators]:before{font-family:vaadin-grid-sorter-icons;display:inline-block;transform:scale(.8)}:host(:not([direction])) [part=indicators]:before{content:"\e901"}:host([direction=asc]) [part=indicators]:before{content:"\e900"}:host([direction=desc]) [part=indicators]:before{content:"\e902"}:host(:not([direction]):not(:hover)) [part=indicators]{color:var(--lumo-tertiary-text-color)}:host([direction]){color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}:host([dir=rtl]) [part=indicators]{margin-right:var(--lumo-space-s);margin-left:0}}@font-face{font-family:vaadin-grid-sorter-icons;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format("woff");font-weight:400;font-style:normal}:host,:root{--_lumo-vaadin-grid-sorter-inject:1;--_lumo-vaadin-grid-sorter-inject-modules:lumo_components_grid-sorter}:host,:root{--_lumo-vaadin-crud-inject:1;--_lumo-vaadin-crud-inject-modules:lumo_components_crud;--_lumo-vaadin-crud-edit-inject:1;--_lumo-vaadin-crud-edit-inject-modules:lumo_components_button, lumo_components_crud-edit;--_lumo-vaadin-crud-grid-inject:1;--_lumo-vaadin-crud-grid-inject-modules:lumo_components_grid;--_lumo-vaadin-crud-form-inject:1;--_lumo-vaadin-crud-form-inject-modules:lumo_components_form-layout;--_lumo-vaadin-crud-dialog-overlay-inject:1;--_lumo-vaadin-crud-dialog-overlay-inject-modules:lumo_mixins_overlay, lumo_components_dialog-overlay, lumo_components_crud-dialog-overlay}@media lumo_components_custom-field{:host{display:inline-flex;--lumo-text-field-size:var(--lumo-size-m);--_input-height:var(--vaadin-input-field-height, var(--lumo-text-field-size));color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);line-height:var(--_input-height);font-family:var(--lumo-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:var(--_lumo-field-outer-padding,var(--lumo-space-xs)) 0}:host:before{content:"\2003";width:0;height:var(--_input-height);box-sizing:border-box;display:inline-flex;align-items:center}:host([hidden]){display:none!important}.vaadin-custom-field-container{width:100%;display:flex;flex-direction:column}.inputs-wrapper{flex:none}[part=input-fields] ::slotted(*){--_lumo-field-outer-padding:0px}:host(:not([has-label])) [part=label],:host(:not([has-label])):before{display:none}:host([focused]:not([readonly]):not([disabled])) [part=label]{color:var(--lumo-primary-text-color)}:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=helper-text],:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=label]{color:var(--lumo-body-text-color)}@media (pointer:coarse){:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=label]{color:var(--lumo-secondary-text-color)}}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-text-field-size:var(--lumo-size-s)}:host([theme~=small]) [part=label]{font-size:var(--lumo-font-size-xs)}:host([theme~=small]) [part=error-message]{font-size:var(--lumo-font-size-xxs)}}:host,:root{--_lumo-vaadin-custom-field-inject:1;--_lumo-vaadin-custom-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_components_custom-field}@media lumo_mixins_dashboard-item{:host{--_widget-background:var(--vaadin-dashboard-widget-background, var(--lumo-base-color));--_widget-border-radius:var(--vaadin-dashboard-widget-border-radius, var(--lumo-border-radius-l));--_widget-border-color:var(--vaadin-dashboard-widget-border-color, var(--lumo-contrast-20pct));--_widget-editable-shadow:var(--lumo-box-shadow-s);--_widget-selected-shadow:0 2px 4px -1px var(--lumo-primary-color-10pct), 0 3px 12px -1px var(--lumo-primary-color-50pct);--_drop-target-background-color:var(
34
34
  --vaadin-dashboard-drop-target-background-color,
@@ -37,7 +37,7 @@
37
37
  --vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-primary-text-color))
38
38
  )}:host([invalid]) [part=required-indicator]:after{color:var(
39
39
  --vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-error-text-color))
40
- )}}:host,:root{--_lumo-vaadin-form-item-inject:1;--_lumo-vaadin-form-item-inject-modules:lumo_components_form-item}@media lumo_mixins_grid-pro-editor{:host([theme~=grid-pro-editor]){position:absolute;inset:0;padding:0;font-size:inherit;--lumo-text-field-size:27px;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([theme~=grid-pro-editor]) [part=input-field]{padding:0;border-radius:0;flex-grow:1;font-weight:400;--vaadin-input-field-border-color:transparent}:host([theme~=grid-pro-editor][focus-ring]) [part=input-field]{box-shadow:none}:host([theme~=grid-pro-editor]) ::slotted(input){padding:0 var(--lumo-space-m);font-size:inherit}}@media lumo_mixins_sr-only{.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}@media lumo_components_grid-pro-edit-select{:host([theme~=grid-pro-editor]) [part~=toggle-button]{margin-right:var(--lumo-space-xs)}:host([theme~=grid-pro-editor]) [part=input-field] ::slotted([slot=value]){box-sizing:border-box;padding:0 var(--lumo-space-m);font-size:var(--lumo-font-size-m);-webkit-user-select:none;user-select:none}}@media lumo_components_select{:host{position:relative;--lumo-input-field-pointer-focus-visible:0}::slotted(div[slot=overlay]){display:contents}:host(:not([theme*=align])) ::slotted([slot=value]){text-align:start}[part=input-field]{cursor:var(--lumo-clickable-cursor)}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])) [part=input-field]:before{content:"\2003"/"";width:0}[part=input-field] ::slotted([slot=value]){flex-grow:1;font-weight:var(--vaadin-input-field-value-font-weight,500)}[part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--vaadin-input-field-value-color,var(--lumo-body-text-color))}:host([readonly]) [part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--lumo-secondary-text-color)}[part=input-field] ::slotted([slot=value][placeholder]){color:var(--vaadin-input-field-placeholder-color,var(--lumo-secondary-text-color))}:host(:is([readonly],[disabled])) ::slotted([slot=value][placeholder]){opacity:0}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host(:hover:not([readonly]):not([disabled])) [part~=toggle-button]{color:var(--lumo-contrast-80pct)}:host([theme~=small]) [part=input-field] ::slotted([slot=value]){--_lumo-selected-item-height:var(--lumo-size-s);--_lumo-selected-item-padding:0}}@media lumo_components_select-overlay{:host{align-items:flex-start;justify-content:flex-start;--_lumo-item-selected-icon-display:block}:host([phone]){top:0!important;right:0!important;bottom:var(--vaadin-overlay-viewport-bottom,0)!important;left:0!important;align-items:stretch;justify-content:flex-end}:host(:not([phone])) [part=overlay]{min-width:var(--vaadin-select-overlay-width,var(--_vaadin-select-overlay-default-width))}:host([no-vertical-overlap][top-aligned]) [part=overlay]{margin-block-start:var(--lumo-space-xs)}:host([no-vertical-overlap][bottom-aligned]) [part=overlay]{margin-block-end:var(--lumo-space-xs)}:host([theme~=align-left]){text-align:left}:host([theme~=align-right]){text-align:right}:host([theme~=align-center]){text-align:center}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_select-value-button{:host{display:inline-block;position:relative;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:0;width:0;font-family:var(--lumo-font-family);font-size:inherit;padding:0 .25em;--_lumo-selected-item-height:var(--lumo-size-m);--_lumo-selected-item-padding:0.5em}::slotted(*){display:inline-flex;padding:var(--_lumo-selected-item-padding) 0 var(--_lumo-selected-item-padding) 0;min-height:var(--_lumo-selected-item-height);font-size:inherit}::slotted(:hover){background-color:transparent}:host([placeholder]) ::slotted(*){line-height:1}.vaadin-button-container{display:inline-flex;align-items:center;justify-content:center;text-align:inherit;width:100%;height:100%;min-height:inherit;text-shadow:inherit}[part=label]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:inherit}}:host,:root{--_lumo-vaadin-select-inject:1;--_lumo-vaadin-select-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_mixins_sr-only, lumo_components_select;--_lumo-vaadin-select-item-inject:1;--_lumo-vaadin-select-item-inject-modules:lumo_components_item;--_lumo-vaadin-select-overlay-inject:1;--_lumo-vaadin-select-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_select-overlay;--_lumo-vaadin-select-list-box-inject:1;--_lumo-vaadin-select-list-box-inject-modules:lumo_components_list-box;--_lumo-vaadin-select-value-button-inject:1;--_lumo-vaadin-select-value-button-inject-modules:lumo_components_select-value-button}:host,:root{--_lumo-vaadin-grid-pro-edit-text-field-inject:1;--_lumo-vaadin-grid-pro-edit-text-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-base, lumo_mixins_grid-pro-editor;--_lumo-vaadin-grid-pro-edit-select-inject:1;--_lumo-vaadin-grid-pro-edit-select-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-base, lumo_mixins_grid-pro-editor, lumo_mixins_sr-only, lumo_components_select, lumo_components_grid-pro-edit-select;--_lumo-vaadin-grid-pro-edit-checkbox-inject:1;--_lumo-vaadin-grid-pro-edit-checkbox-inject-modules:lumo_mixins_checkable-field, lumo_components_checkbox}@media lumo_components_grid-pro{:host([navigating]) [part~=cell]:active:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part~=editable-cell],[part~=editable-cell] ::slotted(vaadin-grid-cell-content){cursor:var(--lumo-clickable-cursor)}[part~=editable-cell]:focus,[part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]:focus,:host([theme~=highlight-editable-cells]) [part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}:host([theme~=highlight-read-only-cells]) [tabindex]:not([part~=editable-cell]):not([part~=header-cell]):not([part~=footer-cell]){background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,var(--lumo-contrast-5pct) 6px,var(--lumo-contrast-5pct) 14px)}:host([loading-editor]) [part~=focused-cell]:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);animation:vaadin-grid-pro-loading-editor 1.4s infinite;opacity:0}@keyframes vaadin-grid-pro-loading-editor{50%{opacity:1}}[part~=updating-cell]:after{content:"";position:absolute;inset:var(--_cell-padding);margin:var(--_focus-ring-width);border-radius:4px;background-size:max(4em,50%);background-repeat:no-repeat;background-position:min(-200%,-4em) 0;background-image:linear-gradient(90deg,transparent,var(--lumo-contrast-10pct),transparent);animation:vaadin-grid-pro-updating-cell 1.3s ease-out infinite}@keyframes vaadin-grid-pro-updating-cell{to{background-position:max(300%,8em) 0}}:host([loading-editor]) [part~=focused-cell] ::slotted(vaadin-grid-cell-content),[part~=updating-cell] ::slotted(vaadin-grid-cell-content){opacity:0;pointer-events:none}}:host,:root{--_lumo-vaadin-grid-pro-inject:1;--_lumo-vaadin-grid-pro-inject-modules:lumo_mixins_sr-only, lumo_components_grid, lumo_components_grid-pro}@media lumo_components_grid-tree-toggle{:host{--vaadin-grid-tree-toggle-level-offset:2em;display:inline-flex;max-width:100%;align-items:center;vertical-align:middle;transform:translateX(calc(-1 * var(--lumo-space-s)));-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host(:not([leaf])){cursor:default}#level-spacer,[part=toggle]{flex:none}#level-spacer{display:inline-block;width:calc(var(--_level, 0) * var(--vaadin-grid-tree-toggle-level-offset))}[part=toggle]:before{line-height:1em;font-family:lumo-icons;display:inline-block;height:100%}:host(:not([expanded])) [part=toggle]:before{content:var(--lumo-icons-angle-right)}:host([expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-right);transform:rotate(90deg)}:host([leaf]) [part=toggle]{visibility:hidden}slot{display:block;overflow:hidden;text-overflow:ellipsis}[part=toggle]{display:inline-block;font-size:1.5em;line-height:1;width:1em;height:1em;text-align:center;color:var(--lumo-contrast-50pct);cursor:var(--lumo-clickable-cursor);padding:.33333em;margin:-.33333em}:host(:not([dir=rtl])) [part=toggle]{margin-right:0}@media (hover:hover){:host(:hover) [part=toggle]{color:var(--lumo-contrast-80pct)}}:host([dir=rtl]){margin-left:0;margin-right:calc(-1 * var(--lumo-space-s))}:host([dir=rtl]) [part=toggle]{margin-left:0}:host([dir=rtl][expanded]) [part=toggle]:before{transform:rotate(-90deg)}:host([dir=rtl]:not([expanded])) [part=toggle]:before,:host([dir=rtl][expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-left)}}:host,:root{--_lumo-vaadin-grid-tree-toggle-inject:1;--_lumo-vaadin-grid-tree-toggle-inject-modules:lumo_components_grid-tree-toggle}:host,:root{--_lumo-vaadin-grid-inject:1;--_lumo-vaadin-grid-inject-modules:lumo_mixins_sr-only, lumo_components_grid}@media lumo_components_horizontal-layout{:host([theme~=margin]){margin:var(--vaadin-horizontal-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-horizontal-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-horizontal-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host,:root{--_lumo-vaadin-horizontal-layout-inject:1;--_lumo-vaadin-horizontal-layout-inject-modules:lumo_components_horizontal-layout}@media lumo_components_icon{:host{width:var(--vaadin-icon-size,var(--lumo-icon-size-m));height:var(--vaadin-icon-size,var(--lumo-icon-size-m))}}:host,:root{--_lumo-vaadin-icon-inject:1;--_lumo-vaadin-icon-inject-modules:lumo_components_icon}@media lumo_components_number-field{:host([readonly]) [part$=button]{pointer-events:none}:host([step-buttons-visible]:not([theme~=align-right])) ::slotted(input){text-align:center}:host(:not([disabled])) [part$=button][disabled]{opacity:.2}:host([step-buttons-visible]) [part=input-field]{padding:0}[part~=decrease-button],[part~=increase-button]{cursor:pointer;width:1.5em;height:1.5em;-webkit-user-select:none;user-select:none}[part~=decrease-button]:before,[part~=increase-button]:before{margin-top:.25em}[part~=decrease-button]:before{content:var(--lumo-icons-minus)}[part~=increase-button]:before{content:var(--lumo-icons-plus)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]:not([theme~=align-right])) ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em)}}:host,:root{--_lumo-vaadin-integer-field-inject:1;--_lumo-vaadin-integer-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_number-field}:host,:root{--_lumo-vaadin-item-inject:1;--_lumo-vaadin-item-inject-modules:lumo_components_item}:host,:root{--_lumo-vaadin-list-box-inject:1;--_lumo-vaadin-list-box-inject-modules:lumo_components_list-box}@media lumo_components_login-overlay-wrapper{:host{inset:0;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}[part=overlay]{outline:none;background:none;border-radius:0;box-shadow:none;width:100%;height:100%}[part=card]{max-width:100%;width:calc(10 * var(--lumo-size-m));background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);margin:var(--lumo-space-s);height:auto}[part=brand],[part=card]{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}[part=brand]{flex-grow:1;flex-shrink:0;justify-content:flex-end;padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);min-height:calc(5 * var(--lumo-size-m))}::slotted([slot=title]){color:inherit;margin:0;font-size:var(--lumo-font-size-xxxl);font-weight:600;line-height:var(--lumo-line-height-xs)}[part=backdrop]{background:var(--lumo-base-color) linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[part=description]{line-height:var(--lumo-line-height-s);color:var(--lumo-tint-70pct);margin:.5em 0 0}[part=content]{height:100%;display:flex;align-items:center;justify-content:center;padding:0}::slotted(vaadin-login-form-wrapper){min-height:100%;max-width:100%}@media only screen and (max-width:500px){[part=content],[part=overlay]{height:100%}[part=content]{min-height:100%;background:var(--lumo-base-color);align-items:flex-start}[part=card],[part=overlay]{width:100%;border-radius:0;box-shadow:none;margin:0}:host([dir=rtl]) [part=brand]{padding:var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-xl)}}@media only screen and (max-height:600px) and (min-width:600px) and (orientation:landscape){[part=card]{flex-direction:row;align-items:stretch;max-width:calc(16 * var(--lumo-size-m));width:100%}[part=brand],[part=form-wrapper]{flex:auto;flex-basis:0;box-sizing:border-box}[part=brand]{justify-content:flex-start}[part=form-wrapper]{padding:var(--lumo-space-l);overflow:auto}::slotted(vaadin-login-form-wrapper){flex:1;padding:2px}}@media only screen and (max-height:500px) and (min-width:600px) and (orientation:landscape),only screen and (max-width:600px) and (min-width:600px) and (orientation:landscape){[part=content]{height:100vh}[part=card]{margin:0;width:100%;max-width:none;height:100%;flex:auto;border-radius:0;box-shadow:none}[part=form-wrapper]{height:100%;overflow:auto}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){[part=card]{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}[part=brand]{margin-left:calc(-1 * env(safe-area-inset-left));padding-left:calc(var(--lumo-space-l) + env(safe-area-inset-left))}:host([dir=rtl]) [part=card]{padding-left:env(safe-area-inset-right);padding-right:env(safe-area-inset-left)}:host([dir=rtl]) [part=brand]{margin-right:calc(-1 * env(safe-area-inset-left));padding-right:calc(var(--lumo-space-l) + env(safe-area-inset-left))}}}@media lumo_components_login-form-wrapper{:host{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--lumo-space-l);overflow:hidden;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;width:calc(10 * var(--lumo-size-m));max-width:100%;background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct))}:host([hidden]){display:none!important}::slotted(form){display:flex;flex-direction:column}::slotted([slot=form-title]){margin:0;margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl));color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-xxl);font-weight:600;line-height:var(--lumo-line-height-xs)}[part=error-message]{position:relative;background-color:var(--lumo-error-color-10pct);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);margin-top:var(--lumo-space-m);margin-bottom:var(--lumo-space-s);color:var(--lumo-error-text-color)}strong{font-weight:600}::slotted([slot=submit]){margin-top:var(--lumo-space-l);margin-bottom:var(--lumo-space-s)}::slotted([slot=forgot-password]){margin:var(--lumo-space-s) auto}:host(:not([dir=rtl])) [part=error-message]{padding-left:var(--lumo-size-m)}:host([dir=rtl]) [part=error-message]{padding-right:var(--lumo-size-m)}[part=error-message]:before{content:var(--lumo-icons-error);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);position:absolute;width:var(--lumo-size-m);height:1em;line-height:1;text-align:center}:host(:not([dir=rtl])) [part=error-message]:before{margin-left:calc(-.95 * var(--lumo-size-m))}:host([dir=rtl]) [part=error-message]:before{margin-right:calc(-.95 * var(--lumo-size-m))}[part=error-message-title]{display:block;margin:0 0 .25em;color:inherit;line-height:var(--lumo-line-height-xs)}[part=error-message-description]{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);margin:0;opacity:.9}[part=footer]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);color:var(--lumo-secondary-text-color)}}@media lumo_components_password-field-button{:host{position:absolute;right:0;top:0;margin:0;padding:0;width:100%;height:100%;min-width:auto;background:transparent;outline:none}}@media lumo_components_password-field{[part~=reveal-button]:before{content:var(--lumo-icons-eye)}:host([password-visible]) [part~=reveal-button]:before{content:var(--lumo-icons-eye-disabled)}[part~=reveal-button]{position:relative;display:var(--lumo-password-field-reveal-button-display,block)}[part~=reveal-button][hidden]{display:none!important}}:host,:root{--_lumo-vaadin-password-field-inject:1;--_lumo-vaadin-password-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_password-field;--_lumo-vaadin-password-field-button-inject:1;--_lumo-vaadin-password-field-button-inject-modules:lumo_components_button, lumo_components_password-field-button}:host,:root{--_lumo-vaadin-login-form-wrapper-inject:1;--_lumo-vaadin-login-form-wrapper-inject-modules:lumo_components_login-form-wrapper}:host,:root{--_lumo-vaadin-login-overlay-wrapper-inject:1;--_lumo-vaadin-login-overlay-wrapper-inject-modules:lumo_mixins_overlay, lumo_components_login-overlay-wrapper}:where(vaadin-markdown){h1,h2,h3,h4,h5,h6,hr{margin-block:revert-layer}code{background-color:var(--lumo-contrast-10pct)}}@media lumo_components_map{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);--vaadin-map-controls-inset:var(--lumo-space-xs);--vaadin-map-icon-zoom-in:var(--lumo-icons-plus);--vaadin-map-icon-zoom-out:var(--lumo-icons-minus);--vaadin-map-icon-compass:var(--lumo-icons-arrow-up);--vaadin-map-icon-overview-map-collapse:var(--lumo-icons-angle-down);--vaadin-map-icon-overview-map-expand:var(--lumo-icons-angle-up);--vaadin-map-icon-close:var(--lumo-icons-cross);--vaadin-map-icon-attribution-collapse:var(--lumo-icons-angle-right);--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host(:not([theme~=no-border])){border-radius:var(--vaadin-map-border-radius,var(--lumo-border-radius-l))}:host(:not([theme~=no-border])):before{border:1px solid var(--vaadin-map-border-color,var(--lumo-contrast-10pct))}:host([focus-ring]){outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}.ol-compass:empty:before,.ol-full-screen button:empty:before,.ol-full-screen-true:empty:before,.ol-overviewmap button span:empty:before,.ol-zoom-in:empty:before,.ol-zoom-out:empty:before{background:transparent;mask-image:none;display:inline;width:auto;height:auto}.ol-control:not(.ol-uncollapsible):hover{box-shadow:var(--lumo-box-shadow-s);background-color:var(--lumo-shade-20pct)}.ol-scale-bar-inner{border-radius:var(--lumo-border-radius-s)}.ol-compass:empty:before{content:var(--vaadin-map-icon-compass)}.ol-full-screen{height:var(--lumo-size-s)}.ol-full-screen button:empty:before{content:var(--vaadin-map-icon-fullscreen,"\2922")}.ol-full-screen .ol-full-screen-true:empty:before{content:var(--vaadin-map-icon-close,"\00D7")}.ol-overviewmap button span:empty:before{content:var(--vaadin-map-icon-overview-map-collapse)}.ol-overviewmap.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-overview-map-expand)}.ol-overviewmap-map{margin:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-s)}.ol-overviewmap:not(.ol-collapsed),.ol-overviewmap:not(.ol-collapsed):hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);transition:box-shadow .15s}.ol-overviewmap.ol-collapsed button{rotate:none}.ol-zoomslider button{height:var(--lumo-space-m)}.ol-zoomslider:hover button{box-shadow:var(--lumo-box-shadow-s)}.ol-control,.ol-scale-bar,.ol-scale-line{margin:var(--lumo-space-xs)}.ol-control{border-radius:var(--lumo-border-radius-m);transition:box-shadow .15s,background-color .15s;-webkit-backdrop-filter:blur(8px)}.ol-control:hover{background-color:var(--lumo-base-color)}.ol-control button{width:var(--vaadin-map-control-size,var(--lumo-size-s));height:var(--vaadin-map-control-size,var(--lumo-size-s));border-radius:inherit;font-family:lumo-icons;font-size:var(--lumo-icon-size-s);font-weight:400}.ol-attribution:not(.ol-uncollapsible) ul,.ol-control button{display:block;background-color:var(--lumo-base-color);color:var(--lumo-body-text-color)}.ol-control button:hover{color:var(--lumo-primary-text-color)}.ol-control button:active{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}.ol-control button:focus-visible{outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}.ol-zoom-in:empty:before{content:var(--vaadin-map-icon-zoom-in)}.ol-zoom-out:empty:before{content:var(--vaadin-map-icon-zoom-out)}.ol-attribution.ol-uncollapsible{border-radius:var(--lumo-border-radius-m) 0 0 0}.ol-attribution button span:empty:before{content:var(--vaadin-map-icon-attribution-collapse,"\\25B8")}.ol-attribution.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-attribution-expand,"\\2139")}.ol-attribution ul{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color);padding:var(--lumo-space-xs) var(--lumo-space-s);cursor:default}.ol-attribution:not(.ol-uncollapsible) ul{background-color:var(--lumo-base-color)}}:host,:root{--_lumo-vaadin-map-inject:1;--_lumo-vaadin-map-inject-modules:lumo_components_map}:where(:host),:where(:root){--vaadin-master-detail-layout-backdrop:var(
40
+ )}}:host,:root{--_lumo-vaadin-form-item-inject:1;--_lumo-vaadin-form-item-inject-modules:lumo_components_form-item}@media lumo_mixins_grid-pro-editor{:host([theme~=grid-pro-editor]){position:absolute;inset:0;padding:0;font-size:inherit;--lumo-text-field-size:27px;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([theme~=grid-pro-editor]) [part=input-field]{padding:0;border-radius:0;flex-grow:1;font-weight:400;--vaadin-input-field-border-color:transparent}:host([theme~=grid-pro-editor][focus-ring]) [part=input-field]{box-shadow:none}:host([theme~=grid-pro-editor]) ::slotted(input){padding:0 var(--lumo-space-m);font-size:inherit}}@media lumo_components_grid-pro-edit-select{:host([theme~=grid-pro-editor]) [part~=toggle-button]{margin-right:var(--lumo-space-xs)}:host([theme~=grid-pro-editor]) [part=input-field] ::slotted([slot=value]){box-sizing:border-box;padding:0 var(--lumo-space-m);font-size:var(--lumo-font-size-m);-webkit-user-select:none;user-select:none}}@media lumo_components_select{:host{position:relative;--lumo-input-field-pointer-focus-visible:0}::slotted(div[slot=overlay]){display:contents}:host(:not([theme*=align])) ::slotted([slot=value]){text-align:start}[part=input-field]{cursor:var(--lumo-clickable-cursor)}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])) [part=input-field]:before{content:"\2003"/"";width:0}[part=input-field] ::slotted([slot=value]){flex-grow:1;font-weight:var(--vaadin-input-field-value-font-weight,500)}[part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--vaadin-input-field-value-color,var(--lumo-body-text-color))}:host([readonly]) [part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--lumo-secondary-text-color)}[part=input-field] ::slotted([slot=value][placeholder]){color:var(--vaadin-input-field-placeholder-color,var(--lumo-secondary-text-color))}:host(:is([readonly],[disabled])) ::slotted([slot=value][placeholder]){opacity:0}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host(:hover:not([readonly]):not([disabled])) [part~=toggle-button]{color:var(--lumo-contrast-80pct)}:host([theme~=small]) [part=input-field] ::slotted([slot=value]){--_lumo-selected-item-height:var(--lumo-size-s);--_lumo-selected-item-padding:0}}@media lumo_components_select-overlay{:host{align-items:flex-start;justify-content:flex-start;--_lumo-item-selected-icon-display:block}:host([phone]){top:0!important;right:0!important;bottom:var(--vaadin-overlay-viewport-bottom,0)!important;left:0!important;align-items:stretch;justify-content:flex-end}:host(:not([phone])) [part=overlay]{min-width:var(--vaadin-select-overlay-width,var(--_vaadin-select-overlay-default-width))}:host([no-vertical-overlap][top-aligned]) [part=overlay]{margin-block-start:var(--lumo-space-xs)}:host([no-vertical-overlap][bottom-aligned]) [part=overlay]{margin-block-end:var(--lumo-space-xs)}:host([theme~=align-left]){text-align:left}:host([theme~=align-right]){text-align:right}:host([theme~=align-center]){text-align:center}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_select-value-button{:host{display:inline-block;position:relative;outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:0;width:0;font-family:var(--lumo-font-family);font-size:inherit;padding:0 .25em;--_lumo-selected-item-height:var(--lumo-size-m);--_lumo-selected-item-padding:0.5em}::slotted(*){display:inline-flex;padding:var(--_lumo-selected-item-padding) 0 var(--_lumo-selected-item-padding) 0;min-height:var(--_lumo-selected-item-height);font-size:inherit}::slotted(:hover){background-color:transparent}:host([placeholder]) ::slotted(*){line-height:1}.vaadin-button-container{display:inline-flex;align-items:center;justify-content:center;text-align:inherit;width:100%;height:100%;min-height:inherit;text-shadow:inherit}[part=label]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:inherit}}:host,:root{--_lumo-vaadin-select-inject:1;--_lumo-vaadin-select-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_select;--_lumo-vaadin-select-item-inject:1;--_lumo-vaadin-select-item-inject-modules:lumo_components_item;--_lumo-vaadin-select-overlay-inject:1;--_lumo-vaadin-select-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_select-overlay;--_lumo-vaadin-select-list-box-inject:1;--_lumo-vaadin-select-list-box-inject-modules:lumo_components_list-box;--_lumo-vaadin-select-value-button-inject:1;--_lumo-vaadin-select-value-button-inject-modules:lumo_components_select-value-button}:host,:root{--_lumo-vaadin-grid-pro-edit-text-field-inject:1;--_lumo-vaadin-grid-pro-edit-text-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-base, lumo_mixins_grid-pro-editor;--_lumo-vaadin-grid-pro-edit-select-inject:1;--_lumo-vaadin-grid-pro-edit-select-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-base, lumo_mixins_grid-pro-editor, lumo_components_select, lumo_components_grid-pro-edit-select;--_lumo-vaadin-grid-pro-edit-checkbox-inject:1;--_lumo-vaadin-grid-pro-edit-checkbox-inject-modules:lumo_mixins_checkable-field, lumo_components_checkbox}@media lumo_mixins_sr-only{.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}@media lumo_components_grid-pro{:host([navigating]) [part~=cell]:active:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part~=editable-cell],[part~=editable-cell] ::slotted(vaadin-grid-cell-content){cursor:var(--lumo-clickable-cursor)}[part~=editable-cell]:focus,[part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]:focus,:host([theme~=highlight-editable-cells]) [part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}:host([theme~=highlight-read-only-cells]) [tabindex]:not([part~=editable-cell]):not([part~=header-cell]):not([part~=footer-cell]){background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,var(--lumo-contrast-5pct) 6px,var(--lumo-contrast-5pct) 14px)}:host([loading-editor]) [part~=focused-cell]:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);animation:vaadin-grid-pro-loading-editor 1.4s infinite;opacity:0}@keyframes vaadin-grid-pro-loading-editor{50%{opacity:1}}[part~=updating-cell]:after{content:"";position:absolute;inset:var(--_cell-padding);margin:var(--_focus-ring-width);border-radius:4px;background-size:max(4em,50%);background-repeat:no-repeat;background-position:min(-200%,-4em) 0;background-image:linear-gradient(90deg,transparent,var(--lumo-contrast-10pct),transparent);animation:vaadin-grid-pro-updating-cell 1.3s ease-out infinite}@keyframes vaadin-grid-pro-updating-cell{to{background-position:max(300%,8em) 0}}:host([loading-editor]) [part~=focused-cell] ::slotted(vaadin-grid-cell-content),[part~=updating-cell] ::slotted(vaadin-grid-cell-content){opacity:0;pointer-events:none}}:host,:root{--_lumo-vaadin-grid-pro-inject:1;--_lumo-vaadin-grid-pro-inject-modules:lumo_mixins_sr-only, lumo_components_grid, lumo_components_grid-pro}@media lumo_components_grid-tree-toggle{:host{--vaadin-grid-tree-toggle-level-offset:2em;display:inline-flex;max-width:100%;align-items:center;vertical-align:middle;transform:translateX(calc(-1 * var(--lumo-space-s)));-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host(:not([leaf])){cursor:default}#level-spacer,[part=toggle]{flex:none}#level-spacer{display:inline-block;width:calc(var(--_level, 0) * var(--vaadin-grid-tree-toggle-level-offset))}[part=toggle]:before{line-height:1em;font-family:lumo-icons;display:inline-block;height:100%}:host(:not([expanded])) [part=toggle]:before{content:var(--lumo-icons-angle-right)}:host([expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-right);transform:rotate(90deg)}:host([leaf]) [part=toggle]{visibility:hidden}slot{display:block;overflow:hidden;text-overflow:ellipsis}[part=toggle]{display:inline-block;font-size:1.5em;line-height:1;width:1em;height:1em;text-align:center;color:var(--lumo-contrast-50pct);cursor:var(--lumo-clickable-cursor);padding:.33333em;margin:-.33333em}:host(:not([dir=rtl])) [part=toggle]{margin-right:0}@media (hover:hover){:host(:hover) [part=toggle]{color:var(--lumo-contrast-80pct)}}:host([dir=rtl]){margin-left:0;margin-right:calc(-1 * var(--lumo-space-s))}:host([dir=rtl]) [part=toggle]{margin-left:0}:host([dir=rtl][expanded]) [part=toggle]:before{transform:rotate(-90deg)}:host([dir=rtl]:not([expanded])) [part=toggle]:before,:host([dir=rtl][expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-left)}}:host,:root{--_lumo-vaadin-grid-tree-toggle-inject:1;--_lumo-vaadin-grid-tree-toggle-inject-modules:lumo_components_grid-tree-toggle}:host,:root{--_lumo-vaadin-grid-inject:1;--_lumo-vaadin-grid-inject-modules:lumo_mixins_sr-only, lumo_components_grid}@media lumo_components_horizontal-layout{:host([theme~=margin]){margin:var(--vaadin-horizontal-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-horizontal-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-horizontal-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host,:root{--_lumo-vaadin-horizontal-layout-inject:1;--_lumo-vaadin-horizontal-layout-inject-modules:lumo_components_horizontal-layout}@media lumo_components_icon{:host{width:var(--vaadin-icon-size,var(--lumo-icon-size-m));height:var(--vaadin-icon-size,var(--lumo-icon-size-m))}}:host,:root{--_lumo-vaadin-icon-inject:1;--_lumo-vaadin-icon-inject-modules:lumo_components_icon}@media lumo_components_number-field{:host([readonly]) [part$=button]{pointer-events:none}:host([step-buttons-visible]:not([theme~=align-right])) ::slotted(input){text-align:center}:host(:not([disabled])) [part$=button][disabled]{opacity:.2}:host([step-buttons-visible]) [part=input-field]{padding:0}[part~=decrease-button],[part~=increase-button]{cursor:pointer;width:1.5em;height:1.5em;-webkit-user-select:none;user-select:none}[part~=decrease-button]:before,[part~=increase-button]:before{margin-top:.25em}[part~=decrease-button]:before{content:var(--lumo-icons-minus)}[part~=increase-button]:before{content:var(--lumo-icons-plus)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]:not([theme~=align-right])) ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em)}}:host,:root{--_lumo-vaadin-integer-field-inject:1;--_lumo-vaadin-integer-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_number-field}:host,:root{--_lumo-vaadin-item-inject:1;--_lumo-vaadin-item-inject-modules:lumo_components_item}:host,:root{--_lumo-vaadin-list-box-inject:1;--_lumo-vaadin-list-box-inject-modules:lumo_components_list-box}@media lumo_components_login-overlay-wrapper{:host{inset:0;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}[part=overlay]{outline:none;background:none;border-radius:0;box-shadow:none;width:100%;height:100%}[part=card]{max-width:100%;width:calc(10 * var(--lumo-size-m));background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);margin:var(--lumo-space-s);height:auto}[part=brand],[part=card]{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}[part=brand]{flex-grow:1;flex-shrink:0;justify-content:flex-end;padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);min-height:calc(5 * var(--lumo-size-m))}::slotted([slot=title]){color:inherit;margin:0;font-size:var(--lumo-font-size-xxxl);font-weight:600;line-height:var(--lumo-line-height-xs)}[part=backdrop]{background:var(--lumo-base-color) linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[part=description]{line-height:var(--lumo-line-height-s);color:var(--lumo-tint-70pct);margin:.5em 0 0}[part=content]{height:100%;display:flex;align-items:center;justify-content:center;padding:0}::slotted(vaadin-login-form-wrapper){min-height:100%;max-width:100%}@media only screen and (max-width:500px){[part=content],[part=overlay]{height:100%}[part=content]{min-height:100%;background:var(--lumo-base-color);align-items:flex-start}[part=card],[part=overlay]{width:100%;border-radius:0;box-shadow:none;margin:0}:host([dir=rtl]) [part=brand]{padding:var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-xl)}}@media only screen and (max-height:600px) and (min-width:600px) and (orientation:landscape){[part=card]{flex-direction:row;align-items:stretch;max-width:calc(16 * var(--lumo-size-m));width:100%}[part=brand],[part=form-wrapper]{flex:auto;flex-basis:0;box-sizing:border-box}[part=brand]{justify-content:flex-start}[part=form-wrapper]{padding:var(--lumo-space-l);overflow:auto}::slotted(vaadin-login-form-wrapper){flex:1;padding:2px}}@media only screen and (max-height:500px) and (min-width:600px) and (orientation:landscape),only screen and (max-width:600px) and (min-width:600px) and (orientation:landscape){[part=content]{height:100vh}[part=card]{margin:0;width:100%;max-width:none;height:100%;flex:auto;border-radius:0;box-shadow:none}[part=form-wrapper]{height:100%;overflow:auto}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){[part=card]{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}[part=brand]{margin-left:calc(-1 * env(safe-area-inset-left));padding-left:calc(var(--lumo-space-l) + env(safe-area-inset-left))}:host([dir=rtl]) [part=card]{padding-left:env(safe-area-inset-right);padding-right:env(safe-area-inset-left)}:host([dir=rtl]) [part=brand]{margin-right:calc(-1 * env(safe-area-inset-left));padding-right:calc(var(--lumo-space-l) + env(safe-area-inset-left))}}}@media lumo_components_login-form-wrapper{:host{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--lumo-space-l);overflow:hidden;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;width:calc(10 * var(--lumo-size-m));max-width:100%;background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct))}:host([hidden]){display:none!important}::slotted(form){display:flex;flex-direction:column}::slotted([slot=form-title]){margin:0;margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl));color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-xxl);font-weight:600;line-height:var(--lumo-line-height-xs)}[part=error-message]{position:relative;background-color:var(--lumo-error-color-10pct);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);margin-top:var(--lumo-space-m);margin-bottom:var(--lumo-space-s);color:var(--lumo-error-text-color)}strong{font-weight:600}::slotted([slot=submit]){margin-top:var(--lumo-space-l);margin-bottom:var(--lumo-space-s)}::slotted([slot=forgot-password]){margin:var(--lumo-space-s) auto}:host(:not([dir=rtl])) [part=error-message]{padding-left:var(--lumo-size-m)}:host([dir=rtl]) [part=error-message]{padding-right:var(--lumo-size-m)}[part=error-message]:before{content:var(--lumo-icons-error);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);position:absolute;width:var(--lumo-size-m);height:1em;line-height:1;text-align:center}:host(:not([dir=rtl])) [part=error-message]:before{margin-left:calc(-.95 * var(--lumo-size-m))}:host([dir=rtl]) [part=error-message]:before{margin-right:calc(-.95 * var(--lumo-size-m))}[part=error-message-title]{display:block;margin:0 0 .25em;color:inherit;line-height:var(--lumo-line-height-xs)}[part=error-message-description]{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);margin:0;opacity:.9}[part=footer]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);color:var(--lumo-secondary-text-color)}}@media lumo_components_password-field-button{:host{position:absolute;right:0;top:0;margin:0;padding:0;width:100%;height:100%;min-width:auto;background:transparent;outline:none}}@media lumo_components_password-field{[part~=reveal-button]:before{content:var(--lumo-icons-eye)}:host([password-visible]) [part~=reveal-button]:before{content:var(--lumo-icons-eye-disabled)}[part~=reveal-button]{position:relative;display:var(--lumo-password-field-reveal-button-display,block)}[part~=reveal-button][hidden]{display:none!important}}:host,:root{--_lumo-vaadin-password-field-inject:1;--_lumo-vaadin-password-field-inject-modules:lumo_mixins_field-label, lumo_mixins_field-label-aside, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_field-button, lumo_mixins_field-helper, lumo_mixins_field-helper-above, lumo_mixins_field-base, lumo_components_password-field;--_lumo-vaadin-password-field-button-inject:1;--_lumo-vaadin-password-field-button-inject-modules:lumo_components_button, lumo_components_password-field-button}:host,:root{--_lumo-vaadin-login-form-wrapper-inject:1;--_lumo-vaadin-login-form-wrapper-inject-modules:lumo_components_login-form-wrapper}:host,:root{--_lumo-vaadin-login-overlay-wrapper-inject:1;--_lumo-vaadin-login-overlay-wrapper-inject-modules:lumo_mixins_overlay, lumo_components_login-overlay-wrapper}:where(vaadin-markdown){h1,h2,h3,h4,h5,h6,hr{margin-block:revert-layer}code{background-color:var(--lumo-contrast-10pct)}}@media lumo_components_map{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);--vaadin-map-controls-inset:var(--lumo-space-xs);--vaadin-map-icon-zoom-in:var(--lumo-icons-plus);--vaadin-map-icon-zoom-out:var(--lumo-icons-minus);--vaadin-map-icon-compass:var(--lumo-icons-arrow-up);--vaadin-map-icon-overview-map-collapse:var(--lumo-icons-angle-down);--vaadin-map-icon-overview-map-expand:var(--lumo-icons-angle-up);--vaadin-map-icon-close:var(--lumo-icons-cross);--vaadin-map-icon-attribution-collapse:var(--lumo-icons-angle-right);--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host(:not([theme~=no-border])){border-radius:var(--vaadin-map-border-radius,var(--lumo-border-radius-l))}:host(:not([theme~=no-border])):before{border:1px solid var(--vaadin-map-border-color,var(--lumo-contrast-10pct))}:host([focus-ring]){outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}.ol-compass:empty:before,.ol-full-screen button:empty:before,.ol-full-screen-true:empty:before,.ol-overviewmap button span:empty:before,.ol-zoom-in:empty:before,.ol-zoom-out:empty:before{background:transparent;mask-image:none;display:inline;width:auto;height:auto}.ol-control:not(.ol-uncollapsible):hover{box-shadow:var(--lumo-box-shadow-s);background-color:var(--lumo-shade-20pct)}.ol-scale-bar-inner{border-radius:var(--lumo-border-radius-s)}.ol-compass:empty:before{content:var(--vaadin-map-icon-compass)}.ol-full-screen{height:var(--lumo-size-s)}.ol-full-screen button:empty:before{content:var(--vaadin-map-icon-fullscreen,"\2922")}.ol-full-screen .ol-full-screen-true:empty:before{content:var(--vaadin-map-icon-close,"\00D7")}.ol-overviewmap button span:empty:before{content:var(--vaadin-map-icon-overview-map-collapse)}.ol-overviewmap.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-overview-map-expand)}.ol-overviewmap-map{margin:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-s)}.ol-overviewmap:not(.ol-collapsed),.ol-overviewmap:not(.ol-collapsed):hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);transition:box-shadow .15s}.ol-overviewmap.ol-collapsed button{rotate:none}.ol-zoomslider button{height:var(--lumo-space-m)}.ol-zoomslider:hover button{box-shadow:var(--lumo-box-shadow-s)}.ol-control,.ol-scale-bar,.ol-scale-line{margin:var(--lumo-space-xs)}.ol-control{border-radius:var(--lumo-border-radius-m);transition:box-shadow .15s,background-color .15s;-webkit-backdrop-filter:blur(8px)}.ol-control:hover{background-color:var(--lumo-base-color)}.ol-control button{width:var(--vaadin-map-control-size,var(--lumo-size-s));height:var(--vaadin-map-control-size,var(--lumo-size-s));border-radius:inherit;font-family:lumo-icons;font-size:var(--lumo-icon-size-s);font-weight:400}.ol-attribution:not(.ol-uncollapsible) ul,.ol-control button{display:block;background-color:var(--lumo-base-color);color:var(--lumo-body-text-color)}.ol-control button:hover{color:var(--lumo-primary-text-color)}.ol-control button:active{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}.ol-control button:focus-visible{outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}.ol-zoom-in:empty:before{content:var(--vaadin-map-icon-zoom-in)}.ol-zoom-out:empty:before{content:var(--vaadin-map-icon-zoom-out)}.ol-attribution.ol-uncollapsible{border-radius:var(--lumo-border-radius-m) 0 0 0}.ol-attribution button span:empty:before{content:var(--vaadin-map-icon-attribution-collapse,"\\25B8")}.ol-attribution.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-attribution-expand,"\\2139")}.ol-attribution ul{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color);padding:var(--lumo-space-xs) var(--lumo-space-s);cursor:default}.ol-attribution:not(.ol-uncollapsible) ul{background-color:var(--lumo-base-color)}}:host,:root{--_lumo-vaadin-map-inject:1;--_lumo-vaadin-map-inject-modules:lumo_components_map}:where(:host),:where(:root){--vaadin-master-detail-layout-backdrop:var(
41
41
  --lumo-shade-20pct
42
42
  );--vaadin-master-detail-layout-detail-background:var(
43
43
  --lumo-base-color
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/vaadin-lumo-styles",
3
- "version": "25.4.0-alpha5",
3
+ "version": "25.4.0-alpha6",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -42,9 +42,9 @@
42
42
  "web-component"
43
43
  ],
44
44
  "dependencies": {
45
- "@vaadin/component-base": "25.4.0-alpha5",
46
- "@vaadin/icon": "25.4.0-alpha5",
47
- "@vaadin/vaadin-themable-mixin": "25.4.0-alpha5"
45
+ "@vaadin/component-base": "25.4.0-alpha6",
46
+ "@vaadin/icon": "25.4.0-alpha6",
47
+ "@vaadin/vaadin-themable-mixin": "25.4.0-alpha6"
48
48
  },
49
49
  "devDependencies": {
50
50
  "cssnano": "^9.0.1",
@@ -52,5 +52,5 @@
52
52
  "postcss-cli": "^11.0.1",
53
53
  "postcss-import": "^17.0.0"
54
54
  },
55
- "gitHead": "65e9c9e49c0a723b08ee91b9aae8b901e91a3597"
55
+ "gitHead": "4ead7de23a27c47e5ef4cb172481f8c54e86691a"
56
56
  }
package/src/components/dialog-overlay.css CHANGED
@@ -40,10 +40,16 @@
40
40
  ::slotted([slot='header-content']),
41
41
  ::slotted([slot='title']),
42
42
  ::slotted([slot='footer']) {
43
- display: contents;
44
43
  pointer-events: auto;
45
44
  }
46
45
 
46
+ ::slotted(div[slot='header-content']),
47
+ ::slotted(div[slot='footer']),
48
+ ::slotted(vaadin-dialog-content[slot]),
49
+ ::slotted([slot='title']) {
50
+ display: contents;
51
+ }
52
+
47
53
  ::slotted([slot='title']) {
48
54
  font: inherit !important;
49
55
  overflow-wrap: anywhere;