npm - @vaadin/vaadin-lumo-styles - Versions diffs - 25.4.0-dev.55bb86e155 → 25.4.0-dev.c9532cd333 - Mend

@vaadin/vaadin-lumo-styles 25.4.0-dev.55bb86e155 → 25.4.0-dev.c9532cd333

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 (9) hide show

package/dist/lumo.css +6 -6
package/package.json +5 -5
package/src/components/custom-field.css +9 -27
package/src/components/menu-bar.css +6 -0
package/src/components/multi-select-combo-box.css +5 -0
package/src/components/text-area.css +5 -0
package/src/mixins/field-base.css +1 -1
package/src/mixins/group-field.css +1 -1
package/src/mixins/slider.css +1 -1

package/dist/lumo.css CHANGED Viewed

@@ -26,11 +26,11 @@
       --vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-primary-text-color))
     );position:absolute;right:0;width:1em;text-align:center}:host([invalid]) [part=required-indicator]:after{color:var(
       --vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-error-text-color))
-    )}: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-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(
+    )}: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(
       --vaadin-checkbox-label-padding,var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)
-    )}: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-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));--_input-height:var(--lumo-text-field-size, var(--lumo-size-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));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;font-size:var(--lumo-icon-size-xs);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}.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));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(
+    )}: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));--_input-height:var(--lumo-text-field-size, var(--lumo-size-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));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;font-size:var(--lumo-icon-size-xs);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}.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));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(
     --lumo-space-l
-  );--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);color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);line-height:calc(var(--lumo-text-field-size) + 2 * var(--lumo-space-xs));font-family:var(--lumo-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:0}:host:before{content:"\2003";width:0;margin-top:var(--lumo-space-xs);height:var(--lumo-text-field-size);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}:host([has-label]) [part=label]{padding-bottom:calc(.5em - var(--lumo-space-xs))}:host(:not([has-label])) [part=label],:host(:not([has-label])):before{display:none}:host([has-error-message]) [part=error-message]:before{height:calc(.4em - var(--lumo-space-xs))}: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([theme~=whitespace][has-label]) [part=label]{padding-bottom:.5em}:host(:is([theme~=label-aside][has-label],[data-form-layout-has-labels-aside])){--_input-height:calc(var(--lumo-text-field-size) + var(--lumo-space-xs));padding-top:0}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])[has-label]) [part=label]{padding-bottom:0}}: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(
+  );--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(
       --vaadin-dashboard-drop-target-background-color,
       var(--lumo-primary-color-10pct)
     );--_drop-target-border:var(--vaadin-dashboard-drop-target-border, 1px dashed var(--lumo-primary-color-50pct));color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_icon-color:var(--lumo-contrast-60pct);opacity:var(--_widget-opacity);filter:var(--_widget-filter)}[part~=move-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}header{overflow:hidden;align-items:start;gap:0}[part=title]{color:var(--lumo-header-text-color);line-height:var(--lumo-line-height-s);margin:0 0 1px}vaadin-dashboard-button{font-family:lumo-icons;font-size:var(--lumo-icon-size-m);margin:0}vaadin-dashboard-button .icon:before{display:block;content:var(--icon);background:transparent;mask-image:none;width:auto;height:auto}[part~=move-button],[part~=remove-button],[part~=resize-button]{color:var(--_icon-color);padding-inline:0}:where([part~=move-button],[part~=resize-button],[part~=remove-button]):hover{--_icon-color:var(--lumo-primary-text-color)}:host([selected]){opacity:1;z-index:1;--_icon-color:var(--lumo-primary-text-color)}:host(:is([move-mode],[resize-mode])){--_icon-color:var(--lumo-disabled-text-color)}[part~=move-button]{--icon:var(--lumo-icons-drag-handle)}[part~=remove-button]{--icon:var(--lumo-icons-cross);margin-inline-start:var(--lumo-space-xs)}.mode-controls vaadin-dashboard-button[focused]{z-index:3}:host([move-mode]) :is([part~=move-forward-button],[part~=move-backward-button]) .icon{rotate:none}:host(:not([dir=rtl])) [part~=move-backward-button],:host([dir=rtl]) [part~=move-forward-button]{--icon:var(--lumo-icons-angle-left)}:host(:not([dir=rtl])) [part~=move-forward-button],:host([dir=rtl]) [part~=move-backward-button]{--icon:var(--lumo-icons-angle-right)}}@media lumo_components_dashboard-layout{#grid{--_default-padding:var(--lumo-space-m);--_default-gap:var(--lumo-space-m);--_default-row-min-height:12rem}:host([theme~=shaded-background]){background:var(--lumo-shade-5pct)}:host([theme~=elevated-widgets]){--vaadin-dashboard-widget-shadow:var(--lumo-box-shadow-xs);--vaadin-dashboard-widget-border-color:var(--lumo-contrast-10pct);--vaadin-dashboard-widget-background:linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct)) var(--lumo-base-color)}:host([theme~=flat-widgets]){--vaadin-dashboard-widget-background:var(--lumo-contrast-5pct);--vaadin-dashboard-widget-border-color:transparent}}@media lumo_components_dashboard-section{:host{gap:var(--_gap,1rem);--_section-outline-offset:calc(.33333 * min(var(--_gap), var(--_padding)));--_focus-ring-offset:calc(var(--_section-outline-offset) - var(--_focus-ring-width));border-radius:var(--lumo-border-radius-l);border:none;margin:0;padding:0}header{margin-bottom:calc(-1 * var(--_section-outline-offset));line-height:var(--lumo-line-height-s);padding-inline:var(--lumo-space-s);min-height:var(--lumo-size-l);align-items:center}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;white-space:nowrap;line-height:var(--lumo-line-height-m)}:host([editable]){outline:1px solid var(--lumo-contrast-10pct);outline-offset:calc(-1px + var(--_section-outline-offset));background:var(--lumo-contrast-5pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-contrast-5pct)}:host([editable]) header{padding-inline:var(--lumo-space-xs)}:host([focused]){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:var(--_focus-ring-offset)}:host([selected]){background:var(--lumo-primary-color-10pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-primary-color-10pct)}:host([selected]:not([focused])){outline-color:var(--lumo-primary-color-50pct)}:host([move-mode]) ::slotted(*){--_widget-opacity:0.3;--_widget-filter:blur(10px)}:host([dragging]){background:var(--_drop-target-background-color);outline:var(--_drop-target-border);box-shadow:0 0 0 var(--_section-outline-offset) var(--_drop-target-background-color)!important;border-color:transparent!important}[part~=move-backward-button]{inset-inline-start:calc(-1 * var(--_section-outline-offset))}[part~=move-forward-button]{inset-inline-end:calc(-1 * var(--_section-outline-offset))}}@media lumo_components_dashboard-widget{:host([editable]){--_widget-border-color:var(--lumo-contrast-20pct);--_widget-border-width:1px}:host([selected]){background:var(--lumo-primary-color-10pct)}:host([resizing]):after{top:-1px;background:var(--_drop-target-background-color);border:var(--_drop-target-border)}header{min-height:var(--lumo-size-l);padding:var(--lumo-space-xs) var(--lumo-space-m)}:host([editable]) header{padding:var(--lumo-space-xs)}[part=title]{font-size:var(--lumo-font-size-l);font-weight:600}#content{min-height:var(--lumo-size-m);border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;overflow:hidden}::slotted([slot=header-content]){align-self:center}:host([move-mode]) #content,:host([resize-mode]) #content{opacity:.75;filter:blur(10px)}[part~=resize-button]{--_resize-button-offset:min(var(--_gap), var(--_padding), var(--lumo-space-xs));bottom:calc(-1 * var(--_resize-button-offset));inset-inline-end:calc(-1 * var(--_resize-button-offset));--icon:var(--lumo-icons-resize-handle)}[part~=resize-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}[part~=resize-grow-width-button],[part~=resize-shrink-width-button]{padding-right:0;padding-left:0;min-width:var(--lumo-size-s)}[part~=resize-grow-height-button],[part~=resize-shrink-height-button]{height:var(--lumo-size-s);padding-right:0;padding-left:0}[part~=resize-grow-height-button],[part~=resize-grow-width-button]{--icon:var(--lumo-icons-plus)}[part~=resize-shrink-height-button],[part~=resize-shrink-width-button]{--icon:var(--lumo-icons-minus)}@media (forced-colors:active){:host{border:1px solid}:host([focused]){outline:2px solid;outline-offset:1px}:host([selected]){outline-width:1px;outline-offset:0;outline-color:Highlight}:host([selected][focused]){outline-width:3px;outline-offset:0}}}@media lumo_components_dashboard{:host{--_widget-opacity:1}:host([item-selected]){--_widget-opacity:0.7}}:host,:root{--_lumo-vaadin-dashboard-inject:1;--_lumo-vaadin-dashboard-inject-modules:lumo_components_dashboard-layout, lumo_components_dashboard;--_lumo-vaadin-dashboard-widget-inject:1;--_lumo-vaadin-dashboard-widget-inject-modules:lumo_mixins_dashboard-item, lumo_components_dashboard-widget;--_lumo-vaadin-dashboard-section-inject:1;--_lumo-vaadin-dashboard-section-inject-modules:lumo_mixins_dashboard-item, lumo_components_dashboard-section;--_lumo-vaadin-dashboard-layout-inject:1;--_lumo-vaadin-dashboard-layout-inject-modules:lumo_components_dashboard-layout;--_lumo-vaadin-dashboard-button-inject:1;--_lumo-vaadin-dashboard-button-inject-modules:lumo_components_button}@media lumo_components_date-picker-month-calendar{:host{font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color);text-align:center;padding:var(--vaadin-date-picker-month-padding,0 var(--lumo-space-xs));--_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));--_selection-color-text:var(--vaadin-selection-color-text, var(--lumo-primary-text-color))}[part~=disabled]{pointer-events:none}[part=month-header]{color:var(--vaadin-date-picker-month-header-color,var(--lumo-header-text-color));font-size:var(--vaadin-date-picker-month-header-font-size,var(--lumo-font-size-l));margin-bottom:var(--lumo-space-m)}[part~=weekday]{color:var(--vaadin-date-picker-weekday-color,var(--lumo-secondary-text-color));font-size:var(--vaadin-date-picker-weekday-font-size,var(--lumo-font-size-xxs));font-weight:var(--vaadin-date-picker-weekday-font-weight,normal);line-height:1;margin-bottom:var(--lumo-space-s)}:host([week-numbers]) table{grid-template-columns:var(--lumo-size-xs) repeat(7,1fr)}:host([week-numbers]) [part~=weekday]:empty{display:flex}[part~=week-number]{color:var(--vaadin-date-picker-week-number-color,var(--lumo-secondary-text-color));font-size:var(--vaadin-date-picker-week-number-font-size,var(--lumo-font-size-xxs));grid-column:auto;margin:0}[part~=week-number]:after{display:none}[part~=date]{border-radius:var(--vaadin-date-picker-date-border-radius,var(--lumo-border-radius-m));height:var(--vaadin-date-picker-date-height,var(--lumo-size-m));transition:color .1s}[part~=date]:not(:empty){cursor:var(--lumo-clickable-cursor)}[part~=today]{color:var(--vaadin-date-picker-date-today-color,var(--_selection-color-text))}[part~=selected]{color:var(--vaadin-date-picker-date-selected-color,var(--lumo-primary-contrast-color))}[part~=date]:after{top:50%;left:50%;translate:-50% -50%;width:80%;height:80%;min-width:2em;min-height:2em;max-width:100%;max-height:100%;aspect-ratio:auto;outline:none}[part~=selected]:after{background:var(--vaadin-date-picker-date-selected-background,var(--_selection-color))}[part~=date][part~=focused]:after{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) var(--_focus-ring-color)}:host(:not([focused])) [part~=date][part~=focused]:after{animation:vaadin-date-picker-month-calendar-focus-date 1.4s infinite}@keyframes vaadin-date-picker-month-calendar-focus-date{50%{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) transparent}}[part~=date]:not(:empty):not([part~=disabled]):not([part~=selected]):hover:after{background-color:var(--lumo-primary-color-10pct)}@media (pointer:coarse){:host(:not([focus-ring])) [part~=focused]:not([part~=selected]):after,[part~=date]:hover:not([part~=selected]):after{display:none}[part~=date]:not(:empty):not([part~=disabled]):active:after{display:block}:host(:not([focus-ring])) [part~=date][part~=selected]:after{box-shadow:none}}[disabled]{color:var(--vaadin-date-picker-date-disabled-color,var(--lumo-disabled-text-color));opacity:1}:host([disabled]) *{color:var(--lumo-disabled-text-color)!important}@media (forced-colors:active){[part~=date][part~=focused]{outline:1px solid}[part~=date][part~=selected]{outline:3px solid}}}@media lumo_components_date-picker-overlay-content{:host{background-image:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct));background-size:57px 100%;background-position:100% 0;background-repeat:no-repeat;cursor:default}:host([dir=rtl]){background-position:0 0}::slotted([slot=months]){--vaadin-infinite-scroller-item-height:calc(var(--vaadin-date-picker-month-header-font-size, var(--lumo-font-size-l)) + var(--lumo-space-m) + var(--vaadin-date-picker-weekday-font-size, var(--lumo-font-size-xs)) + var(--lumo-space-s) + 6 * var(--vaadin-date-picker-date-height, var(--lumo-size-m)) + var(--lumo-space-s));--vaadin-infinite-scroller-buffer-offset:10%;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}::slotted([slot=years]){--vaadin-infinite-scroller-buffer-width:57px;width:57px;font-size:var(--lumo-font-size-s);border:none;background:transparent;box-shadow:inset 2px 0 4px 0 var(--lumo-shade-5pct);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);cursor:var(--lumo-clickable-cursor)}:host([dir=rtl]) ::slotted([slot=years]){box-shadow:inset -2px 0 4px 0 var(--lumo-shade-5pct)}::slotted([slot=years]:hover){--_lumo-date-picker-year-opacity:1}::slotted([slot=years]):before{border:none;width:1em;height:1em;background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-top-right-radius:var(--lumo-border-radius-s);box-shadow:2px -2px 6px 0 var(--lumo-shade-5pct);translate:-75% -50%}:host([dir=rtl]) ::slotted([slot=years]):before{border-bottom-left-radius:var(--lumo-border-radius-s);translate:75% -50%}[part=toolbar]{padding:var(--lumo-space-s);border-bottom-left-radius:var(--lumo-border-radius-l)}:host([fullscreen]) [part=toolbar]{margin-inline-end:57px;background-color:var(--lumo-base-color);border:none}[part=toolbar] ::slotted(vaadin-button){margin:0}[part=years-toggle-button]{height:var(--lumo-size-m);padding:0 .5em;border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([years-visible]) [part=years-toggle-button]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}@media screen and (max-width:374px){:host{background-image:none}:host([fullscreen]) [part=toolbar]{margin-inline-end:0}::slotted([slot=years]){--vaadin-infinite-scroller-buffer-width:50px;width:50px;background-color:var(--lumo-shade-5pct)}}}@media lumo_components_date-picker-overlay{[part=overlay]{display:flex;width:calc(57px + 7 * var(--lumo-size-m) + 2 * var(--lumo-space-xs));max-height:calc(14 * var(--lumo-size-m));-webkit-tap-highlight-color:transparent;flex-direction:column}[part=content],[part=overlay]{flex:auto;height:100%;overflow:hidden}[part=content]{padding:0;mask-image:none}:host([top-aligned]) [part=overlay]{margin-top:var(--lumo-space-xs)}:host([bottom-aligned]) [part=overlay]{margin-bottom:var(--lumo-space-xs)}@media (max-height:450px),(max-width:450px){[part=overlay]{width:100vw;height:70vh;max-height:70vh}}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_date-picker-year{:host{display:block;height:100%}:host([current]) [part=year-number]{color:var(--lumo-primary-text-color)}:host(:not([current])) [part=year-number],[part=year-separator]{opacity:var(--_lumo-date-picker-year-opacity,.7);transition:opacity .2s}[part=year-number],[part=year-separator]{display:flex;align-items:center;justify-content:center;height:50%;transform:translateY(-50%)}[part=year-separator]:after{color:var(--lumo-disabled-text-color);content:"\2022"}}@media lumo_components_date-picker{:host([opened]){pointer-events:auto}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}[part~=toggle-button]:before{content:var(--lumo-icons-calendar)}[part~=clear-button]:before{content:var(--lumo-icons-cross)}@media (max-height:450px),(max-width:450px){[part=overlay-content]{height:70vh}}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}}:host,:root{--_lumo-vaadin-date-picker-inject:1;--_lumo-vaadin-date-picker-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_date-picker;--_lumo-vaadin-date-picker-year-inject:1;--_lumo-vaadin-date-picker-year-inject-modules:lumo_components_date-picker-year;--_lumo-vaadin-date-picker-overlay-inject:1;--_lumo-vaadin-date-picker-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_date-picker-overlay;--_lumo-vaadin-date-picker-overlay-content-inject:1;--_lumo-vaadin-date-picker-overlay-content-inject-modules:lumo_mixins_loader, lumo_components_date-picker-overlay-content;--_lumo-vaadin-month-calendar-inject:1;--_lumo-vaadin-month-calendar-inject-modules:lumo_components_date-picker-month-calendar}@media lumo_components_date-time-picker{.vaadin-date-time-picker-container{--vaadin-field-default-width:auto}[part=input-fields]{display:flex;--vaadin-field-default-width:12em}[part=input-fields] ::slotted([slot=date-picker]){min-width:0;flex:1 1 auto}[part=input-fields] ::slotted([slot=time-picker]){min-width:0;flex:1 1.65 auto}::slotted([slot=date-picker]){margin-inline-end:2px;--vaadin-input-field-top-end-radius:0;--vaadin-input-field-bottom-end-radius:0}::slotted([slot=time-picker]){--vaadin-input-field-top-start-radius:0;--vaadin-input-field-bottom-start-radius:0}}@media lumo_components_time-picker-overlay{:host{--_vaadin-time-picker-items-container-border-width:var(--lumo-space-xs);--_vaadin-time-picker-items-container-border-style:solid}#overlay{width:var(--vaadin-time-picker-overlay-width,var(--_vaadin-time-picker-overlay-default-width,auto))}}@media lumo_components_time-picker{:host([opened]){pointer-events:auto}[part~=toggle-button]{cursor:pointer}[part~=toggle-button]:before{content:var(--lumo-icons-clock)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}}:host,:root{--_lumo-vaadin-time-picker-inject:1;--_lumo-vaadin-time-picker-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_time-picker;--_lumo-vaadin-time-picker-item-inject:1;--_lumo-vaadin-time-picker-item-inject-modules:lumo_components_item, lumo_components_combo-box-item;--_lumo-vaadin-time-picker-overlay-inject:1;--_lumo-vaadin-time-picker-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_combo-box-overlay, lumo_components_time-picker-overlay}:host,:root{--_lumo-vaadin-date-time-picker-inject:1;--_lumo-vaadin-date-time-picker-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_custom-field, lumo_components_date-time-picker}:host,:root{--_lumo-vaadin-details-summary-inject:1;--_lumo-vaadin-details-summary-inject-modules:lumo_components_details-summary}:host,:root{--_lumo-vaadin-details-inject:1;--_lumo-vaadin-details-inject-modules:lumo_components_details}@media lumo_mixins_resizable-overlay{[part=overlay]{position:relative;overflow:visible;max-height:100%;display:flex}[part=content]{box-sizing:border-box;height:100%}.resizer-container{display:flex;flex-direction:column;flex-grow:1;min-width:0;border-radius:inherit}[part=overlay][style] .resizer-container{min-height:100%;width:100%}:host(:not([resizable])) .resizer{display:none}:host([resizable]) [part=title]{cursor:move;-webkit-user-select:none;user-select:none}.resizer{position:absolute;height:16px;width:16px}.resizer.edge{height:8px;width:8px;inset:-4px}.resizer.edge.n{width:auto;bottom:auto;cursor:ns-resize}.resizer.ne{top:-4px;right:-4px;cursor:nesw-resize}.resizer.edge.e{height:auto;left:auto;cursor:ew-resize}.resizer.se{bottom:-4px;right:-4px;cursor:nwse-resize}.resizer.edge.s{width:auto;top:auto;cursor:ns-resize}.resizer.sw{bottom:-4px;left:-4px;cursor:nesw-resize}.resizer.edge.w{height:auto;right:auto;cursor:ew-resize}.resizer.nw{top:-4px;left:-4px;cursor:nwse-resize}}:host,:root{--_lumo-vaadin-dialog-overlay-inject:1;--_lumo-vaadin-dialog-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_resizable-overlay, lumo_components_dialog-overlay}@media lumo_components_drawer-toggle{:host{display:inline-flex;align-items:center;justify-content:center;cursor:default;position:relative;outline:none;width:var(--lumo-size-l);height:var(--lumo-size-l);min-width:auto;margin:0 var(--lumo-space-s);padding:0;background:transparent}[part=icon],[part=icon]:after,[part=icon]:before{height:auto;width:auto;background:transparent}[part=icon]:after,[part=icon]:before{content:""}[part=icon]:after{top:6px}[part=icon]:before{top:12px;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);content:var(--lumo-icons-menu)}:host([slot~=navbar]){color:var(--lumo-secondary-text-color)}}:host,:root{--_lumo-vaadin-drawer-toggle-inject:1;--_lumo-vaadin-drawer-toggle-inject-modules:lumo_components_button, lumo_components_drawer-toggle}@media lumo_components_email-field{:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg, transparent, #000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}}:host,:root{--_lumo-vaadin-email-field-inject:1;--_lumo-vaadin-email-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_email-field}@media lumo_components_field-outline{:host{display:block;box-sizing:border-box;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;opacity:0;--_active-user-color:transparent;transition:opacity .3s;mask-image:none!important}:host([has-active-user]){opacity:1}:host:before{content:"";position:absolute;inset:0;box-shadow:0 0 0 2px var(--_active-user-color);border-radius:var(--lumo-border-radius-s);transition:box-shadow .3s}:host([context$=checkbox]):before{box-shadow:0 0 0 2px var(--lumo-base-color),0 0 0 4px var(--_active-user-color)}:host([context$=radio-button]):before{border-radius:50%;box-shadow:0 0 0 3px var(--lumo-base-color),0 0 0 5px var(--_active-user-color)}:host([context$=item]):before{box-shadow:inset 0 0 0 2px var(--_active-user-color)}}@media lumo_components_user-tag{:host{display:block;box-sizing:border-box;margin:0 0 var(--vaadin-user-tag-offset);opacity:0;height:1.3rem;transition:opacity .2s ease-in-out;background-color:var(--vaadin-user-tag-color);color:#fff;cursor:default;-webkit-user-select:none;user-select:none;--vaadin-user-tag-offset:4px;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-xs);--vaadin-user-tag-offset:var(--lumo-space-xs)}:host(.show){opacity:1}:host(:last-of-type){margin-bottom:0}[part=name]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;height:1.3rem;font-size:13px;color:var(--lumo-primary-contrast-color);padding:.3em calc(.3em + .25 * var(--lumo-border-radius-s));line-height:1;font-weight:500;min-width:calc(.45em + 1em * var(--lumo-line-height-xs))}}@media lumo_components_user-tags-overlay{[part=overlay]{box-shadow:none;background:transparent;position:relative;left:-4px;padding:4px;outline:none;overflow:visible}[part=content]{display:flex;flex-direction:column;align-items:flex-start;padding:0}:host([dir=rtl]) [part=overlay]{left:auto;right:-4px}:host([closing]),:host([opening]){animation:user-tags-overlay-dummy-animation .14s}@keyframes user-tags-overlay-dummy-animation{0%{opacity:1}to{opacity:1}}:host([opening]) [part=overlay]{animation:lumo-user-tags-enter .1s ease-out both}@keyframes lumo-user-tags-enter{0%{opacity:0}}:host([closing]) [part=overlay]{animation:lumo-user-tags-exit .1s both}@keyframes lumo-user-tags-exit{to{opacity:0}}}:host,:root{--_lumo-vaadin-user-tags-overlay-inject:1;--_lumo-vaadin-user-tags-overlay-inject-modules:lumo_mixins_overlay, lumo_components_user-tags-overlay;--_lumo-vaadin-user-tag-inject:1;--_lumo-vaadin-user-tag-inject-modules:lumo_components_user-tag;--_lumo-vaadin-field-outline-inject:1;--_lumo-vaadin-field-outline-inject-modules:lumo_components_field-outline}@media lumo_components_form-item{[part=label]{color:var(--vaadin-input-field-label-color,var(--lumo-secondary-text-color));font-family:var(--lumo-font-family);font-size:var(--vaadin-input-field-label-font-size,var(--lumo-font-size-s));font-weight:var(--vaadin-input-field-label-font-weight,500);margin-top:var(--lumo-space-m);margin-left:calc(.25 * var(--lumo-border-radius-m));margin-bottom:var(--lumo-space-xs);line-height:1.333;min-height:1lh}[part=required-indicator]:after{content:var(--vaadin-input-field-required-indicator,var(--lumo-required-field-indicator,"\2022"));color:var(
@@ -43,9 +43,9 @@
     --lumo-base-color
   );--vaadin-master-detail-layout-detail-shadow:0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-m);--vaadin-master-detail-layout-border-color:var(
     --lumo-contrast-10pct
-  )}@media lumo_components_menu-bar-button{:host{margin-block:calc(.5 * var(--lumo-space-xs));margin-right:calc(.5 * var(--lumo-space-xs));margin-left:0;border-radius:0}[part=label]{width:100%}[part=label] ::slotted(vaadin-menu-bar-item){justify-content:center;background-color:transparent;height:var(--lumo-button-size);margin:0 calc(-1 * (.33333 * var(--lumo-size-m) + .5 * var(--lumo-border-radius-m)));padding-inline:calc(.33333 * var(--lumo-size-m) + .5 * var(--lumo-border-radius-m))}:host([theme~=small]) [part=label] ::slotted(vaadin-menu-bar-item){min-height:var(--lumo-size-s);margin:0 calc(-1 * (.33333 * var(--lumo-size-s) + .5 * var(--lumo-border-radius-m)));padding-inline:calc(.33333 * var(--lumo-size-s) + .5 * var(--lumo-border-radius-m))}:host([theme~=tertiary]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0 calc(-.16667 * var(--lumo-button-size));padding-inline:calc(.16667 * var(--lumo-button-size))}:host([theme~=tertiary-inline]){margin-block:calc(.5 * var(--lumo-space-xs));margin-right:calc(.5 * var(--lumo-space-xs))}:host([theme~=tertiary-inline]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0;padding:0}:host([first-visible]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m);margin-left:calc(.5 * var(--lumo-space-xs))}:host([last-visible]),:host([slot=overflow]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){border-radius:var(--lumo-border-radius-m)}:host([slot=overflow]){min-width:var(--lumo-button-size);margin-inline-end:0;padding-inline:calc(.25 * var(--lumo-button-size))}:host([slot=overflow]) ::slotted(*){font-size:var(--lumo-font-size-xl)}:host([slot=overflow]) [part=prefix],:host([slot=overflow]) [part=suffix]{margin-left:0;margin-right:0}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]{margin-inline-start:0;width:1em;height:1em;line-height:1;font-size:var(--lumo-icon-size-s);position:relative;inset-inline-start:.15em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]:after{font-family:lumo-icons;content:var(--lumo-icons-dropdown)}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary][aria-haspopup]) [part=suffix]{inset-inline-start:.05em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary-inline][aria-haspopup]) [part=suffix]{inset-inline-start:0}:host([dir=rtl]){margin-left:calc(.5 * var(--lumo-space-xs));margin-right:0;border-radius:0}:host([dir=rtl][first-visible]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0;margin-right:calc(.5 * var(--lumo-space-xs))}:host([dir=rtl][last-visible]),:host([dir=rtl][slot=overflow]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}}@media lumo_components_menu-bar-item{[part=content]{display:flex;align-items:inherit;justify-content:inherit}[part=content] ::slotted(vaadin-icon){width:var(--lumo-icon-size-m);height:var(--lumo-icon-size-m)}[part=content] ::slotted(vaadin-icon[icon^="vaadin:"]){padding:var(--lumo-space-xs);box-sizing:border-box!important}}@media lumo_components_menu-bar-overlay{:host(:first-of-type){padding-top:var(--lumo-space-xs)}}@media lumo_components_menu-bar{:host{display:block;min-width:0}:host([hidden]){display:none!important}[part=container]{position:relative;display:flex;width:100%;flex-wrap:nowrap;overflow:hidden}:host([has-single-button]) ::slotted(vaadin-menu-bar-button){border-radius:var(--lumo-border-radius-m)}:host([theme~=end-aligned]) ::slotted(vaadin-menu-bar-button[first-visible]),:host([theme~=end-aligned][has-single-button]) ::slotted(vaadin-menu-bar-button){margin-inline-start:auto}}:host,:root{--_lumo-vaadin-menu-bar-inject:1;--_lumo-vaadin-menu-bar-inject-modules:lumo_components_menu-bar;--_lumo-vaadin-menu-bar-overlay-inject:1;--_lumo-vaadin-menu-bar-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_context-menu-overlay, lumo_components_menu-bar-overlay;--_lumo-vaadin-menu-bar-list-box-inject:1;--_lumo-vaadin-menu-bar-list-box-inject-modules:lumo_components_list-box, lumo_components_context-menu-list-box;--_lumo-vaadin-menu-bar-item-inject:1;--_lumo-vaadin-menu-bar-item-inject-modules:lumo_components_item, lumo_components_context-menu-item, lumo_components_menu-bar-item;--_lumo-vaadin-menu-bar-button-inject:1;--_lumo-vaadin-menu-bar-button-inject-modules:lumo_components_button, lumo_components_menu-bar-button}@media lumo_components_message-input{:host{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;max-height:50vh;overflow:hidden;flex-shrink:0;padding:var(--lumo-space-s) var(--lumo-space-m)}:host([hidden]){display:none!important}::slotted([slot=button]){flex-shrink:0}::slotted([slot=textarea]){align-self:stretch;flex-grow:1;margin-inline-end:var(--lumo-space-s)}:host([has-prefix]) ::slotted([slot=textarea]){margin-inline-start:var(--lumo-space-s)}::slotted([slot=footer]),::slotted([slot=header]){width:100%}}:host,:root{--_lumo-vaadin-message-input-button-inject:1;--_lumo-vaadin-message-input-button-inject-modules:lumo_components_button}@media lumo_components_text-area{.vaadin-text-area-container{flex:auto}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])) [part=input-field]{height:100%}[part=error-message],[part=helper-text],[part=label]{flex:none}::slotted(textarea){appearance:none;flex:auto;overflow:hidden;width:100%;height:100%;outline:none;resize:none;margin:0;padding:0 .25em;border:0;border-radius:0;min-width:0;font:inherit;font-size:1em;line-height:normal;color:inherit;background-color:transparent;box-shadow:none}[part=input-field] ::slotted(textarea){align-self:stretch;white-space:pre-wrap;line-height:inherit;--_lumo-text-field-overflow-mask-image:none}[part=input-field] ::slotted(:not(textarea)){align-self:flex-start}:host([disabled]) ::slotted(textarea){user-select:none}[part=input-field],[part=input-field] ::slotted(textarea){height:auto;box-sizing:border-box;min-height:0}[part=input-field]{flex:auto;overflow:auto;padding-top:calc(.5 * (var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)));padding-bottom:calc(.5 * (var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)));transition:background-color .1s;line-height:var(--lumo-line-height-s)}:host(:not([readonly])) [part=input-field]:after{display:none}:host([readonly]) [part=input-field]{border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}:host([readonly]) [part=input-field]:after{border:none}:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-10pct)}:host(:active:not([readonly]):not([focused])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}}[part=input-field] ::slotted([slot$=fix]),[part~=clear-button]{position:sticky;top:0;align-self:flex-start}[part=input-field] ::slotted(vaadin-icon[slot$=fix]),[part~=clear-button]{top:calc(-.5 * (var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)));margin-top:calc(-.5 * (var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)));margin-bottom:calc(-.5 * (var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)))}}:host,:root{--_lumo-vaadin-text-area-inject:1;--_lumo-vaadin-text-area-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_text-area}:host,:root{--_lumo-vaadin-message-input-inject:1;--_lumo-vaadin-message-input-inject-modules:lumo_components_message-input}@media lumo_components_message{:host{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);padding:var(--vaadin-message-padding,var(--lumo-space-s) var(--lumo-space-m));gap:var(--vaadin-message-gap,0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host(:is(:focus-visible,[focus-ring])){outline:none}[part=header]{min-height:calc(var(--lumo-font-size-m) * var(--lumo-line-height-m))}[part=name]{color:var(--vaadin-message-name-color,inherit);margin-inline-end:var(--lumo-space-s)}[part=name]:empty{margin-inline-end:0}[part=message]{color:var(--vaadin-message-text-color,inherit)}[part=time]{color:var(--vaadin-message-time-color,var(--lumo-secondary-text-color));font-size:var(--vaadin-message-time-font-size,var(--lumo-font-size-s))}::slotted([slot=avatar]){--vaadin-avatar-outline-width:0;--vaadin-avatar-size:var(--lumo-size-m);margin-top:var(--lumo-space-s);margin-inline-end:var(--lumo-space-m)}:host(:focus-visible){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=attachments]{margin-block:var(--lumo-space-xs)}[part~=attachment]{color:var(--lumo-body-text-color);position:relative;& [part=attachment-icon]{color:var(--lumo-secondary-text-color);background:var(--lumo-contrast-5pct);--vaadin-icon-size:var(--lumo-icon-size-s)}& [part=attachment-name]{font-size:var(--lumo-font-size-s)}&:after{content:"";position:absolute;z-index:1;inset:0;background:currentColor;border-radius:inherit;opacity:0;pointer-events:none;filter:blur(8px)}&:hover:after{opacity:.02}&:focus-visible{outline:none;box-shadow:0 0 0 calc(1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color,var(--lumo-base-color)),0 0 0 calc(var(--_focus-ring-width) + 1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color)}&:active:after{opacity:.1;transition-duration:0s,0s;transform:scale(0)}}}:host,:root{--_lumo-vaadin-message-inject:1;--_lumo-vaadin-message-inject-modules:lumo_components_message}@media lumo_components_multi-select-combo-box-chip{:host{display:inline-flex;align-items:center;align-self:center;white-space:nowrap;box-sizing:border-box;font-size:var(--lumo-font-size-xxs);line-height:1;color:var(--lumo-body-text-color);border-radius:var(--lumo-border-radius-s);background-color:var(--lumo-contrast-20pct);cursor:var(--lumo-clickable-cursor);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(:is([readonly],[disabled],[slot=overflow])) [part=remove-button],:host([hidden]){display:none!important}:host([disabled]){background-color:var(--lumo-contrast-10pct)}:host([focused]) [part=remove-button]{color:inherit}:host([slot=overflow]){position:relative;min-width:var(--lumo-size-xxs);margin-inline-start:var(--lumo-space-s)}:host([slot=overflow]):after,:host([slot=overflow]):before{position:absolute;content:"";width:100%;height:100%;border-left:calc(.25 * var(--lumo-space-s)) solid var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-s)}:host([slot=overflow]):before{left:calc(-.5 * var(--lumo-space-s))}:host([slot=overflow]):after{left:calc(-1 * var(--lumo-space-s))}:host([count="2"]){margin-inline-start:calc(.5 * var(--lumo-space-s))}:host([count="2"]):after{display:none}:host([count="1"]){margin-inline-start:0}:host([count="1"]):after,:host([count="1"]):before{display:none}[part=label]{font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis}[part=remove-button]{display:flex;align-items:center;justify-content:center;margin-top:-.3125em;margin-bottom:-.3125em;margin-inline-start:auto;width:1.25em;height:1.25em;font-size:1.5em;transition:none}[part=remove-button]:before{content:var(--lumo-icons-cross)}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color);pointer-events:none}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}}}@media lumo_components_multi-select-combo-box-container{#wrapper{display:flex;width:100%;min-width:0}:host([auto-expand-vertically]){padding-block:var(--lumo-space-xs)}:host([auto-expand-vertically]) #wrapper{flex-wrap:wrap}}@media lumo_components_multi-select-combo-box-item{@media (any-hover:hover){:host(:hover[readonly]){background-color:transparent;cursor:default}}}@media lumo_components_multi-select-combo-box-overlay{:host{--_vaadin-multi-select-combo-box-items-container-border-width:var(--lumo-space-xs);--_vaadin-multi-select-combo-box-items-container-border-style:solid}#overlay{width:var(
+  )}@media lumo_components_menu-bar-button{:host{margin-block:calc(.5 * var(--lumo-space-xs));margin-right:calc(.5 * var(--lumo-space-xs));margin-left:0;border-radius:0}[part=label]{width:100%}[part=label] ::slotted(vaadin-menu-bar-item){justify-content:center;background-color:transparent;height:var(--lumo-button-size);margin:0 calc(-1 * (.33333 * var(--lumo-size-m) + .5 * var(--lumo-border-radius-m)));padding-inline:calc(.33333 * var(--lumo-size-m) + .5 * var(--lumo-border-radius-m))}:host([theme~=small]) [part=label] ::slotted(vaadin-menu-bar-item){min-height:var(--lumo-size-s);margin:0 calc(-1 * (.33333 * var(--lumo-size-s) + .5 * var(--lumo-border-radius-m)));padding-inline:calc(.33333 * var(--lumo-size-s) + .5 * var(--lumo-border-radius-m))}:host([theme~=tertiary]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0 calc(-.16667 * var(--lumo-button-size));padding-inline:calc(.16667 * var(--lumo-button-size))}:host([theme~=tertiary-inline]){margin-block:calc(.5 * var(--lumo-space-xs));margin-right:calc(.5 * var(--lumo-space-xs))}:host([theme~=tertiary-inline]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0;padding:0}:host([first-visible]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m);margin-left:calc(.5 * var(--lumo-space-xs))}:host([last-visible]),:host([slot=overflow]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){border-radius:var(--lumo-border-radius-m)}:host([slot=overflow]){min-width:var(--lumo-button-size);margin-inline-end:0;padding-inline:calc(.25 * var(--lumo-button-size))}:host([slot=overflow]) ::slotted(*){font-size:var(--lumo-font-size-xl)}:host([slot=overflow]) [part=prefix],:host([slot=overflow]) [part=suffix]{margin-left:0;margin-right:0}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]{margin-inline-start:0;width:1em;height:1em;line-height:1;font-size:var(--lumo-icon-size-s);position:relative;inset-inline-start:.15em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]:after{font-family:lumo-icons;content:var(--lumo-icons-dropdown)}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary][aria-haspopup]) [part=suffix]{inset-inline-start:.05em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary-inline][aria-haspopup]) [part=suffix]{inset-inline-start:0}:host([dir=rtl]){margin-left:calc(.5 * var(--lumo-space-xs));margin-right:0;border-radius:0}:host([dir=rtl][first-visible]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0;margin-right:calc(.5 * var(--lumo-space-xs))}:host([dir=rtl][last-visible]),:host([dir=rtl][slot=overflow]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}}@media lumo_components_menu-bar-item{[part=content]{display:flex;align-items:inherit;justify-content:inherit}[part=content] ::slotted(vaadin-icon){width:var(--lumo-icon-size-m);height:var(--lumo-icon-size-m)}[part=content] ::slotted(vaadin-icon[icon^="vaadin:"]){padding:var(--lumo-space-xs);box-sizing:border-box!important}}@media lumo_components_menu-bar-overlay{:host(:first-of-type){padding-top:var(--lumo-space-xs)}}@media lumo_components_menu-bar{:host{display:block;min-width:0}:host([hidden]){display:none!important}:host([overflow-frozen]){contain:inline-size!important;contain-intrinsic-inline-size:var(--_vaadin-menu-bar-content-width)}[part=container]{position:relative;display:flex;width:100%;flex-wrap:nowrap;overflow:hidden}:host([has-single-button]) ::slotted(vaadin-menu-bar-button){border-radius:var(--lumo-border-radius-m)}:host([theme~=end-aligned]) ::slotted(vaadin-menu-bar-button[first-visible]),:host([theme~=end-aligned][has-single-button]) ::slotted(vaadin-menu-bar-button){margin-inline-start:auto}}:host,:root{--_lumo-vaadin-menu-bar-inject:1;--_lumo-vaadin-menu-bar-inject-modules:lumo_components_menu-bar;--_lumo-vaadin-menu-bar-overlay-inject:1;--_lumo-vaadin-menu-bar-overlay-inject-modules:lumo_mixins_overlay, lumo_mixins_menu-overlay-core, lumo_mixins_menu-overlay-ext, lumo_components_context-menu-overlay, lumo_components_menu-bar-overlay;--_lumo-vaadin-menu-bar-list-box-inject:1;--_lumo-vaadin-menu-bar-list-box-inject-modules:lumo_components_list-box, lumo_components_context-menu-list-box;--_lumo-vaadin-menu-bar-item-inject:1;--_lumo-vaadin-menu-bar-item-inject-modules:lumo_components_item, lumo_components_context-menu-item, lumo_components_menu-bar-item;--_lumo-vaadin-menu-bar-button-inject:1;--_lumo-vaadin-menu-bar-button-inject-modules:lumo_components_button, lumo_components_menu-bar-button}@media lumo_components_message-input{:host{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;max-height:50vh;overflow:hidden;flex-shrink:0;padding:var(--lumo-space-s) var(--lumo-space-m)}:host([hidden]){display:none!important}::slotted([slot=button]){flex-shrink:0}::slotted([slot=textarea]){align-self:stretch;flex-grow:1;margin-inline-end:var(--lumo-space-s)}:host([has-prefix]) ::slotted([slot=textarea]){margin-inline-start:var(--lumo-space-s)}::slotted([slot=footer]),::slotted([slot=header]){width:100%}}:host,:root{--_lumo-vaadin-message-input-button-inject:1;--_lumo-vaadin-message-input-button-inject-modules:lumo_components_button}@media lumo_components_text-area{:host{--_input-height:var(--lumo-text-field-size)}.vaadin-text-area-container{flex:auto}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])) [part=input-field]{height:100%}[part=error-message],[part=helper-text],[part=label]{flex:none}::slotted(textarea){appearance:none;flex:auto;overflow:hidden;width:100%;height:100%;outline:none;resize:none;margin:0;padding:0 .25em;border:0;border-radius:0;min-width:0;font:inherit;font-size:1em;line-height:normal;color:inherit;background-color:transparent;box-shadow:none}[part=input-field] ::slotted(textarea){align-self:stretch;white-space:pre-wrap;line-height:inherit;--_lumo-text-field-overflow-mask-image:none}[part=input-field] ::slotted(:not(textarea)){align-self:flex-start}:host([disabled]) ::slotted(textarea){user-select:none}[part=input-field],[part=input-field] ::slotted(textarea){height:auto;box-sizing:border-box;min-height:0}[part=input-field]{flex:auto;overflow:auto;padding-top:calc(.5 * (var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)));padding-bottom:calc(.5 * (var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)));transition:background-color .1s;line-height:var(--lumo-line-height-s)}:host(:not([readonly])) [part=input-field]:after{display:none}:host([readonly]) [part=input-field]{border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}:host([readonly]) [part=input-field]:after{border:none}:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-10pct)}:host(:active:not([readonly]):not([focused])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}}[part=input-field] ::slotted([slot$=fix]),[part~=clear-button]{position:sticky;top:0;align-self:flex-start}[part=input-field] ::slotted(vaadin-icon[slot$=fix]),[part~=clear-button]{top:calc(-.5 * (var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)));margin-top:calc(-.5 * (var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)));margin-bottom:calc(-.5 * (var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)))}}:host,:root{--_lumo-vaadin-text-area-inject:1;--_lumo-vaadin-text-area-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_text-area}:host,:root{--_lumo-vaadin-message-input-inject:1;--_lumo-vaadin-message-input-inject-modules:lumo_components_message-input}@media lumo_components_message{:host{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);padding:var(--vaadin-message-padding,var(--lumo-space-s) var(--lumo-space-m));gap:var(--vaadin-message-gap,0);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host(:is(:focus-visible,[focus-ring])){outline:none}[part=header]{min-height:calc(var(--lumo-font-size-m) * var(--lumo-line-height-m))}[part=name]{color:var(--vaadin-message-name-color,inherit);margin-inline-end:var(--lumo-space-s)}[part=name]:empty{margin-inline-end:0}[part=message]{color:var(--vaadin-message-text-color,inherit)}[part=time]{color:var(--vaadin-message-time-color,var(--lumo-secondary-text-color));font-size:var(--vaadin-message-time-font-size,var(--lumo-font-size-s))}::slotted([slot=avatar]){--vaadin-avatar-outline-width:0;--vaadin-avatar-size:var(--lumo-size-m);margin-top:var(--lumo-space-s);margin-inline-end:var(--lumo-space-m)}:host(:focus-visible){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=attachments]{margin-block:var(--lumo-space-xs)}[part~=attachment]{color:var(--lumo-body-text-color);position:relative;& [part=attachment-icon]{color:var(--lumo-secondary-text-color);background:var(--lumo-contrast-5pct);--vaadin-icon-size:var(--lumo-icon-size-s)}& [part=attachment-name]{font-size:var(--lumo-font-size-s)}&:after{content:"";position:absolute;z-index:1;inset:0;background:currentColor;border-radius:inherit;opacity:0;pointer-events:none;filter:blur(8px)}&:hover:after{opacity:.02}&:focus-visible{outline:none;box-shadow:0 0 0 calc(1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color,var(--lumo-base-color)),0 0 0 calc(var(--_focus-ring-width) + 1px * var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color)}&:active:after{opacity:.1;transition-duration:0s,0s;transform:scale(0)}}}:host,:root{--_lumo-vaadin-message-inject:1;--_lumo-vaadin-message-inject-modules:lumo_components_message}@media lumo_components_multi-select-combo-box-chip{:host{display:inline-flex;align-items:center;align-self:center;white-space:nowrap;box-sizing:border-box;font-size:var(--lumo-font-size-xxs);line-height:1;color:var(--lumo-body-text-color);border-radius:var(--lumo-border-radius-s);background-color:var(--lumo-contrast-20pct);cursor:var(--lumo-clickable-cursor);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(:is([readonly],[disabled],[slot=overflow])) [part=remove-button],:host([hidden]){display:none!important}:host([disabled]){background-color:var(--lumo-contrast-10pct)}:host([focused]) [part=remove-button]{color:inherit}:host([slot=overflow]){position:relative;min-width:var(--lumo-size-xxs);margin-inline-start:var(--lumo-space-s)}:host([slot=overflow]):after,:host([slot=overflow]):before{position:absolute;content:"";width:100%;height:100%;border-left:calc(.25 * var(--lumo-space-s)) solid var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-s)}:host([slot=overflow]):before{left:calc(-.5 * var(--lumo-space-s))}:host([slot=overflow]):after{left:calc(-1 * var(--lumo-space-s))}:host([count="2"]){margin-inline-start:calc(.5 * var(--lumo-space-s))}:host([count="2"]):after{display:none}:host([count="1"]){margin-inline-start:0}:host([count="1"]):after,:host([count="1"]):before{display:none}[part=label]{font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis}[part=remove-button]{display:flex;align-items:center;justify-content:center;margin-top:-.3125em;margin-bottom:-.3125em;margin-inline-start:auto;width:1.25em;height:1.25em;font-size:1.5em;transition:none}[part=remove-button]:before{content:var(--lumo-icons-cross)}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color);pointer-events:none}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}}}@media lumo_components_multi-select-combo-box-container{#wrapper{display:flex;width:100%;min-width:0}:host([auto-expand-vertically]){padding-block:var(--lumo-space-xs)}:host([auto-expand-vertically]) #wrapper{flex-wrap:wrap}}@media lumo_components_multi-select-combo-box-item{@media (any-hover:hover){:host(:hover[readonly]){background-color:transparent;cursor:default}}}@media lumo_components_multi-select-combo-box-overlay{:host{--_vaadin-multi-select-combo-box-items-container-border-width:var(--lumo-space-xs);--_vaadin-multi-select-combo-box-items-container-border-style:solid}#overlay{width:var(
       --vaadin-multi-select-combo-box-overlay-width,var(--_vaadin-multi-select-combo-box-overlay-default-width,auto)
-    )}}@media lumo_components_multi-select-combo-box-select-all-button{:host{display:block;flex:none;box-sizing:border-box;contain:inline-size;height:var(--lumo-size-s);margin:var(--vaadin-item-overlay-padding,4px);padding:.5em calc(var(--lumo-space-l) + .25 * var(--lumo-border-radius-m)) .5em var(--_lumo-list-box-item-padding-left,calc(.25 * var(--lumo-border-radius-m)));border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;cursor:var(--lumo-clickable-cursor);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host:before{content:"";display:inline-block;font-size:var(--lumo-font-size-m);width:var(--lumo-icon-size-m)}@media (any-hover:hover){:host(:hover){background:var(--lumo-primary-color-10pct)}}:host([focused]){outline:none;box-shadow:inset 0 0 0 var(--vaadin-focus-ring-width,2px) var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct))}}@media lumo_components_multi-select-combo-box{:host{max-width:100%;--input-min-width:var(--vaadin-multi-select-combo-box-input-min-width, 4em);--_chip-min-width:var(--vaadin-multi-select-combo-box-chip-min-width, 50px);--_wrapper-gap:0}:host([opened]){pointer-events:auto}[hidden]{display:none!important}#chips{display:flex;align-items:center}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])) [part=input-field]:before{content:"\2003"/"";width:0;align-self:start;line-height:var(--vaadin-input-field-height,var(--_input-height))}::slotted(input){box-sizing:border-box;flex:1 0 var(--input-min-width)}::slotted([slot=chip]),::slotted([slot=overflow]){flex:0 1 auto}::slotted([slot=chip]){overflow:hidden}:host(:is([readonly],[disabled])) ::slotted(input){flex-grow:0;flex-basis:0;padding:0}:host([auto-expand-vertically]) #chips{display:contents}:host([auto-expand-horizontally]) [class$=container]{width:auto}:host([has-value]){padding-inline-start:0}[part=label]{flex-shrink:0}[part=input-field] ::slotted([slot=chip]),[part=input-field] ::slotted([slot=overflow]){min-height:auto;padding:.3125em calc(.5em + .25 * var(--lumo-border-radius-s));color:var(--lumo-body-text-color);mask-image:none}:host([auto-expand-vertically]) ::slotted([slot=chip]){margin-block:calc(.5 * var(--lumo-space-xs))}::slotted([slot=chip]:not([readonly]):not([disabled])){padding-inline-end:0}:host([auto-expand-vertically]) [part=input-field]{--vaadin-input-field-height:calc(var(--lumo-text-field-size, var(--lumo-size-m)) - 2 * var(--lumo-space-xs))}::slotted([slot=chip]:not(:last-of-type)),::slotted([slot=overflow]:not(:last-of-type)){margin-inline-end:var(--lumo-space-xs)}::slotted([slot=chip][focused]){background-color:var(--vaadin-selection-color,var(--lumo-primary-color));color:var(--lumo-primary-contrast-color)}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host([readonly][has-value]) [part~=toggle-button]{color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor)}:host([has-select-all]) #overlay slot[name=overlay]::slotted(*){border-top:1px solid var(--vaadin-border-color-secondary)}}:host,:root{--_lumo-vaadin-multi-select-combo-box-container-inject:1;--_lumo-vaadin-multi-select-combo-box-container-inject-modules:lumo_components_input-container, lumo_components_multi-select-combo-box-container;--_lumo-vaadin-multi-select-combo-box-overlay-inject:1;--_lumo-vaadin-multi-select-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_multi-select-combo-box-overlay;--_lumo-vaadin-multi-select-combo-box-chip-inject:1;--_lumo-vaadin-multi-select-combo-box-chip-inject-modules:lumo_mixins_field-button, lumo_components_multi-select-combo-box-chip;--_lumo-vaadin-multi-select-combo-box-item-inject:1;--_lumo-vaadin-multi-select-combo-box-item-inject-modules:lumo_components_item, lumo_components_combo-box-item, lumo_components_multi-select-combo-box-item;--_lumo-vaadin-multi-select-combo-box-select-all-button-inject:1;--_lumo-vaadin-multi-select-combo-box-select-all-button-inject-modules:lumo_components_multi-select-combo-box-select-all-button;--_lumo-vaadin-multi-select-combo-box-inject:1;--_lumo-vaadin-multi-select-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_multi-select-combo-box}@media lumo_components_notification-card{:host{display:block;position:relative;margin:var(--lumo-space-s)}[part=overlay]{pointer-events:auto;background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:0 0 0 1px var(--lumo-contrast-10pct),var(--lumo-box-shadow-l);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:400;line-height:var(--lumo-line-height-s);letter-spacing:0;text-transform:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=content]{padding:var(--lumo-space-wide-l);display:flex;align-items:center;justify-content:space-between}[part=content] ::slotted(vaadin-button){flex:none;margin:0 calc(-1 * var(--lumo-space-s)) 0 var(--lumo-space-m)}:host([slot^=middle]){max-width:80vw;margin:var(--lumo-space-s) auto}:host([slot$=stretch]){margin:0}:host([slot$=stretch]) [part=overlay]{border-radius:0}@media (min-width:421px){:host(:not([slot$=stretch])){display:flex}:host([slot$=end]){justify-content:flex-end}:host([slot$=center]),:host([slot^=middle]){display:flex;justify-content:center}}@keyframes lumo-notification-exit-fade-out{to{opacity:0}}@keyframes lumo-notification-enter-fade-in{0%{opacity:0}}@keyframes lumo-notification-enter-slide-down{0%{transform:translateY(-200%);opacity:0}}@keyframes lumo-notification-exit-slide-up{to{transform:translateY(-200%);opacity:0}}@keyframes lumo-notification-enter-slide-up{0%{transform:translateY(200%);opacity:0}}@keyframes lumo-notification-exit-slide-down{to{transform:translateY(200%);opacity:0}}:host([slot=middle][opening]){animation:lumo-notification-enter-fade-in .3s}:host([slot=middle][closing]){animation:lumo-notification-exit-fade-out .3s}:host([slot^=top][opening]){animation:lumo-notification-enter-slide-down .3s}:host([slot^=top][closing]){animation:lumo-notification-exit-slide-up .3s}:host([slot^=bottom][opening]){animation:lumo-notification-enter-slide-up .3s}:host([slot^=bottom][closing]){animation:lumo-notification-exit-slide-down .3s}:host([theme~=success]){--_focus-ring-gap-color:var(--lumo-success-color);--vaadin-focus-ring-color:var(--lumo-success-contrast-color)}:host([theme~=warning]){--_focus-ring-gap-color:var(--lumo-warning-color);--vaadin-focus-ring-color:var(--lumo-warning-contrast-color)}:host([theme~=error]){--_focus-ring-gap-color:var(--lumo-error-color);--vaadin-focus-ring-color:var(--lumo-error-contrast-color)}:host(:is([theme~=primary],[theme~=info])){--_focus-ring-gap-color:var(--lumo-primary-color);--vaadin-focus-ring-color:var(--lumo-primary-contrast-color)}:host(:is([theme~=info],[theme~=primary],.v-info.v-primary)) [part=overlay]{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=info],[theme~=primary],.v-info.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-primary-contrast-color);--vaadin-button-primary-background:var(--lumo-primary-contrast-color);--vaadin-button-primary-text-color:var(--lumo-primary-text-color)}:host(.v-info) [part=overlay]{background:linear-gradient(var(--lumo-primary-color-10pct),var(--lumo-primary-color-10pct)) var(--lumo-base-color);color:var(--lumo-primary-text-color)}:host(.v-info){--vaadin-button-background:var(--lumo-primary-color-10pct);--vaadin-button-text-color:var(--lumo-primary-text-color);--vaadin-button-primary-background:var(--lumo-primary-color);--vaadin-button-primary-text-color:var(--lumo-primary-contrast-color)}:host(:is([theme~=contrast],.v-primary)) [part=overlay]{background:var(--lumo-contrast);color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=contrast],.v-primary)){--vaadin-button-background:var(--lumo-contrast-20pct);--vaadin-button-text-color:var(--lumo-base-color);--vaadin-button-primary-background:var(--lumo-base-color);--vaadin-button-primary-text-color:var(--lumo-contrast)}:host(:is([theme~=success],.v-success.v-primary)) [part=overlay]{background:var(--lumo-success-color);color:var(--lumo-success-contrast-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=success],.v-success.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-success-contrast-color);--vaadin-button-primary-background:var(--lumo-success-contrast-color);--vaadin-button-primary-text-color:var(--lumo-success-text-color)}:host(.v-success) [part=overlay]{background:linear-gradient(var(--lumo-success-color-10pct),var(--lumo-success-color-10pct)) var(--lumo-base-color);color:var(--lumo-success-text-color)}:host(.v-success){--vaadin-button-background:var(--lumo-success-color-10pct);--vaadin-button-text-color:var(--lumo-success-text-color);--vaadin-button-primary-background:var(--lumo-success-color);--vaadin-button-primary-text-color:var(--lumo-success-contrast-color)}:host(:is([theme~=error],.v-error.v-primary)) [part=overlay]{background:var(--lumo-error-color);color:var(--lumo-error-contrast-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=error],.v-error.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-error-contrast-color);--vaadin-button-primary-background:var(--lumo-error-contrast-color);--vaadin-button-primary-text-color:var(--lumo-error-text-color)}:host(.v-error) [part=overlay]{background:linear-gradient(var(--lumo-error-color-10pct),var(--lumo-error-color-10pct)) var(--lumo-base-color);color:var(--lumo-error-text-color)}:host(.v-error){--vaadin-button-background:var(--lumo-error-color-10pct);--vaadin-button-text-color:var(--lumo-error-text-color);--vaadin-button-primary-background:var(--lumo-error-color);--vaadin-button-primary-text-color:var(--lumo-error-contrast-color)}:host(:is([theme~=warning],.v-warning.v-primary)) [part=overlay]{background:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct),var(--lumo-box-shadow-l)}:host(:is([theme~=warning],.v-warning.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-warning-contrast-color);--vaadin-button-primary-background:var(--lumo-shade-50pct);--vaadin-button-primary-text-color:var(--lumo-primary-contrast-color)}:host(.v-warning) [part=overlay]{background:linear-gradient(var(--lumo-warning-color-10pct),var(--lumo-warning-color-10pct)) var(--lumo-base-color);color:var(--lumo-warning-text-color)}:host(.v-warning){--vaadin-button-background:var(--lumo-warning-color-10pct);--vaadin-button-text-color:var(--lumo-warning-text-color);--vaadin-button-primary-background:var(--lumo-warning-color);--vaadin-button-primary-text-color:var(--lumo-warning-contrast-color)}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_notification-container{:host{position:fixed;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;pointer-events:none;width:auto;height:auto;border:none;padding:0;background-color:transparent;overflow:visible}[region-group]{flex:1 1 0%;display:flex}[region-group=top]{align-items:flex-start}[region-group=bottom]{align-items:flex-end}[region-group]>[region]{flex:1 1 0%}@media (max-width:450px){[region-group]{flex-direction:column;align-items:stretch}[region-group=top]{justify-content:flex-start}[region-group=bottom]{justify-content:flex-end}[region-group]>[region]{flex:initial}}}:host,:root{--_lumo-vaadin-notification-container-inject:1;--_lumo-vaadin-notification-container-inject-modules:lumo_components_notification-container;--_lumo-vaadin-notification-card-inject:1;--_lumo-vaadin-notification-card-inject-modules:lumo_components_notification-card}:host,:root{--_lumo-vaadin-number-field-inject:1;--_lumo-vaadin-number-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-overlay-inject:1;--_lumo-vaadin-overlay-inject-modules:lumo_mixins_overlay}@media lumo_components_popover-overlay{:host{--_arrow-size:var(--vaadin-popover-arrow-size, 0.75rem);--_default-offset:var(--lumo-space-xs)}[part=overlay]{overflow:visible;border:none}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-popover-overlay-inject:1;--_lumo-vaadin-popover-overlay-inject-modules:lumo_mixins_overlay, lumo_components_popover-overlay}@media lumo_components_progress-bar{:host{display:block;width:100%;height:round(.1 * var(--lumo-size-l),1px);margin:var(--lumo-space-s) 0}:host([hidden]){display:none!important}[part=bar]{background-color:var(--lumo-contrast-10pct)}[part=bar],[part=value]{height:100%;border-radius:var(--lumo-border-radius-m)}[part=value]{transform-origin:0 50%;background-color:var(--lumo-primary-color);transform:none;width:calc(100% * var(--vaadin-progress-value));transition:width .1s linear}:host([dir=rtl]) [part=value]{transform-origin:100% 50%}@media (forced-colors:active){[part=bar]{outline:1px solid}[part=value]{background-color:AccentColor!important;forced-color-adjust:none}}:host([indeterminate]) [part=value]{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(
+    )}}@media lumo_components_multi-select-combo-box-select-all-button{:host{display:block;flex:none;box-sizing:border-box;contain:inline-size;height:var(--lumo-size-s);margin:var(--vaadin-item-overlay-padding,4px);padding:.5em calc(var(--lumo-space-l) + .25 * var(--lumo-border-radius-m)) .5em var(--_lumo-list-box-item-padding-left,calc(.25 * var(--lumo-border-radius-m)));border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;cursor:var(--lumo-clickable-cursor);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host:before{content:"";display:inline-block;font-size:var(--lumo-font-size-m);width:var(--lumo-icon-size-m)}@media (any-hover:hover){:host(:hover){background:var(--lumo-primary-color-10pct)}}:host([focused]){outline:none;box-shadow:inset 0 0 0 var(--vaadin-focus-ring-width,2px) var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct))}}@media lumo_components_multi-select-combo-box{:host{max-width:100%;--input-min-width:var(--vaadin-multi-select-combo-box-input-min-width, 4em);--_chip-min-width:var(--vaadin-multi-select-combo-box-chip-min-width, 50px);--_wrapper-gap:0}:host([opened]){pointer-events:auto}[hidden]{display:none!important}#chips{display:flex;align-items:center}:host(:is([theme~=label-aside],[data-form-layout-has-labels-aside])) [part=input-field]:before{content:"\2003"/"";width:0;align-self:start;line-height:var(--vaadin-input-field-height,var(--_input-height))}::slotted(input){box-sizing:border-box;flex:1 0 var(--input-min-width)}::slotted([slot=chip]),::slotted([slot=overflow]){flex:0 1 auto}::slotted([slot=chip]){overflow:hidden}:host(:is([readonly],[disabled])) ::slotted(input){flex-grow:0;flex-basis:0;padding:0}:host([auto-expand-vertically]) #chips{display:contents}:host([auto-expand-horizontally]) [class$=container]{width:auto}:host([has-value]){padding-inline-start:0}[part=label]{flex-shrink:0}[part=input-field] ::slotted([slot=chip]),[part=input-field] ::slotted([slot=overflow]){min-height:auto;padding:.3125em calc(.5em + .25 * var(--lumo-border-radius-s));color:var(--lumo-body-text-color);mask-image:none}:host([auto-expand-vertically]) ::slotted([slot=chip]){margin-block:calc(.5 * var(--lumo-space-xs))}::slotted([slot=chip]:not([readonly]):not([disabled])){padding-inline-end:0}:host([auto-expand-vertically]){--_input-height:var(--lumo-text-field-size)}:host([auto-expand-vertically]) [part=input-field]{--vaadin-input-field-height:calc(var(--lumo-text-field-size, var(--lumo-size-m)) - 2 * var(--lumo-space-xs))}::slotted([slot=chip]:not(:last-of-type)),::slotted([slot=overflow]:not(:last-of-type)){margin-inline-end:var(--lumo-space-xs)}::slotted([slot=chip][focused]){background-color:var(--vaadin-selection-color,var(--lumo-primary-color));color:var(--lumo-primary-contrast-color)}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host([readonly][has-value]) [part~=toggle-button]{color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor)}:host([has-select-all]) #overlay slot[name=overlay]::slotted(*){border-top:1px solid var(--vaadin-border-color-secondary)}}:host,:root{--_lumo-vaadin-multi-select-combo-box-container-inject:1;--_lumo-vaadin-multi-select-combo-box-container-inject-modules:lumo_components_input-container, lumo_components_multi-select-combo-box-container;--_lumo-vaadin-multi-select-combo-box-overlay-inject:1;--_lumo-vaadin-multi-select-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_multi-select-combo-box-overlay;--_lumo-vaadin-multi-select-combo-box-chip-inject:1;--_lumo-vaadin-multi-select-combo-box-chip-inject-modules:lumo_mixins_field-button, lumo_components_multi-select-combo-box-chip;--_lumo-vaadin-multi-select-combo-box-item-inject:1;--_lumo-vaadin-multi-select-combo-box-item-inject-modules:lumo_components_item, lumo_components_combo-box-item, lumo_components_multi-select-combo-box-item;--_lumo-vaadin-multi-select-combo-box-select-all-button-inject:1;--_lumo-vaadin-multi-select-combo-box-select-all-button-inject-modules:lumo_components_multi-select-combo-box-select-all-button;--_lumo-vaadin-multi-select-combo-box-inject:1;--_lumo-vaadin-multi-select-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_multi-select-combo-box}@media lumo_components_notification-card{:host{display:block;position:relative;margin:var(--lumo-space-s)}[part=overlay]{pointer-events:auto;background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:0 0 0 1px var(--lumo-contrast-10pct),var(--lumo-box-shadow-l);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:400;line-height:var(--lumo-line-height-s);letter-spacing:0;text-transform:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=content]{padding:var(--lumo-space-wide-l);display:flex;align-items:center;justify-content:space-between}[part=content] ::slotted(vaadin-button){flex:none;margin:0 calc(-1 * var(--lumo-space-s)) 0 var(--lumo-space-m)}:host([slot^=middle]){max-width:80vw;margin:var(--lumo-space-s) auto}:host([slot$=stretch]){margin:0}:host([slot$=stretch]) [part=overlay]{border-radius:0}@media (min-width:421px){:host(:not([slot$=stretch])){display:flex}:host([slot$=end]){justify-content:flex-end}:host([slot$=center]),:host([slot^=middle]){display:flex;justify-content:center}}@keyframes lumo-notification-exit-fade-out{to{opacity:0}}@keyframes lumo-notification-enter-fade-in{0%{opacity:0}}@keyframes lumo-notification-enter-slide-down{0%{transform:translateY(-200%);opacity:0}}@keyframes lumo-notification-exit-slide-up{to{transform:translateY(-200%);opacity:0}}@keyframes lumo-notification-enter-slide-up{0%{transform:translateY(200%);opacity:0}}@keyframes lumo-notification-exit-slide-down{to{transform:translateY(200%);opacity:0}}:host([slot=middle][opening]){animation:lumo-notification-enter-fade-in .3s}:host([slot=middle][closing]){animation:lumo-notification-exit-fade-out .3s}:host([slot^=top][opening]){animation:lumo-notification-enter-slide-down .3s}:host([slot^=top][closing]){animation:lumo-notification-exit-slide-up .3s}:host([slot^=bottom][opening]){animation:lumo-notification-enter-slide-up .3s}:host([slot^=bottom][closing]){animation:lumo-notification-exit-slide-down .3s}:host([theme~=success]){--_focus-ring-gap-color:var(--lumo-success-color);--vaadin-focus-ring-color:var(--lumo-success-contrast-color)}:host([theme~=warning]){--_focus-ring-gap-color:var(--lumo-warning-color);--vaadin-focus-ring-color:var(--lumo-warning-contrast-color)}:host([theme~=error]){--_focus-ring-gap-color:var(--lumo-error-color);--vaadin-focus-ring-color:var(--lumo-error-contrast-color)}:host(:is([theme~=primary],[theme~=info])){--_focus-ring-gap-color:var(--lumo-primary-color);--vaadin-focus-ring-color:var(--lumo-primary-contrast-color)}:host(:is([theme~=info],[theme~=primary],.v-info.v-primary)) [part=overlay]{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=info],[theme~=primary],.v-info.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-primary-contrast-color);--vaadin-button-primary-background:var(--lumo-primary-contrast-color);--vaadin-button-primary-text-color:var(--lumo-primary-text-color)}:host(.v-info) [part=overlay]{background:linear-gradient(var(--lumo-primary-color-10pct),var(--lumo-primary-color-10pct)) var(--lumo-base-color);color:var(--lumo-primary-text-color)}:host(.v-info){--vaadin-button-background:var(--lumo-primary-color-10pct);--vaadin-button-text-color:var(--lumo-primary-text-color);--vaadin-button-primary-background:var(--lumo-primary-color);--vaadin-button-primary-text-color:var(--lumo-primary-contrast-color)}:host(:is([theme~=contrast],.v-primary)) [part=overlay]{background:var(--lumo-contrast);color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=contrast],.v-primary)){--vaadin-button-background:var(--lumo-contrast-20pct);--vaadin-button-text-color:var(--lumo-base-color);--vaadin-button-primary-background:var(--lumo-base-color);--vaadin-button-primary-text-color:var(--lumo-contrast)}:host(:is([theme~=success],.v-success.v-primary)) [part=overlay]{background:var(--lumo-success-color);color:var(--lumo-success-contrast-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=success],.v-success.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-success-contrast-color);--vaadin-button-primary-background:var(--lumo-success-contrast-color);--vaadin-button-primary-text-color:var(--lumo-success-text-color)}:host(.v-success) [part=overlay]{background:linear-gradient(var(--lumo-success-color-10pct),var(--lumo-success-color-10pct)) var(--lumo-base-color);color:var(--lumo-success-text-color)}:host(.v-success){--vaadin-button-background:var(--lumo-success-color-10pct);--vaadin-button-text-color:var(--lumo-success-text-color);--vaadin-button-primary-background:var(--lumo-success-color);--vaadin-button-primary-text-color:var(--lumo-success-contrast-color)}:host(:is([theme~=error],.v-error.v-primary)) [part=overlay]{background:var(--lumo-error-color);color:var(--lumo-error-contrast-color);box-shadow:var(--lumo-box-shadow-l)}:host(:is([theme~=error],.v-error.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-error-contrast-color);--vaadin-button-primary-background:var(--lumo-error-contrast-color);--vaadin-button-primary-text-color:var(--lumo-error-text-color)}:host(.v-error) [part=overlay]{background:linear-gradient(var(--lumo-error-color-10pct),var(--lumo-error-color-10pct)) var(--lumo-base-color);color:var(--lumo-error-text-color)}:host(.v-error){--vaadin-button-background:var(--lumo-error-color-10pct);--vaadin-button-text-color:var(--lumo-error-text-color);--vaadin-button-primary-background:var(--lumo-error-color);--vaadin-button-primary-text-color:var(--lumo-error-contrast-color)}:host(:is([theme~=warning],.v-warning.v-primary)) [part=overlay]{background:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct),var(--lumo-box-shadow-l)}:host(:is([theme~=warning],.v-warning.v-primary)){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-warning-contrast-color);--vaadin-button-primary-background:var(--lumo-shade-50pct);--vaadin-button-primary-text-color:var(--lumo-primary-contrast-color)}:host(.v-warning) [part=overlay]{background:linear-gradient(var(--lumo-warning-color-10pct),var(--lumo-warning-color-10pct)) var(--lumo-base-color);color:var(--lumo-warning-text-color)}:host(.v-warning){--vaadin-button-background:var(--lumo-warning-color-10pct);--vaadin-button-text-color:var(--lumo-warning-text-color);--vaadin-button-primary-background:var(--lumo-warning-color);--vaadin-button-primary-text-color:var(--lumo-warning-contrast-color)}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_notification-container{:host{position:fixed;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;pointer-events:none;width:auto;height:auto;border:none;padding:0;background-color:transparent;overflow:visible}[region-group]{flex:1 1 0%;display:flex}[region-group=top]{align-items:flex-start}[region-group=bottom]{align-items:flex-end}[region-group]>[region]{flex:1 1 0%}@media (max-width:450px){[region-group]{flex-direction:column;align-items:stretch}[region-group=top]{justify-content:flex-start}[region-group=bottom]{justify-content:flex-end}[region-group]>[region]{flex:initial}}}:host,:root{--_lumo-vaadin-notification-container-inject:1;--_lumo-vaadin-notification-container-inject-modules:lumo_components_notification-container;--_lumo-vaadin-notification-card-inject:1;--_lumo-vaadin-notification-card-inject-modules:lumo_components_notification-card}:host,:root{--_lumo-vaadin-number-field-inject:1;--_lumo-vaadin-number-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-overlay-inject:1;--_lumo-vaadin-overlay-inject-modules:lumo_mixins_overlay}@media lumo_components_popover-overlay{:host{--_arrow-size:var(--vaadin-popover-arrow-size, 0.75rem);--_default-offset:var(--lumo-space-xs)}[part=overlay]{overflow:visible;border:none}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-popover-overlay-inject:1;--_lumo-vaadin-popover-overlay-inject-modules:lumo_mixins_overlay, lumo_components_popover-overlay}@media lumo_components_progress-bar{:host{display:block;width:100%;height:round(.1 * var(--lumo-size-l),1px);margin:var(--lumo-space-s) 0}:host([hidden]){display:none!important}[part=bar]{background-color:var(--lumo-contrast-10pct)}[part=bar],[part=value]{height:100%;border-radius:var(--lumo-border-radius-m)}[part=value]{transform-origin:0 50%;background-color:var(--lumo-primary-color);transform:none;width:calc(100% * var(--vaadin-progress-value));transition:width .1s linear}:host([dir=rtl]) [part=value]{transform-origin:100% 50%}@media (forced-colors:active){[part=bar]{outline:1px solid}[part=value]{background-color:AccentColor!important;forced-color-adjust:none}}:host([indeterminate]) [part=value]{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(
       to right,
       var(--lumo-primary-color-10pct) 10%,
       var(--lumo-primary-color)
@@ -111,7 +111,7 @@
       var(--lumo-success-color)
     )}}:host,:root{--_lumo-vaadin-progress-bar-inject:1;--_lumo-vaadin-progress-bar-inject-modules:lumo_components_progress-bar}@media lumo_components_radio-button{:host{color:var(--vaadin-radio-button-label-color,var(--lumo-body-text-color));font-size:var(--vaadin-radio-button-label-font-size,var(--lumo-font-size-m));--_radio-button-size:var(--vaadin-radio-button-size, calc(.5 * var(--lumo-size-m)))}:host([has-label]) ::slotted(label){padding:var(
       --vaadin-radio-button-label-padding,var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)
-    )}[part=radio]{--_input-size:var(--_radio-button-size);border-radius:50%;background:var(--vaadin-radio-button-background,var(--lumo-contrast-20pct));--_input-border-color:var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct))}[part=radio]:after{content:"";pointer-events:none;width:0;height:0;border:var(--vaadin-radio-button-dot-size,var(--vaadin-radio-button-marker-size,3px)) solid var(--vaadin-radio-button-dot-color,var(--lumo-primary-contrast-color));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s;background-clip:content-box}:host([checked]){--vaadin-input-field-border-color:transparent}:host([checked]) [part=radio]{background-color:var(--_selection-color)}:host([checked]) [part=radio]:after{transform:translate(-50%,-50%) scale(1)}:host(:not([checked]):not([disabled]):hover) [part=radio]{background:var(--vaadin-radio-button-background-hover,var(--lumo-contrast-30pct))}:host([active]) [part=radio]{transform:scale(.9);transition-duration:.05s}:host([active][checked]) [part=radio]{transform:scale(1.1)}:host([active]:not([checked])) [part=radio]:before{transition-duration:.01s,.01s;transform:scale(0);opacity:.4}:host([focus-ring]) [part=radio]{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([disabled]){pointer-events:none;color:var(--lumo-disabled-text-color);--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) ::slotted(label){color:inherit}:host([disabled]) [part=radio]{background-color:var(--vaadin-radio-button-disabled-background,var(--lumo-contrast-10pct))}:host([disabled]) [part=radio]:after{border-color:var(--vaadin-radio-button-disabled-dot-color,var(--lumo-contrast-30pct))}:host([dir=rtl][has-label]) ::slotted(label){padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s)}@media (forced-colors:active){[part=radio]{outline:1px solid;outline-offset:-1px}:host([focused]) [part=radio]{outline-width:2px}:host([disabled]) [part=radio]{outline-color:GrayText}}}:host,:root{--_lumo-vaadin-radio-button-inject:1;--_lumo-vaadin-radio-button-inject-modules:lumo_mixins_checkable-field, lumo_components_radio-button}@media lumo_components_radio-group{:host(:hover:not([readonly])) [part=helper-text],:host(:hover:not([readonly]):not([focused])) [part=label]{color:var(--lumo-body-text-color)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused])) [part=label]{color:var(--lumo-secondary-text-color)}}}:host,:root{--_lumo-vaadin-radio-group-inject:1;--_lumo-vaadin-radio-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_radio-group}@media lumo_mixins_slider{: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-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);--_fill-background:var(--vaadin-slider-fill-background, var(--lumo-primary-color));--_thumb-width:var(--vaadin-slider-thumb-width, calc(.5 * var(--lumo-size-m)));--_thumb-height:var(--vaadin-slider-thumb-height, calc(.5 * var(--lumo-size-m)))}:host:before{content:"\2003";height:var(--lumo-size-s);width:0;box-sizing:border-box;display:inline-flex;align-items:center;border:0;padding:0;margin:0;align-self:auto}[class$=container]{display:flex;flex-direction:column;min-width:100%;max-width:100%;width:var(--vaadin-field-default-width,12em)}:host([readonly]){--_fill-background:var(--lumo-contrast-70pct);--vaadin-slider-thumb-border-color:var(--_fill-background)}:host([disabled]){--vaadin-slider-track-background:var(--lumo-contrast-10pct);--vaadin-slider-fill-background:var(--lumo-contrast-30pct);--vaadin-slider-thumb-border-color:var(--_fill-background);pointer-events:none}[part=track]{background:var(--vaadin-slider-track-background,var(--lumo-contrast-30pct));border-radius:var(--vaadin-slider-track-border-radius,var(--lumo-border-radius-s));height:var(--vaadin-slider-track-height,calc(.1 * var(--lumo-size-l)))}[part=track-fill]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}[part~=thumb]{background:var(--lumo-base-color);border-width:var(--vaadin-slider-thumb-border-width,3px);border-color:var(--vaadin-slider-thumb-border-color,var(--_fill-background))}[part=label]{margin-top:-.25em;margin-bottom:0}[part=helper-text]{margin:0}#controls{min-height:var(--lumo-size-s);padding:0;border:0}[part=marks]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}[part=error-message]{display:block;margin-top:0}:host([has-error-message]) [part=error-message]:before{height:.4em;mask:none;background:transparent}:host([readonly]) [part=track-fill]{border:none}@media (any-hover:hover){: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 lumo_components_range-slider{:host(:not([readonly]):is([end-active],[focus-ring][end-focused])) [part~=thumb-end],:host(:not([readonly]):is([start-active],[focus-ring][start-focused])) [part~=thumb-start]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}:host([focus-ring][end-focused]) [part~=thumb-end],:host([focus-ring][start-focused]) [part~=thumb-start]{outline:var(--_focus-ring-width) solid var(--_focus-ring-color)}}@media lumo_components_slider-bubble-overlay{:host{--_border-width:0px}[part=overlay]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);overflow:visible;padding:0}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}@media (forced-colors:active){[part=overlay]{outline:1px dashed}}}:host,:root{--_lumo-vaadin-range-slider-inject:1;--_lumo-vaadin-range-slider-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_mixins_slider, lumo_components_range-slider}@media lumo_components_rich-text-editor-popup-overlay{:host{--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}[part=overlay]{margin:var(--lumo-space-xs) 0}[part=content]{padding:var(--lumo-space-xs);max-width:calc(7 * (var(--_button-size) + 2 * var(--_button-margin)));display:flex;flex-wrap:wrap;justify-content:center;--_button-size:1.25rem;--_button-margin:3px}[part=content] ::slotted(button){border:none;background-color:var(--_btn-background);width:var(--_button-size);height:var(--_button-size);margin:var(--_button-margin)}[part=content] ::slotted(button:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(1px + -1 * var(--_focus-ring-width))}[part=content] ::slotted(button:first-of-type){position:relative;border:solid 1px var(--lumo-contrast-10pct);background-image:repeating-linear-gradient(135deg,transparent,transparent 47%,red 50%,transparent 53%,transparent);background-color:transparent;background-clip:padding-box}}@media lumo_components_rich-text-editor{:host{background:var(--vaadin-rich-text-editor-background,transparent);border:none;border-radius:0;min-height:calc(8 * var(--lumo-size-m));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;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_item-indent:var(--lumo-space-m);--_marker-indent:var(--lumo-space-xs)}:host(:focus-within){outline:none}[part=content]{background-color:var(--lumo-base-color)}[part=toolbar]{background-color:var(--vaadin-rich-text-editor-toolbar-background,var(--lumo-contrast-5pct));padding:var(--vaadin-rich-text-editor-toolbar-padding,calc(-1px + var(--lumo-space-s)) var(--lumo-space-xs));gap:var(--vaadin-rich-text-editor-toolbar-gap,0)}[part~=toolbar-button]{padding:var(--vaadin-rich-text-editor-toolbar-button-padding,0);font:inherit;line-height:1;text-transform:none;background:var(--vaadin-rich-text-editor-toolbar-button-background,transparent);border-width:var(--vaadin-rich-text-editor-toolbar-button-border-width,0);width:var(--lumo-size-m);height:var(--lumo-size-m);border-radius:var(--lumo-border-radius-m);color:var(--vaadin-rich-text-editor-toolbar-button-text-color,var(--lumo-contrast-60pct));margin:2px 1px;cursor:var(--lumo-clickable-cursor);transition:background-color .1s,color .1s}[part~=toolbar-button]:not([part~=toolbar-button-pressed]):hover{outline:none;--vaadin-rich-text-editor-toolbar-button-background:var(--lumo-contrast-5pct);--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-contrast-80pct)}[part~=toolbar-button]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);mask-image:none;background:transparent;height:auto;width:auto}[part~=toolbar-group]{margin:0 .5em;margin:0 calc(-1px + .5 * var(--lumo-space-l))}[part~=toolbar-button-bold]:before{content:"B";font-weight:700}[part~=toolbar-button-italic]:before{content:"I";font-style:italic}[part~=toolbar-button-underline]:before{content:"U";text-decoration:underline}[part~=toolbar-button-strike]:before{content:"T";text-decoration:line-through}[part~=toolbar-button-h1]:before{content:"H1";font-size:1.25em;font-size:var(--lumo-font-size-m)}[part~=toolbar-button-h2]:before{content:"H2";font-size:1em;font-size:var(--lumo-font-size-s)}[part~=toolbar-button-h3]:before{content:"H3";font-size:.875em;font-size:var(--lumo-font-size-xs)}[part~=toolbar-button-h1]:before,[part~=toolbar-button-h2]:before,[part~=toolbar-button-h3]:before{letter-spacing:-.05em;font-weight:600}[part~=toolbar-button-subscript]:before,[part~=toolbar-button-superscript]:before{content:"X";font-weight:600;font-size:var(--lumo-font-size-s)}[part~=toolbar-button-subscript]:after,[part~=toolbar-button-superscript]:after{content:"2";position:absolute;top:50%;left:70%;font-size:.625em;font-weight:700}[part~=toolbar-button-superscript]:after{top:20%}[part~=toolbar-button-blockquote]:before{content:"”";height:.6em;font-size:var(--lumo-font-size-xxl)}[part~=toolbar-button-code-block]:before{content:var(--lumo-icons-angle-left) var(--lumo-icons-angle-right);font-size:var(--lumo-font-size-l);letter-spacing:-.5em;margin-left:-.25em;font-weight:600}[part~=toolbar-button-background]:before,[part~=toolbar-button-color]:before{content:"A";font-size:1em}[part~=toolbar-button-background]:after,[part~=toolbar-button-color]:after{width:auto;height:auto;mask-image:none;transform:none}[part~=toolbar-button-color]:after{bottom:4px;left:25%;right:25%;width:50%;height:4px}[part~=toolbar-button-background]:before{z-index:1;background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}[part~=toolbar-button-background]:after{content:"";position:absolute;inset:20%;background:repeating-linear-gradient(135deg,var(--_background-value,currentColor),var(--_background-value,currentColor) 1px,transparent 1px,transparent 2px)}:host([disabled]) [part~=toolbar-button]{--vaadin-rich-text-editor-toolbar-button-background:transparent}[part~=toolbar-button]:focus,[part~=toolbar-button][aria-expanded=true]{outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}@media (hover:none){[part~=toolbar-button]:hover{--vaadin-rich-text-editor-toolbar-button-background:transparent}}[part~=toolbar-button-pressed]{--vaadin-rich-text-editor-toolbar-button-background:var(--vaadin-selection-color, var(--lumo-primary-color));--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-primary-contrast-color)}[part~=toolbar-button]:not([part~=toolbar-button-pressed]):active{--vaadin-rich-text-editor-toolbar-button-background:var(--lumo-contrast-10pct);--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-contrast-90pct)}[part~=toolbar-button-undo]:before{content:var(--lumo-icons-undo)}[part~=toolbar-button-redo]:before{content:var(--lumo-icons-redo)}[part~=toolbar-button-background]:before,[part~=toolbar-button-bold]:before,[part~=toolbar-button-color]:before,[part~=toolbar-button-italic]:before,[part~=toolbar-button-strike]:before,[part~=toolbar-button-underline]:before{font-size:var(--lumo-font-size-m);font-weight:600}[part~=toolbar-button-background]:hover:before{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)),linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}[part~=toolbar-button-background]:active:before{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)),linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}[part~=toolbar-button-list-ordered]:before{content:var(--lumo-icons-ordered-list)}[part~=toolbar-button-list-bullet]:before{content:var(--lumo-icons-unordered-list)}[part~=toolbar-button-outdent]:before{content:var(--lumo-icons-outdent)}[part~=toolbar-button-indent]:before{content:var(--lumo-icons-indent)}[part~=toolbar-button-align-left]:before{content:var(--lumo-icons-align-left)}[part~=toolbar-button-align-center]:before{content:var(--lumo-icons-align-center)}[part~=toolbar-button-align-right]:before{content:var(--lumo-icons-align-right)}[part~=toolbar-button-image]:before{content:var(--lumo-icons-photo)}[part~=toolbar-button-link]:before{content:var(--lumo-icons-link)}[part~=toolbar-button-clean]:before{content:var(--lumo-icons-clean);font-size:var(--lumo-font-size-l)}:host(:not([theme~=no-border])){border:1px solid var(--lumo-contrast-20pct)}:host(:not([theme~=no-border]):not([readonly])) [part=content]{border-top:1px solid var(--lumo-contrast-20pct)}:host([theme~=no-border]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:var(--lumo-space-s) var(--lumo-space-xs)}:host([theme~=compact]){min-height:calc(6 * var(--lumo-size-m))}:host([theme~=compact]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:var(--lumo-space-xs) 0}:host([theme~=compact][theme~=no-border]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:calc(1px + var(--lumo-space-xs)) 0}:host([theme~=compact]) [part~=toolbar-button]{width:var(--lumo-size-s);height:var(--lumo-size-s)}:host([theme~=compact]) [part~=toolbar-group]{margin:0 calc(-1px + .5 * var(--lumo-space-m))}.ql-editor{color:var(--vaadin-rich-text-editor-content-color,inherit);padding:var(--vaadin-rich-text-editor-content-padding,var(--lumo-space-s) var(--lumo-space-m))}.ql-code-block-container{background-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);margin-block:.3125em;padding:.3125em .625em}blockquote{padding-left:1em;margin-inline:40px}code{background-color:var(--lumo-contrast-10pct);font-size:85%;padding:.125em .25em}:where(h1,h2,h3,h4,h5,h6){margin-top:1.25em}:where(h1){margin-bottom:.75em}:where(h2,h3,h4){margin-bottom:.5em}:where(h5){margin-bottom:.25em}:host([dir=rtl]) [part~=toolbar-button-redo]:before{content:var(--lumo-icons-undo)}:host([dir=rtl]) [part~=toolbar-button-undo]:before{content:var(--lumo-icons-redo)}}@media lumo_global_typography{:where(:host),:where(body){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}[theme~=font-size-s],small{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s)}[theme~=font-size-xs]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}:where(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:var(--lumo-line-height-xs);color:var(--lumo-header-text-color);margin-block:0}:where(h1){font-size:var(--lumo-font-size-xxxl)}:where(h2){font-size:var(--lumo-font-size-xxl)}:where(h3){font-size:var(--lumo-font-size-xl)}:where(h4){font-size:var(--lumo-font-size-l)}:where(h5){font-size:var(--lumo-font-size-m)}:where(h6){font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.03em}blockquote,p{margin-top:.5em;margin-bottom:.75em}a{text-decoration:none}a:where(:any-link){color:var(--lumo-primary-text-color)}a:where(:any-link):hover{text-decoration:underline}a:not(:any-link){color:var(--lumo-disabled-text-color)}hr{display:block;align-self:stretch;height:1px;border:0;padding:0;margin:var(--lumo-space-s) calc(.5 * var(--lumo-border-radius-m));background-color:var(--lumo-contrast-10pct)}b,strong{font-weight:600}code,pre{border-radius:var(--lumo-border-radius-m)}pre code{background:transparent}blockquote{border-left:2px solid var(--lumo-contrast-30pct);color:var(--lumo-secondary-text-color)}blockquote[dir=rtl]{border-left:none;border-right:2px solid var(--lumo-contrast-30pct)}}@media lumo_components_tooltip-overlay{:host{--_vaadin-tooltip-default-offset:var(--lumo-space-xs)}[part=overlay]{border:none;padding:0;max-width:40ch;background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s)}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-tooltip-overlay-inject:1;--_lumo-vaadin-tooltip-overlay-inject-modules:lumo_mixins_overlay, lumo_components_tooltip-overlay}:host,:root{--_lumo-vaadin-rich-text-editor-inject:1;--_lumo-vaadin-rich-text-editor-inject-modules:lumo_global_typography, lumo_components_rich-text-editor;--_lumo-vaadin-rich-text-editor-popup-overlay-inject:1;--_lumo-vaadin-rich-text-editor-popup-overlay-inject-modules:lumo_mixins_overlay, lumo_components_rich-text-editor-popup-overlay}@media lumo_components_scroller{:host{--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host([focus-ring]){outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}}:host,:root{--_lumo-vaadin-scroller-inject:1;--_lumo-vaadin-scroller-inject-modules:lumo_components_scroller}@media lumo_components_side-nav{:host{display:block;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);color:var(--lumo-body-text-color);-webkit-tap-highlight-color:transparent;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host([hidden]){display:none!important}button{display:flex;align-items:center;justify-content:inherit;width:100%;margin:0;padding:0;background-color:initial;color:inherit;border:initial;outline:none;font:inherit;text-align:inherit}[part=children]{padding:0;margin:0;list-style-type:none}[part=label]{display:flex;align-items:center;width:100%;outline:none;box-sizing:border-box;border-radius:var(--lumo-border-radius-m);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs)}[part=label] ::slotted([slot=label]){color:var(--lumo-secondary-text-color);margin:var(--lumo-space-s)}:host([focus-ring]) [part=label]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=toggle-button]{display:inline-flex;align-items:center;justify-content:center;width:var(--lumo-size-s);height:var(--lumo-size-s);margin-inline:auto var(--lumo-space-xs);font-size:var(--lumo-icon-size-m);line-height:1;color:var(--lumo-contrast-60pct);font-family:lumo-icons;cursor:var(--lumo-clickable-cursor)}[part=toggle-button]:before{content:var(--lumo-icons-angle-right);transition:transform .14s}:host(:not([collapsible])) [part=toggle-button]{display:none!important}:host(:not([collapsed])) [part=toggle-button]:before{transform:rotate(90deg)}:host([collapsed][dir=rtl]) [part=toggle-button]:before{transform:rotate(180deg)}@media (any-hover:hover){[part=label]:hover [part=toggle-button]{color:var(--lumo-body-text-color)}}}@media lumo_components_side-nav-item{:host{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([hidden]),[hidden]{display:none!important}:host([disabled]){pointer-events:none}[part=content],[part=link]{display:flex;align-items:center}[part=link]{flex:auto;min-width:0;text-decoration:none;color:inherit;font:inherit;width:100%;gap:var(--lumo-space-xs);padding:var(--lumo-space-s);padding-inline-start:calc(var(--lumo-space-s) + var(--_child-indent, 0px));border-radius:var(--lumo-border-radius-m);transition:background-color .14s,color .14s;cursor:var(--lumo-clickable-cursor,default);min-height:var(--lumo-icon-size-m)}button{appearance:none;flex:none;position:relative;margin:0;padding:0;border:0;background:transparent}[part=children]{padding:0;margin:0;list-style-type:none}:host(:not([has-children])) button{display:none!important}slot[name=prefix],slot[name=suffix]{flex:none}slot:not([name]){display:block;flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 var(--lumo-space-s)}[part=link][href]{cursor:pointer}:host([disabled]) [part=link]{color:var(--lumo-disabled-text-color)}[part=toggle-button]{margin-inline-end:calc(-1 * var(--lumo-space-xs));width:var(--lumo-size-s);height:var(--lumo-size-s)}:host([has-children]) [part=content]{padding-inline-end:var(--lumo-space-s)}@media (any-hover:hover){[part=link]:hover{color:var(--lumo-header-text-color)}[part=toggle-button]:hover{color:var(--lumo-body-text-color)}}[part=link]:active:focus{background-color:var(--lumo-contrast-5pct)}[part=toggle-button]:before{content:var(--lumo-icons-dropdown);transform:rotate(-90deg);transition:transform .14s}:host([dir=rtl]) [part=toggle-button]:before{transform:rotate(90deg)}:host([expanded]) [part=toggle-button]:before{transform:none}[part=link],[part=toggle-button]{outline:none}[part=link]:focus-visible,[part=toggle-button]:focus-visible{border-radius:var(--lumo-border-radius-m);box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=link]:active{color:var(--lumo-header-text-color)}slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){padding:.1em;flex-shrink:0;color:var(--lumo-contrast-60pct)}:host([disabled]) slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:var(--lumo-disabled-text-color)}:host([current]) slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:inherit}slot[name=children]{--_child-indent:calc(var(--_child-indent-2, 0px) + var(--vaadin-side-nav-child-indent, var(--lumo-space-l)))}slot[name=children]::slotted(*){--_child-indent-2:var(--_child-indent)}:host([current]) [part=content]{background-color:var(--lumo-primary-color-10pct);color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color));border-radius:var(--lumo-border-radius-m)}}:host,:root{--_lumo-vaadin-side-nav-item-inject:1;--_lumo-vaadin-side-nav-item-inject-modules:lumo_mixins_field-button, lumo_mixins_sr-only, lumo_components_side-nav-item}:host,:root{--_lumo-vaadin-side-nav-inject:1;--_lumo-vaadin-side-nav-inject-modules:lumo_components_side-nav}@media lumo_components_slider{:host(:not([readonly]):is([active],[focus-ring])) [part=thumb]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}:host([focus-ring]) [part=thumb]{outline:var(--_focus-ring-width) solid var(--_focus-ring-color)}}:host,:root{--_lumo-vaadin-slider-inject:1;--_lumo-vaadin-slider-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_mixins_slider, lumo_components_slider;--_lumo-vaadin-slider-bubble-overlay-inject:1;--_lumo-vaadin-slider-bubble-overlay-inject-modules:lumo_mixins_overlay, lumo_components_slider-bubble-overlay}@media lumo_components_split-layout{[part=splitter]{--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_splitter-size:var(--vaadin-split-layout-splitter-size, var(--lumo-space-s));--_splitter-target-size:var(--vaadin-split-layout-splitter-target-size, var(--lumo-space-s));--_handle-size:var(--vaadin-split-layout-handle-size, var(--lumo-space-xs));--_handle-target-size:var(--vaadin-split-layout-handle-target-size, var(--lumo-size-m));background:var(--vaadin-split-layout-splitter-background,var(--lumo-contrast-5pct));transition:background-color .1s}:host([focus-ring]) [part=splitter]:after{outline:var(--_focus-ring-width) solid var(--_focus-ring-color)}[part=handle]{background:var(--vaadin-split-layout-handle-background,var(--lumo-contrast-30pct));border-radius:var(--lumo-border-radius-s)}[part=splitter]:active [part=handle]{background:var(--lumo-contrast-50pct)}:host([theme~=small])>[part=splitter]{--vaadin-split-layout-handle-size:5px;background:var(--lumo-contrast-10pct)}:host([theme~=minimal])>[part=splitter]{--vaadin-split-layout-splitter-size:0px;--vaadin-split-layout-handle-size:5px;--vaadin-split-layout-splitter-target-size:5px}:host([theme~=minimal])>[part=splitter]>[part=handle]{opacity:0}:host([theme~=minimal])>[part=splitter]:is(:hover,:active)>[part=handle],:host([theme~=minimal][focus-ring])>[part=splitter]>[part=handle]{opacity:1}@media (any-hover:hover){[part=splitter]:hover [part=handle]{background-color:var(--lumo-contrast-40pct)}}}:host,:root{--_lumo-vaadin-split-layout-inject:1;--_lumo-vaadin-split-layout-inject-modules:lumo_components_split-layout}@media lumo_components_switch{:host{--_switch-height:var(--vaadin-switch-height, calc(.5 * var(--lumo-size-m)));--_marker-height:var(--vaadin-switch-marker-height, round(-4px + .5 * var(--lumo-size-m), 2px));--_cursor:var(--lumo-clickable-cursor)}:host:before{display:none}[part=switch]{width:var(--_switch-width);height:var(--_switch-height);box-shadow:none;background:var(--vaadin-switch-background,light-dark(var(--lumo-contrast-50pct),var(--lumo-contrast-40pct)));border-color:var(--vaadin-switch-border-color,transparent);&:before{position:absolute;transform:scaleX(1.4) scaleY(1.7)}}[part=marker]{background:var(--vaadin-switch-marker-color,var(--lumo-tint));color:var(--vaadin-switch-icon-color,var(--lumo-shade-60pct));scale:var(--vaadin-switch-marker-scale,1)}:host(:not([disabled],[readonly])) [part=marker]{box-shadow:var(--lumo-box-shadow-xs)}::slotted(label){color:var(--vaadin-switch-label-color,var(--lumo-body-text-color));font-size:var(--vaadin-switch-label-font-size,var(--lumo-font-size-m));font-weight:var(--vaadin-switch-label-font-weight,var(--vaadin-input-field-label-font-weight,400))}:host([required]) [part=label]{display:flex;position:relative;max-width:max-content;padding-inline-end:0}:host([has-label]) ::slotted(label){padding:var(
+    )}[part=radio]{--_input-size:var(--_radio-button-size);border-radius:50%;background:var(--vaadin-radio-button-background,var(--lumo-contrast-20pct));--_input-border-color:var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct))}[part=radio]:after{content:"";pointer-events:none;width:0;height:0;border:var(--vaadin-radio-button-dot-size,var(--vaadin-radio-button-marker-size,3px)) solid var(--vaadin-radio-button-dot-color,var(--lumo-primary-contrast-color));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s;background-clip:content-box}:host([checked]){--vaadin-input-field-border-color:transparent}:host([checked]) [part=radio]{background-color:var(--_selection-color)}:host([checked]) [part=radio]:after{transform:translate(-50%,-50%) scale(1)}:host(:not([checked]):not([disabled]):hover) [part=radio]{background:var(--vaadin-radio-button-background-hover,var(--lumo-contrast-30pct))}:host([active]) [part=radio]{transform:scale(.9);transition-duration:.05s}:host([active][checked]) [part=radio]{transform:scale(1.1)}:host([active]:not([checked])) [part=radio]:before{transition-duration:.01s,.01s;transform:scale(0);opacity:.4}:host([focus-ring]) [part=radio]{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([disabled]){pointer-events:none;color:var(--lumo-disabled-text-color);--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) ::slotted(label){color:inherit}:host([disabled]) [part=radio]{background-color:var(--vaadin-radio-button-disabled-background,var(--lumo-contrast-10pct))}:host([disabled]) [part=radio]:after{border-color:var(--vaadin-radio-button-disabled-dot-color,var(--lumo-contrast-30pct))}:host([dir=rtl][has-label]) ::slotted(label){padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s)}@media (forced-colors:active){[part=radio]{outline:1px solid;outline-offset:-1px}:host([focused]) [part=radio]{outline-width:2px}:host([disabled]) [part=radio]{outline-color:GrayText}}}:host,:root{--_lumo-vaadin-radio-button-inject:1;--_lumo-vaadin-radio-button-inject-modules:lumo_mixins_checkable-field, lumo_components_radio-button}@media lumo_components_radio-group{:host(:hover:not([readonly])) [part=helper-text],:host(:hover:not([readonly]):not([focused])) [part=label]{color:var(--lumo-body-text-color)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused])) [part=label]{color:var(--lumo-secondary-text-color)}}}:host,:root{--_lumo-vaadin-radio-group-inject:1;--_lumo-vaadin-radio-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_radio-group}@media lumo_mixins_slider{: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;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_fill-background:var(--vaadin-slider-fill-background, var(--lumo-primary-color));--_thumb-width:var(--vaadin-slider-thumb-width, calc(.5 * var(--lumo-size-m)));--_thumb-height:var(--vaadin-slider-thumb-height, calc(.5 * var(--lumo-size-m)))}:host:before{content:"\2003";height:var(--lumo-size-s);width:0;box-sizing:border-box;display:inline-flex;align-items:center;border:0;padding:0;margin:0;align-self:auto}[class$=container]{display:flex;flex-direction:column;min-width:100%;max-width:100%;width:var(--vaadin-field-default-width,12em)}:host([readonly]){--_fill-background:var(--lumo-contrast-70pct);--vaadin-slider-thumb-border-color:var(--_fill-background)}:host([disabled]){--vaadin-slider-track-background:var(--lumo-contrast-10pct);--vaadin-slider-fill-background:var(--lumo-contrast-30pct);--vaadin-slider-thumb-border-color:var(--_fill-background);pointer-events:none}[part=track]{background:var(--vaadin-slider-track-background,var(--lumo-contrast-30pct));border-radius:var(--vaadin-slider-track-border-radius,var(--lumo-border-radius-s));height:var(--vaadin-slider-track-height,calc(.1 * var(--lumo-size-l)))}[part=track-fill]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}[part~=thumb]{background:var(--lumo-base-color);border-width:var(--vaadin-slider-thumb-border-width,3px);border-color:var(--vaadin-slider-thumb-border-color,var(--_fill-background))}[part=label]{margin-top:-.25em;margin-bottom:0}[part=helper-text]{margin:0}#controls{min-height:var(--lumo-size-s);padding:0;border:0}[part=marks]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}[part=error-message]{display:block;margin-top:0}:host([has-error-message]) [part=error-message]:before{height:.4em;mask:none;background:transparent}:host([readonly]) [part=track-fill]{border:none}@media (any-hover:hover){: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 lumo_components_range-slider{:host(:not([readonly]):is([end-active],[focus-ring][end-focused])) [part~=thumb-end],:host(:not([readonly]):is([start-active],[focus-ring][start-focused])) [part~=thumb-start]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}:host([focus-ring][end-focused]) [part~=thumb-end],:host([focus-ring][start-focused]) [part~=thumb-start]{outline:var(--_focus-ring-width) solid var(--_focus-ring-color)}}@media lumo_components_slider-bubble-overlay{:host{--_border-width:0px}[part=overlay]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);overflow:visible;padding:0}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}@media (forced-colors:active){[part=overlay]{outline:1px dashed}}}:host,:root{--_lumo-vaadin-range-slider-inject:1;--_lumo-vaadin-range-slider-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_mixins_slider, lumo_components_range-slider}@media lumo_components_rich-text-editor-popup-overlay{:host{--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}[part=overlay]{margin:var(--lumo-space-xs) 0}[part=content]{padding:var(--lumo-space-xs);max-width:calc(7 * (var(--_button-size) + 2 * var(--_button-margin)));display:flex;flex-wrap:wrap;justify-content:center;--_button-size:1.25rem;--_button-margin:3px}[part=content] ::slotted(button){border:none;background-color:var(--_btn-background);width:var(--_button-size);height:var(--_button-size);margin:var(--_button-margin)}[part=content] ::slotted(button:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(1px + -1 * var(--_focus-ring-width))}[part=content] ::slotted(button:first-of-type){position:relative;border:solid 1px var(--lumo-contrast-10pct);background-image:repeating-linear-gradient(135deg,transparent,transparent 47%,red 50%,transparent 53%,transparent);background-color:transparent;background-clip:padding-box}}@media lumo_components_rich-text-editor{:host{background:var(--vaadin-rich-text-editor-background,transparent);border:none;border-radius:0;min-height:calc(8 * var(--lumo-size-m));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;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_item-indent:var(--lumo-space-m);--_marker-indent:var(--lumo-space-xs)}:host(:focus-within){outline:none}[part=content]{background-color:var(--lumo-base-color)}[part=toolbar]{background-color:var(--vaadin-rich-text-editor-toolbar-background,var(--lumo-contrast-5pct));padding:var(--vaadin-rich-text-editor-toolbar-padding,calc(-1px + var(--lumo-space-s)) var(--lumo-space-xs));gap:var(--vaadin-rich-text-editor-toolbar-gap,0)}[part~=toolbar-button]{padding:var(--vaadin-rich-text-editor-toolbar-button-padding,0);font:inherit;line-height:1;text-transform:none;background:var(--vaadin-rich-text-editor-toolbar-button-background,transparent);border-width:var(--vaadin-rich-text-editor-toolbar-button-border-width,0);width:var(--lumo-size-m);height:var(--lumo-size-m);border-radius:var(--lumo-border-radius-m);color:var(--vaadin-rich-text-editor-toolbar-button-text-color,var(--lumo-contrast-60pct));margin:2px 1px;cursor:var(--lumo-clickable-cursor);transition:background-color .1s,color .1s}[part~=toolbar-button]:not([part~=toolbar-button-pressed]):hover{outline:none;--vaadin-rich-text-editor-toolbar-button-background:var(--lumo-contrast-5pct);--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-contrast-80pct)}[part~=toolbar-button]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);mask-image:none;background:transparent;height:auto;width:auto}[part~=toolbar-group]{margin:0 .5em;margin:0 calc(-1px + .5 * var(--lumo-space-l))}[part~=toolbar-button-bold]:before{content:"B";font-weight:700}[part~=toolbar-button-italic]:before{content:"I";font-style:italic}[part~=toolbar-button-underline]:before{content:"U";text-decoration:underline}[part~=toolbar-button-strike]:before{content:"T";text-decoration:line-through}[part~=toolbar-button-h1]:before{content:"H1";font-size:1.25em;font-size:var(--lumo-font-size-m)}[part~=toolbar-button-h2]:before{content:"H2";font-size:1em;font-size:var(--lumo-font-size-s)}[part~=toolbar-button-h3]:before{content:"H3";font-size:.875em;font-size:var(--lumo-font-size-xs)}[part~=toolbar-button-h1]:before,[part~=toolbar-button-h2]:before,[part~=toolbar-button-h3]:before{letter-spacing:-.05em;font-weight:600}[part~=toolbar-button-subscript]:before,[part~=toolbar-button-superscript]:before{content:"X";font-weight:600;font-size:var(--lumo-font-size-s)}[part~=toolbar-button-subscript]:after,[part~=toolbar-button-superscript]:after{content:"2";position:absolute;top:50%;left:70%;font-size:.625em;font-weight:700}[part~=toolbar-button-superscript]:after{top:20%}[part~=toolbar-button-blockquote]:before{content:"”";height:.6em;font-size:var(--lumo-font-size-xxl)}[part~=toolbar-button-code-block]:before{content:var(--lumo-icons-angle-left) var(--lumo-icons-angle-right);font-size:var(--lumo-font-size-l);letter-spacing:-.5em;margin-left:-.25em;font-weight:600}[part~=toolbar-button-background]:before,[part~=toolbar-button-color]:before{content:"A";font-size:1em}[part~=toolbar-button-background]:after,[part~=toolbar-button-color]:after{width:auto;height:auto;mask-image:none;transform:none}[part~=toolbar-button-color]:after{bottom:4px;left:25%;right:25%;width:50%;height:4px}[part~=toolbar-button-background]:before{z-index:1;background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}[part~=toolbar-button-background]:after{content:"";position:absolute;inset:20%;background:repeating-linear-gradient(135deg,var(--_background-value,currentColor),var(--_background-value,currentColor) 1px,transparent 1px,transparent 2px)}:host([disabled]) [part~=toolbar-button]{--vaadin-rich-text-editor-toolbar-button-background:transparent}[part~=toolbar-button]:focus,[part~=toolbar-button][aria-expanded=true]{outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}@media (hover:none){[part~=toolbar-button]:hover{--vaadin-rich-text-editor-toolbar-button-background:transparent}}[part~=toolbar-button-pressed]{--vaadin-rich-text-editor-toolbar-button-background:var(--vaadin-selection-color, var(--lumo-primary-color));--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-primary-contrast-color)}[part~=toolbar-button]:not([part~=toolbar-button-pressed]):active{--vaadin-rich-text-editor-toolbar-button-background:var(--lumo-contrast-10pct);--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-contrast-90pct)}[part~=toolbar-button-undo]:before{content:var(--lumo-icons-undo)}[part~=toolbar-button-redo]:before{content:var(--lumo-icons-redo)}[part~=toolbar-button-background]:before,[part~=toolbar-button-bold]:before,[part~=toolbar-button-color]:before,[part~=toolbar-button-italic]:before,[part~=toolbar-button-strike]:before,[part~=toolbar-button-underline]:before{font-size:var(--lumo-font-size-m);font-weight:600}[part~=toolbar-button-background]:hover:before{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)),linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}[part~=toolbar-button-background]:active:before{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)),linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}[part~=toolbar-button-list-ordered]:before{content:var(--lumo-icons-ordered-list)}[part~=toolbar-button-list-bullet]:before{content:var(--lumo-icons-unordered-list)}[part~=toolbar-button-outdent]:before{content:var(--lumo-icons-outdent)}[part~=toolbar-button-indent]:before{content:var(--lumo-icons-indent)}[part~=toolbar-button-align-left]:before{content:var(--lumo-icons-align-left)}[part~=toolbar-button-align-center]:before{content:var(--lumo-icons-align-center)}[part~=toolbar-button-align-right]:before{content:var(--lumo-icons-align-right)}[part~=toolbar-button-image]:before{content:var(--lumo-icons-photo)}[part~=toolbar-button-link]:before{content:var(--lumo-icons-link)}[part~=toolbar-button-clean]:before{content:var(--lumo-icons-clean);font-size:var(--lumo-font-size-l)}:host(:not([theme~=no-border])){border:1px solid var(--lumo-contrast-20pct)}:host(:not([theme~=no-border]):not([readonly])) [part=content]{border-top:1px solid var(--lumo-contrast-20pct)}:host([theme~=no-border]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:var(--lumo-space-s) var(--lumo-space-xs)}:host([theme~=compact]){min-height:calc(6 * var(--lumo-size-m))}:host([theme~=compact]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:var(--lumo-space-xs) 0}:host([theme~=compact][theme~=no-border]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:calc(1px + var(--lumo-space-xs)) 0}:host([theme~=compact]) [part~=toolbar-button]{width:var(--lumo-size-s);height:var(--lumo-size-s)}:host([theme~=compact]) [part~=toolbar-group]{margin:0 calc(-1px + .5 * var(--lumo-space-m))}.ql-editor{color:var(--vaadin-rich-text-editor-content-color,inherit);padding:var(--vaadin-rich-text-editor-content-padding,var(--lumo-space-s) var(--lumo-space-m))}.ql-code-block-container{background-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);margin-block:.3125em;padding:.3125em .625em}blockquote{padding-left:1em;margin-inline:40px}code{background-color:var(--lumo-contrast-10pct);font-size:85%;padding:.125em .25em}:where(h1,h2,h3,h4,h5,h6){margin-top:1.25em}:where(h1){margin-bottom:.75em}:where(h2,h3,h4){margin-bottom:.5em}:where(h5){margin-bottom:.25em}:host([dir=rtl]) [part~=toolbar-button-redo]:before{content:var(--lumo-icons-undo)}:host([dir=rtl]) [part~=toolbar-button-undo]:before{content:var(--lumo-icons-redo)}}@media lumo_global_typography{:where(:host),:where(body){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}[theme~=font-size-s],small{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s)}[theme~=font-size-xs]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}:where(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:var(--lumo-line-height-xs);color:var(--lumo-header-text-color);margin-block:0}:where(h1){font-size:var(--lumo-font-size-xxxl)}:where(h2){font-size:var(--lumo-font-size-xxl)}:where(h3){font-size:var(--lumo-font-size-xl)}:where(h4){font-size:var(--lumo-font-size-l)}:where(h5){font-size:var(--lumo-font-size-m)}:where(h6){font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.03em}blockquote,p{margin-top:.5em;margin-bottom:.75em}a{text-decoration:none}a:where(:any-link){color:var(--lumo-primary-text-color)}a:where(:any-link):hover{text-decoration:underline}a:not(:any-link){color:var(--lumo-disabled-text-color)}hr{display:block;align-self:stretch;height:1px;border:0;padding:0;margin:var(--lumo-space-s) calc(.5 * var(--lumo-border-radius-m));background-color:var(--lumo-contrast-10pct)}b,strong{font-weight:600}code,pre{border-radius:var(--lumo-border-radius-m)}pre code{background:transparent}blockquote{border-left:2px solid var(--lumo-contrast-30pct);color:var(--lumo-secondary-text-color)}blockquote[dir=rtl]{border-left:none;border-right:2px solid var(--lumo-contrast-30pct)}}@media lumo_components_tooltip-overlay{:host{--_vaadin-tooltip-default-offset:var(--lumo-space-xs)}[part=overlay]{border:none;padding:0;max-width:40ch;background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s)}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-tooltip-overlay-inject:1;--_lumo-vaadin-tooltip-overlay-inject-modules:lumo_mixins_overlay, lumo_components_tooltip-overlay}:host,:root{--_lumo-vaadin-rich-text-editor-inject:1;--_lumo-vaadin-rich-text-editor-inject-modules:lumo_global_typography, lumo_components_rich-text-editor;--_lumo-vaadin-rich-text-editor-popup-overlay-inject:1;--_lumo-vaadin-rich-text-editor-popup-overlay-inject-modules:lumo_mixins_overlay, lumo_components_rich-text-editor-popup-overlay}@media lumo_components_scroller{:host{--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host([focus-ring]){outline:none;box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}}:host,:root{--_lumo-vaadin-scroller-inject:1;--_lumo-vaadin-scroller-inject-modules:lumo_components_scroller}@media lumo_components_side-nav{:host{display:block;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);color:var(--lumo-body-text-color);-webkit-tap-highlight-color:transparent;--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px)}:host([hidden]){display:none!important}button{display:flex;align-items:center;justify-content:inherit;width:100%;margin:0;padding:0;background-color:initial;color:inherit;border:initial;outline:none;font:inherit;text-align:inherit}[part=children]{padding:0;margin:0;list-style-type:none}[part=label]{display:flex;align-items:center;width:100%;outline:none;box-sizing:border-box;border-radius:var(--lumo-border-radius-m);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs)}[part=label] ::slotted([slot=label]){color:var(--lumo-secondary-text-color);margin:var(--lumo-space-s)}:host([focus-ring]) [part=label]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=toggle-button]{display:inline-flex;align-items:center;justify-content:center;width:var(--lumo-size-s);height:var(--lumo-size-s);margin-inline:auto var(--lumo-space-xs);font-size:var(--lumo-icon-size-m);line-height:1;color:var(--lumo-contrast-60pct);font-family:lumo-icons;cursor:var(--lumo-clickable-cursor)}[part=toggle-button]:before{content:var(--lumo-icons-angle-right);transition:transform .14s}:host(:not([collapsible])) [part=toggle-button]{display:none!important}:host(:not([collapsed])) [part=toggle-button]:before{transform:rotate(90deg)}:host([collapsed][dir=rtl]) [part=toggle-button]:before{transform:rotate(180deg)}@media (any-hover:hover){[part=label]:hover [part=toggle-button]{color:var(--lumo-body-text-color)}}}@media lumo_components_side-nav-item{:host{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([hidden]),[hidden]{display:none!important}:host([disabled]){pointer-events:none}[part=content],[part=link]{display:flex;align-items:center}[part=link]{flex:auto;min-width:0;text-decoration:none;color:inherit;font:inherit;width:100%;gap:var(--lumo-space-xs);padding:var(--lumo-space-s);padding-inline-start:calc(var(--lumo-space-s) + var(--_child-indent, 0px));border-radius:var(--lumo-border-radius-m);transition:background-color .14s,color .14s;cursor:var(--lumo-clickable-cursor,default);min-height:var(--lumo-icon-size-m)}button{appearance:none;flex:none;position:relative;margin:0;padding:0;border:0;background:transparent}[part=children]{padding:0;margin:0;list-style-type:none}:host(:not([has-children])) button{display:none!important}slot[name=prefix],slot[name=suffix]{flex:none}slot:not([name]){display:block;flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 var(--lumo-space-s)}[part=link][href]{cursor:pointer}:host([disabled]) [part=link]{color:var(--lumo-disabled-text-color)}[part=toggle-button]{margin-inline-end:calc(-1 * var(--lumo-space-xs));width:var(--lumo-size-s);height:var(--lumo-size-s)}:host([has-children]) [part=content]{padding-inline-end:var(--lumo-space-s)}@media (any-hover:hover){[part=link]:hover{color:var(--lumo-header-text-color)}[part=toggle-button]:hover{color:var(--lumo-body-text-color)}}[part=link]:active:focus{background-color:var(--lumo-contrast-5pct)}[part=toggle-button]:before{content:var(--lumo-icons-dropdown);transform:rotate(-90deg);transition:transform .14s}:host([dir=rtl]) [part=toggle-button]:before{transform:rotate(90deg)}:host([expanded]) [part=toggle-button]:before{transform:none}[part=link],[part=toggle-button]{outline:none}[part=link]:focus-visible,[part=toggle-button]:focus-visible{border-radius:var(--lumo-border-radius-m);box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=link]:active{color:var(--lumo-header-text-color)}slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){padding:.1em;flex-shrink:0;color:var(--lumo-contrast-60pct)}:host([disabled]) slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:var(--lumo-disabled-text-color)}:host([current]) slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:inherit}slot[name=children]{--_child-indent:calc(var(--_child-indent-2, 0px) + var(--vaadin-side-nav-child-indent, var(--lumo-space-l)))}slot[name=children]::slotted(*){--_child-indent-2:var(--_child-indent)}:host([current]) [part=content]{background-color:var(--lumo-primary-color-10pct);color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color));border-radius:var(--lumo-border-radius-m)}}:host,:root{--_lumo-vaadin-side-nav-item-inject:1;--_lumo-vaadin-side-nav-item-inject-modules:lumo_mixins_field-button, lumo_mixins_sr-only, lumo_components_side-nav-item}:host,:root{--_lumo-vaadin-side-nav-inject:1;--_lumo-vaadin-side-nav-inject-modules:lumo_components_side-nav}@media lumo_components_slider{:host(:not([readonly]):is([active],[focus-ring])) [part=thumb]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}:host([focus-ring]) [part=thumb]{outline:var(--_focus-ring-width) solid var(--_focus-ring-color)}}:host,:root{--_lumo-vaadin-slider-inject:1;--_lumo-vaadin-slider-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_mixins_slider, lumo_components_slider;--_lumo-vaadin-slider-bubble-overlay-inject:1;--_lumo-vaadin-slider-bubble-overlay-inject-modules:lumo_mixins_overlay, lumo_components_slider-bubble-overlay}@media lumo_components_split-layout{[part=splitter]{--_focus-ring-color:var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width, 2px);--_splitter-size:var(--vaadin-split-layout-splitter-size, var(--lumo-space-s));--_splitter-target-size:var(--vaadin-split-layout-splitter-target-size, var(--lumo-space-s));--_handle-size:var(--vaadin-split-layout-handle-size, var(--lumo-space-xs));--_handle-target-size:var(--vaadin-split-layout-handle-target-size, var(--lumo-size-m));background:var(--vaadin-split-layout-splitter-background,var(--lumo-contrast-5pct));transition:background-color .1s}:host([focus-ring]) [part=splitter]:after{outline:var(--_focus-ring-width) solid var(--_focus-ring-color)}[part=handle]{background:var(--vaadin-split-layout-handle-background,var(--lumo-contrast-30pct));border-radius:var(--lumo-border-radius-s)}[part=splitter]:active [part=handle]{background:var(--lumo-contrast-50pct)}:host([theme~=small])>[part=splitter]{--vaadin-split-layout-handle-size:5px;background:var(--lumo-contrast-10pct)}:host([theme~=minimal])>[part=splitter]{--vaadin-split-layout-splitter-size:0px;--vaadin-split-layout-handle-size:5px;--vaadin-split-layout-splitter-target-size:5px}:host([theme~=minimal])>[part=splitter]>[part=handle]{opacity:0}:host([theme~=minimal])>[part=splitter]:is(:hover,:active)>[part=handle],:host([theme~=minimal][focus-ring])>[part=splitter]>[part=handle]{opacity:1}@media (any-hover:hover){[part=splitter]:hover [part=handle]{background-color:var(--lumo-contrast-40pct)}}}:host,:root{--_lumo-vaadin-split-layout-inject:1;--_lumo-vaadin-split-layout-inject-modules:lumo_components_split-layout}@media lumo_components_switch{:host{--_switch-height:var(--vaadin-switch-height, calc(.5 * var(--lumo-size-m)));--_marker-height:var(--vaadin-switch-marker-height, round(-4px + .5 * var(--lumo-size-m), 2px));--_cursor:var(--lumo-clickable-cursor)}:host:before{display:none}[part=switch]{width:var(--_switch-width);height:var(--_switch-height);box-shadow:none;background:var(--vaadin-switch-background,light-dark(var(--lumo-contrast-50pct),var(--lumo-contrast-40pct)));border-color:var(--vaadin-switch-border-color,transparent);&:before{position:absolute;transform:scaleX(1.4) scaleY(1.7)}}[part=marker]{background:var(--vaadin-switch-marker-color,var(--lumo-tint));color:var(--vaadin-switch-icon-color,var(--lumo-shade-60pct));scale:var(--vaadin-switch-marker-scale,1)}:host(:not([disabled],[readonly])) [part=marker]{box-shadow:var(--lumo-box-shadow-xs)}::slotted(label){color:var(--vaadin-switch-label-color,var(--lumo-body-text-color));font-size:var(--vaadin-switch-label-font-size,var(--lumo-font-size-m));font-weight:var(--vaadin-switch-label-font-weight,var(--vaadin-input-field-label-font-weight,400))}:host([required]) [part=label]{display:flex;position:relative;max-width:max-content;padding-inline-end:0}:host([has-label]) ::slotted(label){padding:var(
       --vaadin-switch-label-padding,var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)
     )}: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)}:host([required]) [part=required-indicator]{width:auto;top:var(--lumo-space-xs);right:var(--lumo-space-xs);&:after{position:static}}:host([required][dir=rtl]) [part=required-indicator]{right:auto;left:var(--lumo-space-xs)}[part=helper-text]{padding-inline-start:var(--lumo-space-xs);margin-top:0}:host([has-error-message]) [part=error-message]:before,:host([has-helper]) [part=helper-text]:before{display:none}:host([has-helper]) [part=helper-text]:after{content:"";display:block;height:.4em}:host([has-error-message]) ::slotted(label),:host([has-helper]) ::slotted(label){padding-bottom:0}[part=error-message]{display:block;margin:0;padding-inline-start:var(--lumo-space-xs);&:before{background:transparent}}:host([checked]){--vaadin-switch-background:var(--lumo-primary-color);--vaadin-switch-marker-color:var(--lumo-primary-contrast-color);--vaadin-switch-icon-color:var(--lumo-primary-color)}:host([disabled]){--vaadin-switch-background:var(--lumo-contrast-10pct);--vaadin-switch-marker-color:var(--lumo-tint-30pct);--vaadin-switch-border-color:transparent;--vaadin-switch-icon-color:var(--lumo-shade-10pct)}:host([disabled][checked]){--vaadin-switch-background:var(--lumo-primary-color-10pct);--vaadin-switch-marker-color:var(--lumo-tint-30pct);--vaadin-switch-icon-color:color-mix(in srgb, var(--lumo-primary-color) 10%, var(--lumo-base-color) 50%)}:host([readonly]){--vaadin-switch-marker-color:var(--lumo-contrast-50pct);--vaadin-switch-marker-scale:0.8;--_border-style:solid}:host([readonly][checked]){--vaadin-switch-background:transparent;--_border-style:solid;--vaadin-switch-border-color:var(--lumo-contrast-50pct);--vaadin-switch-marker-color:var(--lumo-secondary-text-color);--vaadin-switch-icon-color:var(--lumo-base-color)}:host([invalid]){--vaadin-switch-background:var(--vaadin-input-field-invalid-background, var(--lumo-error-color-50pct));--_focus-ring-color:var(--lumo-error-color-50pct)}:host([active]) [part=switch]{transform:scale(.95);transition-duration:.05s}:host([active]:not([checked])) [part=switch]:before{transition-duration:.01s,.01s;transform:scale(0);opacity:.4}:host([focus-ring]) [part=switch]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(1px + var(--_focus-ring-width)) var(--_focus-ring-color)}:host([readonly][focus-ring]) [part=switch]{outline:none}}:host,:root{--_lumo-vaadin-switch-inject:1;--_lumo-vaadin-switch-inject-modules:lumo_mixins_field-helper, lumo_mixins_field-required, lumo_mixins_field-error-message, lumo_mixins_checkable-field, lumo_components_switch}@media lumo_components_tabs{:host{display:flex;align-items:center;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host([orientation=vertical]){display:block;box-shadow:-1px 0 0 0 var(--lumo-contrast-10pct)}:host([orientation=vertical]) [part=tabs]{height:100%;overflow-y:auto;width:100%;margin:.5rem 0}:host(:not([orientation=vertical])){box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);position:relative;min-height:var(--lumo-size-l)}:host([orientation=horizontal]) [part=tabs]{flex-grow:1;display:flex;align-self:stretch;overflow-x:auto;margin:0 .75rem}:host([orientation=horizontal]) [part=tabs] ::slotted(vaadin-tab:not([theme~=icon-on-top])){justify-content:center}@-moz-document url-prefix(){:host([orientation=horizontal]) [part=tabs]{overflow:hidden}}:host([orientation=horizontal]) [part=tabs]::-webkit-scrollbar{display:none}[part=back-button],[part=forward-button]{pointer-events:none;opacity:0;cursor:default;position:absolute;z-index:1;font-family:lumo-icons;color:var(--lumo-tertiary-text-color);font-size:var(--lumo-icon-size-m);display:flex;align-items:center;justify-content:center;width:1.5em;height:100%;transition:opacity .2s;top:0}[part=back-button]:hover,[part=forward-button]:hover{color:inherit}:host([overflow~=end]) [part=forward-button],:host([overflow~=start]) [part=back-button]{pointer-events:auto;opacity:1}[part=back-button]:after{content:var(--lumo-icons-angle-left)}[part=forward-button]:after{content:var(--lumo-icons-angle-right)}:host([orientation=vertical]) [part=back-button],:host([orientation=vertical]) [part=forward-button]{display:none}[part=tabs]{--_lumo-tabs-overflow-mask-image:none;mask-image:var(--_lumo-tabs-overflow-mask-image)}:host([overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(
       90deg,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "25.4.0-dev.55bb86e155",
+  "version": "25.4.0-dev.c9532cd333",
   "publishConfig": {
     "access": "public"
   },
@@ -42,9 +42,9 @@
     "web-component"
   ],
   "dependencies": {
-    "@vaadin/component-base": "25.4.0-dev.55bb86e155",
-    "@vaadin/icon": "25.4.0-dev.55bb86e155",
-    "@vaadin/vaadin-themable-mixin": "25.4.0-dev.55bb86e155"
+    "@vaadin/component-base": "25.4.0-dev.c9532cd333",
+    "@vaadin/icon": "25.4.0-dev.c9532cd333",
+    "@vaadin/vaadin-themable-mixin": "25.4.0-dev.c9532cd333"
   },
   "devDependencies": {
     "cssnano": "^9.0.1",
@@ -52,5 +52,5 @@
     "postcss-cli": "^11.0.1",
     "postcss-import": "^17.0.0"
   },
-  "gitHead": "5db8e58fb088121b067290b0ed90d12d7d4084f2"
+  "gitHead": "1fbf460cf3602f011721b6ed7d98961d1c1bf85e"
 }

package/src/components/custom-field.css CHANGED Viewed

@@ -7,15 +7,17 @@
   :host {
     display: inline-flex;
     --lumo-text-field-size: var(--lumo-size-m);
+    /* The height of the child fields, which follow the same property */
+    --_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);
-    /* align with text-field height + vertical paddings */
-    line-height: calc(var(--lumo-text-field-size) + 2 * var(--lumo-space-xs));
+    /* Centers native inputs in the input row */
+    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: 0;
+    padding: var(--_lumo-field-outer-padding, var(--lumo-space-xs)) 0;
   }
   :host::before {
@@ -23,8 +25,7 @@
     width: 0;
     /* Size and position this element on the same vertical position as the input-field element
            to make vertical align for the host element work as expected */
-    margin-top: var(--lumo-space-xs);
-    height: var(--lumo-text-field-size);
+    height: var(--_input-height);
     box-sizing: border-box;
     display: inline-flex;
     align-items: center;
@@ -44,9 +45,9 @@
     flex: none;
   }
-  /* align with text-field label */
-  :host([has-label]) [part='label'] {
-    padding-bottom: calc(0.5em - var(--lumo-space-xs));
+  /* The host carries the outer padding, so the child fields drop theirs */
+  [part='input-fields'] ::slotted(*) {
+    --_lumo-field-outer-padding: 0px;
   }
   :host(:not([has-label])) [part='label'],
@@ -54,11 +55,6 @@
     display: none;
   }
-  /* align with text-field error message */
-  :host([has-error-message]) [part='error-message']::before {
-    height: calc(0.4em - var(--lumo-space-xs));
-  }
   :host([focused]:not([readonly]):not([disabled])) [part='label'] {
     color: var(--lumo-primary-text-color);
   }
@@ -94,18 +90,4 @@
   :host([theme~='small']) [part='error-message'] {
     font-size: var(--lumo-font-size-xxs);
   }
-  /* When custom-field is used with components without outer margin */
-  :host([theme~='whitespace'][has-label]) [part='label'] {
-    padding-bottom: 0.5em;
-  }
-  :host(:is([theme~='label-aside'][has-label], [data-form-layout-has-labels-aside])) {
-    --_input-height: calc(var(--lumo-text-field-size) + var(--lumo-space-xs));
-    padding-top: 0;
-  }
-  :host(:is([theme~='label-aside'], [data-form-layout-has-labels-aside])[has-label]) [part='label'] {
-    padding-bottom: 0;
-  }
 }

package/src/components/menu-bar.css CHANGED Viewed

@@ -13,6 +13,12 @@
     display: none !important;
   }
+  /* Keep the width measured with all buttons in flow while the host is frozen */
+  :host([overflow-frozen]) {
+    contain: inline-size !important;
+    contain-intrinsic-inline-size: var(--_vaadin-menu-bar-content-width);
+  }
   [part='container'] {
     position: relative;
     display: flex;

package/src/components/multi-select-combo-box.css CHANGED Viewed

@@ -85,6 +85,11 @@
     padding-inline-end: 0;
   }
+  /* The chips stay at the top when the field is taller, so the guide keeps the default height */
+  :host([auto-expand-vertically]) {
+    --_input-height: var(--lumo-text-field-size);
+  }
   :host([auto-expand-vertically]) [part='input-field'] {
     --vaadin-input-field-height: calc(var(--lumo-text-field-size, var(--lumo-size-m)) - 2 * var(--lumo-space-xs));
   }

package/src/components/text-area.css CHANGED Viewed

@@ -4,6 +4,11 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 @media lumo_components_text-area {
+  /* Use default height for baseline alignment */
+  :host {
+    --_input-height: var(--lumo-text-field-size);
+  }
   .vaadin-text-area-container {
     flex: auto;
   }

package/src/mixins/field-base.css CHANGED Viewed

@@ -14,7 +14,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
-    padding: var(--lumo-space-xs) 0;
+    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));

package/src/mixins/group-field.css CHANGED Viewed

@@ -12,7 +12,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
-    padding: var(--lumo-space-xs) 0;
+    padding: var(--_lumo-field-outer-padding, var(--lumo-space-xs)) 0;
   }
   :host::before {

package/src/mixins/slider.css CHANGED Viewed

@@ -12,7 +12,7 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color: transparent;
-    padding: var(--lumo-space-xs) 0;
+    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);
     --_fill-background: var(--vaadin-slider-fill-background, var(--lumo-primary-color));