npm - @vaadin/vaadin-lumo-styles - Versions diffs - 25.3.0-alpha1 → 25.3.0-alpha3 - Mend

@vaadin/vaadin-lumo-styles 25.3.0-alpha1 → 25.3.0-alpha3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/lumo.css +3 -3
package/package.json +5 -5
package/src/components/markdown.css +4 -0
package/src/components/split-layout.css +8 -1
package/src/mixins/resizable-overlay.css +1 -0

package/dist/lumo.css CHANGED Viewed

@@ -32,11 +32,11 @@
     --lumo-space-l
   );--vaadin-form-layout-row-spacing:0}@media lumo_components_grid-filter{:host{display:inline-flex;max-width:100%}::slotted(*){box-sizing:border-box;width:100%}}:host,:root{--_lumo-vaadin-text-field-inject:1;--_lumo-vaadin-text-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-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{align-items:baseline;cursor:var(--lumo-clickable-cursor);display:inline-flex;justify-content:flex-start;max-width:100%;-webkit-user-select:none;user-select:none}[part=content]{display:inline-block;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}[part=indicators]{align-self:center;flex:none;margin-left:var(--lumo-space-s);position:relative}[part=order]{display:inline;font-size:var(--lumo-font-size-xxs);line-height:1;vertical-align:super}[part=indicators]:before{display:inline-block;font-family:vaadin-grid-sorter-icons;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-left:0;margin-right:var(--lumo-space-s)}}@font-face{font-family:vaadin-grid-sorter-icons;font-style:normal;font-weight:400;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")}: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-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:calc(var(--lumo-text-field-size) + var(--lumo-space-xs)*2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:0}:host:before{align-items:center;box-sizing:border-box;content:"\2003";display:inline-flex;height:var(--lumo-text-field-size);margin-top:var(--lumo-space-xs);width:0}:host([hidden]){display:none!important}.vaadin-custom-field-container{display:flex;flex-direction:column;width:100%}.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,:root{--_lumo-vaadin-custom-field-inject:1;--_lumo-vaadin-custom-field-inject-modules:lumo_mixins_field-label,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);filter:var(--_widget-filter);opacity:var(--_widget-opacity)}[part~=move-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}header{align-items:start;gap:0;overflow:hidden}[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{background:transparent;content:var(--icon);display:block;height:auto;mask-image:none;width: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(min(var(--_gap), var(--_padding))/3);--_focus-ring-offset:calc(var(--_section-outline-offset) - var(--_focus-ring-width));border:none;border-radius:var(--lumo-border-radius-l);margin:0;padding:0}header{align-items:center;line-height:var(--lumo-line-height-s);margin-bottom:calc(var(--_section-outline-offset)*-1);min-height:var(--lumo-size-l);padding-inline:var(--lumo-space-s)}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;line-height:var(--lumo-line-height-m);white-space:nowrap}:host([editable]){background:var(--lumo-contrast-5pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-contrast-5pct);outline:1px solid var(--lumo-contrast-10pct);outline-offset:calc(var(--_section-outline-offset) - 1px)}: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);border-color:transparent!important;box-shadow:0 0 0 var(--_section-outline-offset) var(--_drop-target-background-color)!important;outline:var(--_drop-target-border)}[part~=move-backward-button]{inset-inline-start:calc(var(--_section-outline-offset)*-1)}[part~=move-forward-button]{inset-inline-end:calc(var(--_section-outline-offset)*-1)}}@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{background:var(--_drop-target-background-color);border:var(--_drop-target-border);top:-1px}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{border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;min-height:var(--lumo-size-m);overflow:hidden;padding-inline:var(--vaadin-dashboard-widget-padding,0);padding-bottom:var(--vaadin-dashboard-widget-padding,0);padding-top:0}::slotted([slot=header-content]){align-self:center}:host([move-mode]) #content,:host([resize-mode]) #content{filter:blur(10px);opacity:.75}[part~=resize-button]{--_resize-button-offset:min(var(--_gap),var(--_padding),var(--lumo-space-xs));bottom:calc(var(--_resize-button-offset)*-1);inset-inline-end:calc(var(--_resize-button-offset)*-1);--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]{min-width:var(--lumo-size-s);padding-left:0;padding-right:0}[part~=resize-grow-height-button],[part~=resize-shrink-height-button]{height:var(--lumo-size-s);padding-left:0;padding-right: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-color:Highlight;outline-offset:0;outline-width:1px}:host([selected][focused]){outline-offset:0;outline-width:3px}}}@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{display:block;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);padding:0 var(--lumo-space-xs);text-align:center;user-select: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));--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}#monthGrid{border-collapse:collapse;width:100%}#days-container tr,#weekdays-container tr{display:flex}[part~=disabled]{pointer-events:none}[part=month-header]{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);font-weight:500;line-height:1;margin-bottom:var(--lumo-space-m)}[part=week-number],[part=weekday],[part=weekdays]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxs);line-height:1}[part=weekdays]{margin-bottom:var(--lumo-space-s)}[part=week-number],[part=weekday]:empty{flex-shrink:0;padding:0;width:var(--lumo-size-xs)}[part=week-number][hidden],[part=weekday][hidden]{display:none}[part=week-number],[part~=date]{align-items:center;box-sizing:border-box;display:inline-flex;height:var(--lumo-size-m);justify-content:center;position:relative}[part~=date]{outline:none;transition:color .1s}[part~=date]:not(:empty){cursor:var(--lumo-clickable-cursor)}[part=weekday],[part~=date]{font-weight:400;padding:0;width:14.28571%}:host([week-numbers]) [part=weekday]:not(:empty),:host([week-numbers]) [part~=date]{width:calc((100% - var(--lumo-size-xs))/7)}[part~=date][part~=today]{color:var(--_selection-color-text)}[part~=date]:before{border-radius:var(--lumo-border-radius-m);content:"";height:80%;left:50%;max-height:100%;max-width:100%;min-height:2em;min-width:2em;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:-1}[part~=date][part~=focused]:before{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color)}:host(:not([focused])) [part~=date][part~=focused]:before{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(var(--_focus-ring-width) + 1px) transparent}}[part~=date]:not(:empty):not([part~=disabled]):not([part~=selected]):hover:before{background-color:var(--lumo-primary-color-10pct)}[part~=date][part~=selected]{color:var(--lumo-primary-contrast-color)}[part~=date][part~=selected]:before{background-color:var(--_selection-color)}[part~=date][part~=disabled]{color:var(--lumo-disabled-text-color)}@media (pointer:coarse){:host(:not([focus-ring])) [part~=focused]:not([part~=selected]):before,[part~=date]:hover:not([part~=selected]):before{display:none}[part~=date]:not(:empty):not([part~=disabled]):active:before{display:block}:host(:not([focus-ring])) [part~=date][part~=selected]:before{box-shadow:none}}: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-position:100% 0;background-repeat:no-repeat;background-size:57px 100%;cursor:default}:host([dir=rtl]){background-position:0 0}::slotted([slot=months]){--vaadin-infinite-scroller-item-height:calc(var(--lumo-font-size-l) + var(--lumo-space-m) + var(--lumo-font-size-xs) + var(--lumo-space-s) + var(--lumo-size-m)*6 + 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;background:transparent;border:none;box-shadow:inset 2px 0 4px 0 var(--lumo-shade-5pct);cursor:var(--lumo-clickable-cursor);font-size:var(--lumo-font-size-s);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);width:57px}: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{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border:none;border-top-right-radius:var(--lumo-border-radius-s);box-shadow:2px -2px 6px 0 var(--lumo-shade-5pct);height:1em;translate:-75% -50%;width:1em}:host([dir=rtl]) ::slotted([slot=years]):before{border-bottom-left-radius:var(--lumo-border-radius-s);translate:75% -50%}[part=toolbar]{border-bottom-left-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-s)}:host([fullscreen]) [part=toolbar]{background-color:var(--lumo-base-color);border:none;margin-inline-end:57px}[part=toolbar] ::slotted(vaadin-button){margin:0}[part=years-toggle-button]{border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-weight:500;height:var(--lumo-size-m);padding:0 .5em;-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;background-color:var(--lumo-shade-5pct);width:50px}}}@media lumo_components_date-picker-overlay{[part=overlay]{display:flex;flex:auto;height:100%;max-height:calc(var(--lumo-size-m)*14);overflow:hidden;width:calc(var(--lumo-size-m)*7 + var(--lumo-space-xs)*2 + 57px);-webkit-tap-highlight-color:transparent;flex-direction:column}[part=content]{flex:auto;height:100%;mask-image:none;overflow:hidden;padding:0}: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]{height:70vh;max-height:70vh;width:100vw}}@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]{align-items:center;display:flex;height:50%;justify-content:center;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-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_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]){flex:1 1 auto;min-width:0}[part=input-fields] ::slotted([slot=time-picker]){flex:1 1.65 auto;min-width:0}::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-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-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]{display:flex;max-height:100%;overflow:visible;position:relative}[part=content]{box-sizing:border-box;height:100%}.resizer-container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1}[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{height:16px;position:absolute;width:16px}.resizer.edge{height:8px;inset:-4px;width:8px}.resizer.edge.n{bottom:auto;cursor:ns-resize;width:auto}.resizer.ne{cursor:nesw-resize;right:-4px;top:-4px}.resizer.edge.e{cursor:ew-resize;height:auto;left:auto}.resizer.se{bottom:-4px;cursor:nwse-resize;right:-4px}.resizer.edge.s{cursor:ns-resize;top:auto;width:auto}.resizer.sw{bottom:-4px;cursor:nesw-resize;left:-4px}.resizer.edge.w{cursor:ew-resize;height:auto;right:auto}.resizer.nw{cursor:nwse-resize;left:-4px;top:-4px}}: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{align-items:center;background:transparent;cursor:default;display:inline-flex;height:var(--lumo-size-l);justify-content:center;margin:0 var(--lumo-space-s);min-width:auto;outline:none;padding:0;position:relative;width:var(--lumo-size-l)}[part=icon],[part=icon]:after,[part=icon]:before{background:transparent;height:auto;width:auto}[part=icon]:after,[part=icon]:before{content:""}[part=icon]:after{top:6px}[part=icon]:before{content:var(--lumo-icons-menu);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);top:12px}: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-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{box-sizing:border-box;display:block;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;user-select:none;width:100%;--_active-user-color:transparent;mask-image:none!important;transition:opacity .3s}:host([has-active-user]){opacity:1}:host:before{border-radius:var(--lumo-border-radius-s);box-shadow:0 0 0 2px var(--_active-user-color);content:"";inset:0;position:absolute;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{background-color:var(--vaadin-user-tag-color);box-sizing:border-box;color:#fff;cursor:default;display:block;height:1.3rem;margin:0 0 var(--vaadin-user-tag-offset);opacity:0;transition:opacity .2s ease-in-out;-webkit-user-select:none;user-select:none;--vaadin-user-tag-offset:4px;border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-xs);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);--vaadin-user-tag-offset:var(--lumo-space-xs)}:host(.show){opacity:1}:host(:last-of-type){margin-bottom:0}[part=name]{box-sizing:border-box;color:var(--lumo-primary-contrast-color);font-size:13px;font-weight:500;height:1.3rem;line-height:1;min-width:calc(var(--lumo-line-height-xs)*1em + .45em);overflow:hidden;padding:.3em calc(.3em + var(--lumo-border-radius-s)/4);text-overflow:ellipsis;white-space:nowrap}}@media lumo_components_user-tags-overlay{[part=overlay]{background:transparent;box-shadow:none;left:-4px;outline:none;overflow:visible;padding:4px;position:relative}[part=content]{align-items:flex-start;display:flex;flex-direction:column;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(--lumo-secondary-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:1.333;margin-bottom:var(--lumo-space-xs);margin-left:calc(var(--lumo-border-radius-m)/4);margin-top:var(--lumo-space-m)}[part=required-indicator]:after{color:var(
+    );--_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);filter:var(--_widget-filter);opacity:var(--_widget-opacity)}[part~=move-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}header{align-items:start;gap:0;overflow:hidden}[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{background:transparent;content:var(--icon);display:block;height:auto;mask-image:none;width: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(min(var(--_gap), var(--_padding))/3);--_focus-ring-offset:calc(var(--_section-outline-offset) - var(--_focus-ring-width));border:none;border-radius:var(--lumo-border-radius-l);margin:0;padding:0}header{align-items:center;line-height:var(--lumo-line-height-s);margin-bottom:calc(var(--_section-outline-offset)*-1);min-height:var(--lumo-size-l);padding-inline:var(--lumo-space-s)}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;line-height:var(--lumo-line-height-m);white-space:nowrap}:host([editable]){background:var(--lumo-contrast-5pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-contrast-5pct);outline:1px solid var(--lumo-contrast-10pct);outline-offset:calc(var(--_section-outline-offset) - 1px)}: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);border-color:transparent!important;box-shadow:0 0 0 var(--_section-outline-offset) var(--_drop-target-background-color)!important;outline:var(--_drop-target-border)}[part~=move-backward-button]{inset-inline-start:calc(var(--_section-outline-offset)*-1)}[part~=move-forward-button]{inset-inline-end:calc(var(--_section-outline-offset)*-1)}}@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{background:var(--_drop-target-background-color);border:var(--_drop-target-border);top:-1px}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{border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;min-height:var(--lumo-size-m);overflow:hidden;padding-inline:var(--vaadin-dashboard-widget-padding,0);padding-bottom:var(--vaadin-dashboard-widget-padding,0);padding-top:0}::slotted([slot=header-content]){align-self:center}:host([move-mode]) #content,:host([resize-mode]) #content{filter:blur(10px);opacity:.75}[part~=resize-button]{--_resize-button-offset:min(var(--_gap),var(--_padding),var(--lumo-space-xs));bottom:calc(var(--_resize-button-offset)*-1);inset-inline-end:calc(var(--_resize-button-offset)*-1);--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]{min-width:var(--lumo-size-s);padding-left:0;padding-right:0}[part~=resize-grow-height-button],[part~=resize-shrink-height-button]{height:var(--lumo-size-s);padding-left:0;padding-right: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-color:Highlight;outline-offset:0;outline-width:1px}:host([selected][focused]){outline-offset:0;outline-width:3px}}}@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{display:block;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);padding:0 var(--lumo-space-xs);text-align:center;user-select: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));--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}#monthGrid{border-collapse:collapse;width:100%}#days-container tr,#weekdays-container tr{display:flex}[part~=disabled]{pointer-events:none}[part=month-header]{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);font-weight:500;line-height:1;margin-bottom:var(--lumo-space-m)}[part=week-number],[part=weekday],[part=weekdays]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxs);line-height:1}[part=weekdays]{margin-bottom:var(--lumo-space-s)}[part=week-number],[part=weekday]:empty{flex-shrink:0;padding:0;width:var(--lumo-size-xs)}[part=week-number][hidden],[part=weekday][hidden]{display:none}[part=week-number],[part~=date]{align-items:center;box-sizing:border-box;display:inline-flex;height:var(--lumo-size-m);justify-content:center;position:relative}[part~=date]{outline:none;transition:color .1s}[part~=date]:not(:empty){cursor:var(--lumo-clickable-cursor)}[part=weekday],[part~=date]{font-weight:400;padding:0;width:14.28571%}:host([week-numbers]) [part=weekday]:not(:empty),:host([week-numbers]) [part~=date]{width:calc((100% - var(--lumo-size-xs))/7)}[part~=date][part~=today]{color:var(--_selection-color-text)}[part~=date]:before{border-radius:var(--lumo-border-radius-m);content:"";height:80%;left:50%;max-height:100%;max-width:100%;min-height:2em;min-width:2em;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:-1}[part~=date][part~=focused]:before{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color)}:host(:not([focused])) [part~=date][part~=focused]:before{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(var(--_focus-ring-width) + 1px) transparent}}[part~=date]:not(:empty):not([part~=disabled]):not([part~=selected]):hover:before{background-color:var(--lumo-primary-color-10pct)}[part~=date][part~=selected]{color:var(--lumo-primary-contrast-color)}[part~=date][part~=selected]:before{background-color:var(--_selection-color)}[part~=date][part~=disabled]{color:var(--lumo-disabled-text-color)}@media (pointer:coarse){:host(:not([focus-ring])) [part~=focused]:not([part~=selected]):before,[part~=date]:hover:not([part~=selected]):before{display:none}[part~=date]:not(:empty):not([part~=disabled]):active:before{display:block}:host(:not([focus-ring])) [part~=date][part~=selected]:before{box-shadow:none}}: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-position:100% 0;background-repeat:no-repeat;background-size:57px 100%;cursor:default}:host([dir=rtl]){background-position:0 0}::slotted([slot=months]){--vaadin-infinite-scroller-item-height:calc(var(--lumo-font-size-l) + var(--lumo-space-m) + var(--lumo-font-size-xs) + var(--lumo-space-s) + var(--lumo-size-m)*6 + 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;background:transparent;border:none;box-shadow:inset 2px 0 4px 0 var(--lumo-shade-5pct);cursor:var(--lumo-clickable-cursor);font-size:var(--lumo-font-size-s);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);width:57px}: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{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border:none;border-top-right-radius:var(--lumo-border-radius-s);box-shadow:2px -2px 6px 0 var(--lumo-shade-5pct);height:1em;translate:-75% -50%;width:1em}:host([dir=rtl]) ::slotted([slot=years]):before{border-bottom-left-radius:var(--lumo-border-radius-s);translate:75% -50%}[part=toolbar]{border-bottom-left-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-s)}:host([fullscreen]) [part=toolbar]{background-color:var(--lumo-base-color);border:none;margin-inline-end:57px}[part=toolbar] ::slotted(vaadin-button){margin:0}[part=years-toggle-button]{border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-weight:500;height:var(--lumo-size-m);padding:0 .5em;-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;background-color:var(--lumo-shade-5pct);width:50px}}}@media lumo_components_date-picker-overlay{[part=overlay]{display:flex;flex:auto;height:100%;max-height:calc(var(--lumo-size-m)*14);overflow:hidden;width:calc(var(--lumo-size-m)*7 + var(--lumo-space-xs)*2 + 57px);-webkit-tap-highlight-color:transparent;flex-direction:column}[part=content]{flex:auto;height:100%;mask-image:none;overflow:hidden;padding:0}: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]{height:70vh;max-height:70vh;width:100vw}}@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]{align-items:center;display:flex;height:50%;justify-content:center;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-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_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]){flex:1 1 auto;min-width:0}[part=input-fields] ::slotted([slot=time-picker]){flex:1 1.65 auto;min-width:0}::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-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-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]{display:flex;max-height:100%;overflow:visible;position:relative}[part=content]{box-sizing:border-box;height:100%}.resizer-container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;min-width:0}[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{height:16px;position:absolute;width:16px}.resizer.edge{height:8px;inset:-4px;width:8px}.resizer.edge.n{bottom:auto;cursor:ns-resize;width:auto}.resizer.ne{cursor:nesw-resize;right:-4px;top:-4px}.resizer.edge.e{cursor:ew-resize;height:auto;left:auto}.resizer.se{bottom:-4px;cursor:nwse-resize;right:-4px}.resizer.edge.s{cursor:ns-resize;top:auto;width:auto}.resizer.sw{bottom:-4px;cursor:nesw-resize;left:-4px}.resizer.edge.w{cursor:ew-resize;height:auto;right:auto}.resizer.nw{cursor:nwse-resize;left:-4px;top:-4px}}: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{align-items:center;background:transparent;cursor:default;display:inline-flex;height:var(--lumo-size-l);justify-content:center;margin:0 var(--lumo-space-s);min-width:auto;outline:none;padding:0;position:relative;width:var(--lumo-size-l)}[part=icon],[part=icon]:after,[part=icon]:before{background:transparent;height:auto;width:auto}[part=icon]:after,[part=icon]:before{content:""}[part=icon]:after{top:6px}[part=icon]:before{content:var(--lumo-icons-menu);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);top:12px}: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-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{box-sizing:border-box;display:block;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;user-select:none;width:100%;--_active-user-color:transparent;mask-image:none!important;transition:opacity .3s}:host([has-active-user]){opacity:1}:host:before{border-radius:var(--lumo-border-radius-s);box-shadow:0 0 0 2px var(--_active-user-color);content:"";inset:0;position:absolute;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{background-color:var(--vaadin-user-tag-color);box-sizing:border-box;color:#fff;cursor:default;display:block;height:1.3rem;margin:0 0 var(--vaadin-user-tag-offset);opacity:0;transition:opacity .2s ease-in-out;-webkit-user-select:none;user-select:none;--vaadin-user-tag-offset:4px;border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-xs);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);--vaadin-user-tag-offset:var(--lumo-space-xs)}:host(.show){opacity:1}:host(:last-of-type){margin-bottom:0}[part=name]{box-sizing:border-box;color:var(--lumo-primary-contrast-color);font-size:13px;font-weight:500;height:1.3rem;line-height:1;min-width:calc(var(--lumo-line-height-xs)*1em + .45em);overflow:hidden;padding:.3em calc(.3em + var(--lumo-border-radius-s)/4);text-overflow:ellipsis;white-space:nowrap}}@media lumo_components_user-tags-overlay{[part=overlay]{background:transparent;box-shadow:none;left:-4px;outline:none;overflow:visible;padding:4px;position:relative}[part=content]{align-items:flex-start;display:flex;flex-direction:column;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(--lumo-secondary-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:1.333;margin-bottom:var(--lumo-space-xs);margin-left:calc(var(--lumo-border-radius-m)/4);margin-top:var(--lumo-space-m)}[part=required-indicator]:after{color:var(
       --vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-primary-text-color))
     );content:var(--vaadin-input-field-required-indicator,var(--lumo-required-field-indicator,"\2022"));opacity:0;position:relative;text-align:center;transition:opacity .2s;width:1em}:host([required]) [part=required-indicator]:after{opacity:1}: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,:root{--_lumo-vaadin-form-item-inject:1;--_lumo-vaadin-form-item-inject-modules:lumo_components_form-item}@media lumo_mixins_grid-pro-editor{:host([theme~=grid-pro-editor]){font-size:inherit;inset:0;padding:0;position:absolute;--lumo-text-field-size:27px;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([theme~=grid-pro-editor]) [part=input-field]{border-radius:0;flex-grow:1;font-weight:400;padding:0;--vaadin-input-field-border-color:transparent}:host([theme~=grid-pro-editor][focus-ring]) [part=input-field]{box-shadow:none}:host([theme~=grid-pro-editor]) ::slotted(input){font-size:inherit;padding:0 var(--lumo-space-m)}}@media lumo_components_grid-pro-edit-select{:host([theme~=grid-pro-editor]) [part~=toggle-button]{margin-right:var(--lumo-space-xs)}:host([theme~=grid-pro-editor]) [part=input-field] ::slotted([slot=value]){box-sizing:border-box;font-size:var(--lumo-font-size-m);padding:0 var(--lumo-space-m);-webkit-user-select:none;user-select:none}}@media lumo_components_select{:host{position:relative;--lumo-input-field-pointer-focus-visible:0}::slotted(div[slot=overlay]){display:contents}:host(:not([theme*=align])) ::slotted([slot=value]){text-align:start}[part=input-field]{cursor:var(--lumo-clickable-cursor)}[part=input-field] ::slotted([slot=value]){flex-grow:1;font-weight:var(--vaadin-input-field-value-font-weight,500)}[part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--vaadin-input-field-value-color,var(--lumo-body-text-color))}:host([readonly]) [part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--lumo-secondary-text-color)}[part=input-field] ::slotted([slot=value][placeholder]){color:var(--vaadin-input-field-placeholder-color,var(--lumo-secondary-text-color))}:host(:is([readonly],[disabled])) ::slotted([slot=value][placeholder]){opacity:0}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host(:hover:not([readonly]):not([disabled])) [part~=toggle-button]{color:var(--lumo-contrast-80pct)}:host([theme~=small]) [part=input-field] ::slotted([slot=value]){--_lumo-selected-item-height:var(--lumo-size-s);--_lumo-selected-item-padding:0}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}@media lumo_components_select-overlay{:host{align-items:flex-start;justify-content:flex-start;--_lumo-item-selected-icon-display:block}:host([phone]){align-items:stretch;bottom:var(--vaadin-overlay-viewport-bottom,0)!important;justify-content:flex-end;left:0!important;right:0!important;top:0!important}:host(:not([phone])) [part=overlay]{min-width:var(--vaadin-select-overlay-width,var(--_vaadin-select-overlay-default-width))}:host([no-vertical-overlap][top-aligned]) [part=overlay]{margin-block-start:var(--lumo-space-xs)}:host([no-vertical-overlap][bottom-aligned]) [part=overlay]{margin-block-end:var(--lumo-space-xs)}:host([theme~=align-left]){text-align:left}:host([theme~=align-right]){text-align:right}:host([theme~=align-center]){text-align:center}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_select-value-button{:host{display:inline-block;font-family:var(--lumo-font-family);font-size:var(--vaadin-input-field-value-font-size,var(--lumo-font-size-m));min-width:0;outline:none;padding:0 .25em;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;width:0;--_lumo-selected-item-height:var(--lumo-size-m);--_lumo-selected-item-padding:0.5em}::slotted(*){flex:auto;font-size:inherit;min-height:var(--_lumo-selected-item-height);padding:var(--_lumo-selected-item-padding) 0 var(--_lumo-selected-item-padding) 0}::slotted(:hover){background-color:transparent}::slotted(:not([selected])){line-height:1}.vaadin-button-container{align-items:center;display:inline-flex;height:100%;justify-content:center;min-height:inherit;text-align:inherit;text-shadow:inherit;width:100%}[part=label]{line-height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}:host,:root{--_lumo-vaadin-select-inject:1;--_lumo-vaadin-select-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_mixins_field-base,lumo_components_select;--_lumo-vaadin-select-item-inject:1;--_lumo-vaadin-select-item-inject-modules:lumo_components_item;--_lumo-vaadin-select-overlay-inject:1;--_lumo-vaadin-select-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_menu-overlay-ext,lumo_components_select-overlay;--_lumo-vaadin-select-list-box-inject:1;--_lumo-vaadin-select-list-box-inject-modules:lumo_components_list-box;--_lumo-vaadin-select-value-button-inject:1;--_lumo-vaadin-select-value-button-inject-modules:lumo_components_select-value-button}:host,:root{--_lumo-vaadin-grid-pro-edit-text-field-inject:1;--_lumo-vaadin-grid-pro-edit-text-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_mixins_grid-pro-editor;--_lumo-vaadin-grid-pro-edit-select-inject:1;--_lumo-vaadin-grid-pro-edit-select-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_mixins_grid-pro-editor,lumo_components_select,lumo_components_grid-pro-edit-select;--_lumo-vaadin-grid-pro-edit-checkbox-inject:1;--_lumo-vaadin-grid-pro-edit-checkbox-inject-modules:lumo_mixins_checkable-field,lumo_components_checkbox}@media lumo_components_grid-pro{:host([navigating]) [part~=cell]:active:before{box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);content:"";inset:0;pointer-events:none;position:absolute}[part~=editable-cell],[part~=editable-cell] ::slotted(vaadin-grid-cell-content){cursor:var(--lumo-clickable-cursor)}[part~=editable-cell]:focus,[part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]:focus,:host([theme~=highlight-editable-cells]) [part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}:host([theme~=highlight-read-only-cells]) [tabindex]:not([part~=editable-cell]):not([part~=header-cell]):not([part~=footer-cell]){background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,var(--lumo-contrast-5pct) 6px,var(--lumo-contrast-5pct) 14px)}:host([loading-editor]) [part~=focused-cell]:before{animation:vaadin-grid-pro-loading-editor 1.4s infinite;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);content:"";inset:0;opacity:0;pointer-events:none;position:absolute}@keyframes vaadin-grid-pro-loading-editor{50%{opacity:1}}[part~=updating-cell]:after{animation:vaadin-grid-pro-updating-cell 1.3s ease-out infinite;background-image:linear-gradient(90deg,transparent,var(--lumo-contrast-10pct),transparent);background-position:min(-200%,-4em) 0;background-repeat:no-repeat;background-size:max(4em,50%);border-radius:4px;content:"";inset:var(--_cell-padding);margin:var(--_focus-ring-width);position:absolute}@keyframes vaadin-grid-pro-updating-cell{to{background-position:max(300%,8em) 0}}:host([loading-editor]) [part~=focused-cell] ::slotted(vaadin-grid-cell-content),[part~=updating-cell] ::slotted(vaadin-grid-cell-content){opacity:0;pointer-events:none}}:host,:root{--_lumo-vaadin-grid-pro-inject:1;--_lumo-vaadin-grid-pro-inject-modules:lumo_components_grid,lumo_components_grid-pro}@media lumo_components_grid-tree-toggle{:host{--vaadin-grid-tree-toggle-level-offset:2em;align-items:center;display:inline-flex;max-width:100%;transform:translateX(calc(var(--lumo-space-s)*-1));vertical-align:middle;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host(:not([leaf])){cursor:default}#level-spacer,[part=toggle]{flex:none}#level-spacer{display:inline-block;width:calc(var(--_level, "0")*var(--vaadin-grid-tree-toggle-level-offset))}[part=toggle]:before{display:inline-block;font-family:lumo-icons;height:100%;line-height:1em}:host(:not([expanded])) [part=toggle]:before{content:var(--lumo-icons-angle-right)}:host([expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-right);transform:rotate(90deg)}:host([leaf]) [part=toggle]{visibility:hidden}slot{display:block;overflow:hidden;text-overflow:ellipsis}[part=toggle]{color:var(--lumo-contrast-50pct);cursor:var(--lumo-clickable-cursor);display:inline-block;font-size:1.5em;height:1em;line-height:1;margin:-.33333em;padding:.33333em;text-align:center;width:1em}:host(:not([dir=rtl])) [part=toggle]{margin-right:0}@media (hover:hover){:host(:hover) [part=toggle]{color:var(--lumo-contrast-80pct)}}:host([dir=rtl]){margin-left:0;margin-right:calc(var(--lumo-space-s)*-1)}:host([dir=rtl]) [part=toggle]{margin-left:0}:host([dir=rtl][expanded]) [part=toggle]:before{transform:rotate(-90deg)}:host([dir=rtl]:not([expanded])) [part=toggle]:before,:host([dir=rtl][expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-left)}}:host,:root{--_lumo-vaadin-grid-tree-toggle-inject:1;--_lumo-vaadin-grid-tree-toggle-inject-modules:lumo_components_grid-tree-toggle}:host,:root{--_lumo-vaadin-grid-inject:1;--_lumo-vaadin-grid-inject-modules:lumo_components_grid}@media lumo_components_horizontal-layout{:host([theme~=margin]){margin:var(--vaadin-horizontal-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-horizontal-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-horizontal-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host,:root{--_lumo-vaadin-horizontal-layout-inject:1;--_lumo-vaadin-horizontal-layout-inject-modules:lumo_components_horizontal-layout}@media lumo_components_icon{:host{height:var(--vaadin-icon-size,var(--lumo-icon-size-m));width:var(--vaadin-icon-size,var(--lumo-icon-size-m))}}:host,:root{--_lumo-vaadin-icon-inject:1;--_lumo-vaadin-icon-inject-modules:lumo_components_icon}@media lumo_components_number-field{:host([readonly]) [part$=button]{pointer-events:none}:host([step-buttons-visible]:not([theme~=align-right])) ::slotted(input){text-align:center}:host(:not([disabled])) [part$=button][disabled]{opacity:.2}:host([step-buttons-visible]) [part=input-field]{padding:0}[part~=decrease-button],[part~=increase-button]{cursor:pointer;height:1.5em;-webkit-user-select:none;user-select:none;width:1.5em}[part~=decrease-button]:before,[part~=increase-button]:before{margin-top:.25em}[part~=decrease-button]:before{content:var(--lumo-icons-minus)}[part~=increase-button]:before{content:var(--lumo-icons-plus)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]:not([theme~=align-right])) ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}}:host,:root{--_lumo-vaadin-integer-field-inject:1;--_lumo-vaadin-integer-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_mixins_field-base,lumo_components_number-field}:host,:root{--_lumo-vaadin-item-inject:1;--_lumo-vaadin-item-inject-modules:lumo_components_item}:host,:root{--_lumo-vaadin-list-box-inject:1;--_lumo-vaadin-list-box-inject-modules:lumo_components_list-box}@media lumo_components_login-overlay-wrapper{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);inset:0;line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=overlay]{background:none;border-radius:0;box-shadow:none;height:100%;outline:none;width:100%}[part=card]{background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);height:auto;margin:var(--lumo-space-s);max-width:100%;width:calc(var(--lumo-size-m)*10)}[part=brand],[part=card]{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}[part=brand]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);flex-grow:1;flex-shrink:0;justify-content:flex-end;min-height:calc(var(--lumo-size-m)*5);padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l)}::slotted([slot=title]){color:inherit;font-size:var(--lumo-font-size-xxxl);font-weight:600;line-height:var(--lumo-line-height-xs);margin:0}[part=backdrop]{background:var(--lumo-base-color) linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[part=description]{color:var(--lumo-tint-70pct);line-height:var(--lumo-line-height-s);margin:.5em 0 0}[part=content]{align-items:center;display:flex;height:100%;justify-content:center;padding:0}::slotted(vaadin-login-form-wrapper){max-width:100%;min-height:100%}@media only screen and (max-width:500px){[part=content],[part=overlay]{height:100%}[part=content]{align-items:flex-start;background:var(--lumo-base-color);min-height:100%}[part=card],[part=overlay]{border-radius:0;box-shadow:none;margin:0;width:100%}:host([dir=rtl]) [part=brand]{padding:var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-xl)}}@media only screen and (max-height:600px) and (min-width:600px) and (orientation:landscape){[part=card]{align-items:stretch;flex-direction:row;max-width:calc(var(--lumo-size-m)*16);width:100%}[part=brand],[part=form-wrapper]{box-sizing:border-box;flex:auto;flex-basis:0}[part=brand]{justify-content:flex-start}[part=form-wrapper]{overflow:auto;padding:var(--lumo-space-l)}::slotted(vaadin-login-form-wrapper){flex:1;padding:2px}}@media only screen and (max-height:500px) and (min-width:600px) and (orientation:landscape),only screen and (max-width:600px) and (min-width:600px) and (orientation:landscape){[part=content]{height:100vh}[part=card]{border-radius:0;box-shadow:none;flex:auto;height:100%;margin:0;max-width:none;width:100%}[part=form-wrapper]{height:100%;overflow:auto}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){[part=card]{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}[part=brand]{margin-left:calc(env(safe-area-inset-left)*-1);padding-left:calc(var(--lumo-space-l) + env(safe-area-inset-left))}:host([dir=rtl]) [part=card]{padding-left:env(safe-area-inset-right);padding-right:env(safe-area-inset-left)}:host([dir=rtl]) [part=brand]{margin-right:calc(env(safe-area-inset-left)*-1);padding-right:calc(var(--lumo-space-l) + env(safe-area-inset-left))}}}@media lumo_components_login-form-wrapper{:host{box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);overflow:hidden;padding:var(--lumo-space-l);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));max-width:100%;width:calc(var(--lumo-size-m)*10)}:host([hidden]){display:none!important}::slotted(form){display:flex;flex-direction:column}::slotted([slot=form-title]){color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-xxl);font-weight:600;line-height:var(--lumo-line-height-xs);margin:0;margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl))}[part=error-message]{background-color:var(--lumo-error-color-10pct);border-radius:var(--lumo-border-radius-m);color:var(--lumo-error-text-color);margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-m);padding:var(--lumo-space-m);position:relative}strong{font-weight:600}::slotted([slot=submit]){margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-l)}::slotted([slot=forgot-password]){margin:var(--lumo-space-s) auto}:host(:not([dir=rtl])) [part=error-message]{padding-left:var(--lumo-size-m)}:host([dir=rtl]) [part=error-message]{padding-right:var(--lumo-size-m)}[part=error-message]:before{content:var(--lumo-icons-error);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:1em;line-height:1;position:absolute;text-align:center;width:var(--lumo-size-m)}:host(:not([dir=rtl])) [part=error-message]:before{margin-left:calc(var(--lumo-size-m)*-.95)}:host([dir=rtl]) [part=error-message]:before{margin-right:calc(var(--lumo-size-m)*-.95)}[part=error-message-title]{color:inherit;display:block;line-height:var(--lumo-line-height-xs);margin:0 0 .25em}[part=error-message-description]{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);margin:0;opacity:.9}[part=footer]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s)}}@media lumo_components_password-field-button{:host{background:transparent;height:100%;margin:0;min-width:auto;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}}@media lumo_components_password-field{[part~=reveal-button]:before{content:var(--lumo-icons-eye)}:host([password-visible]) [part~=reveal-button]:before{content:var(--lumo-icons-eye-disabled)}[part~=reveal-button]{display:var(--lumo-password-field-reveal-button-display,block);position:relative}[part~=reveal-button][hidden]{display:none!important}}:host,:root{--_lumo-vaadin-password-field-inject:1;--_lumo-vaadin-password-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_mixins_field-base,lumo_components_password-field;--_lumo-vaadin-password-field-button-inject:1;--_lumo-vaadin-password-field-button-inject-modules:lumo_components_button,lumo_components_password-field-button}:host,:root{--_lumo-vaadin-login-form-wrapper-inject:1;--_lumo-vaadin-login-form-wrapper-inject-modules:lumo_components_login-form-wrapper}:host,:root{--_lumo-vaadin-login-overlay-wrapper-inject:1;--_lumo-vaadin-login-overlay-wrapper-inject-modules:lumo_mixins_overlay,lumo_components_login-overlay-wrapper}:where(vaadin-markdown){h1,h2,h3,h4,h5,h6,hr{margin-block:revert-layer}}@media lumo_components_map{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);--vaadin-map-controls-inset:var(--lumo-space-xs);--vaadin-map-icon-zoom-in:var(--lumo-icons-plus);--vaadin-map-icon-zoom-out:var(--lumo-icons-minus);--vaadin-map-icon-compass:var(--lumo-icons-arrow-up);--vaadin-map-icon-overview-map-collapse:var(--lumo-icons-angle-down);--vaadin-map-icon-overview-map-expand:var(--lumo-icons-angle-up);--vaadin-map-icon-close:var(--lumo-icons-cross);--vaadin-map-icon-attribution-collapse:var(--lumo-icons-angle-right);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:not([theme~=no-border])){border-radius:var(--vaadin-map-border-radius,var(--lumo-border-radius-l))}:host(:not([theme~=no-border])):before{border:1px solid var(--vaadin-map-border-color,var(--lumo-contrast-10pct))}:host([focus-ring]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}.ol-compass:empty:before,.ol-full-screen button:empty:before,.ol-full-screen-true:empty:before,.ol-overviewmap button span:empty:before,.ol-zoom-in:empty:before,.ol-zoom-out:empty:before{background:transparent;display:inline;height:auto;mask-image:none;width:auto}.ol-control:not(.ol-uncollapsible):hover{background-color:var(--lumo-shade-20pct);box-shadow:var(--lumo-box-shadow-s)}.ol-scale-bar-inner{border-radius:var(--lumo-border-radius-s)}.ol-compass:empty:before{content:var(--vaadin-map-icon-compass)}.ol-full-screen{height:var(--lumo-size-s)}.ol-full-screen button:empty:before{content:var(--vaadin-map-icon-fullscreen,"\2922")}.ol-full-screen .ol-full-screen-true:empty:before{content:var(--vaadin-map-icon-close,"\00D7")}.ol-overviewmap button span:empty:before{content:var(--vaadin-map-icon-overview-map-collapse)}.ol-overviewmap.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-overview-map-expand)}.ol-overviewmap-map{border-radius:var(--lumo-border-radius-s);margin:var(--lumo-space-xs)}.ol-overviewmap:not(.ol-collapsed),.ol-overviewmap:not(.ol-collapsed):hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);transition:box-shadow .15s}.ol-overviewmap.ol-collapsed button{rotate:none}.ol-zoomslider button{height:var(--lumo-space-m)}.ol-zoomslider:hover button{box-shadow:var(--lumo-box-shadow-s)}.ol-control,.ol-scale-bar,.ol-scale-line{margin:var(--lumo-space-xs)}.ol-control{-webkit-backdrop-filter:blur(8px);border-radius:var(--lumo-border-radius-m);transition:box-shadow .15s,background-color .15s}.ol-control:hover{background-color:var(--lumo-base-color)}.ol-control button{border-radius:inherit;font-family:lumo-icons;font-size:var(--lumo-icon-size-s);font-weight:400;height:var(--vaadin-map-control-size,var(--lumo-size-s));width:var(--vaadin-map-control-size,var(--lumo-size-s))}.ol-attribution:not(.ol-uncollapsible) ul,.ol-control button{background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);display:block}.ol-control button:hover{color:var(--lumo-primary-text-color)}.ol-control button:active{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}.ol-control button:focus-visible{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}.ol-zoom-in:empty:before{content:var(--vaadin-map-icon-zoom-in)}.ol-zoom-out:empty:before{content:var(--vaadin-map-icon-zoom-out)}.ol-attribution.ol-uncollapsible{border-radius:var(--lumo-border-radius-m) 0 0 0}.ol-attribution button span:empty:before{content:var(--vaadin-map-icon-attribution-collapse,"\\25B8")}.ol-attribution.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-attribution-expand,"\\2139")}.ol-attribution ul{color:var(--lumo-secondary-text-color);cursor:default;font-size:var(--lumo-font-size-xxs);padding:var(--lumo-space-xs) var(--lumo-space-s)}.ol-attribution:not(.ol-uncollapsible) ul{background-color:var(--lumo-base-color)}}:host,:root{--_lumo-vaadin-map-inject:1;--_lumo-vaadin-map-inject-modules:lumo_components_map}:where(:host),:where(:root){--vaadin-master-detail-layout-backdrop:var(
+    )}}:host,:root{--_lumo-vaadin-form-item-inject:1;--_lumo-vaadin-form-item-inject-modules:lumo_components_form-item}@media lumo_mixins_grid-pro-editor{:host([theme~=grid-pro-editor]){font-size:inherit;inset:0;padding:0;position:absolute;--lumo-text-field-size:27px;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([theme~=grid-pro-editor]) [part=input-field]{border-radius:0;flex-grow:1;font-weight:400;padding:0;--vaadin-input-field-border-color:transparent}:host([theme~=grid-pro-editor][focus-ring]) [part=input-field]{box-shadow:none}:host([theme~=grid-pro-editor]) ::slotted(input){font-size:inherit;padding:0 var(--lumo-space-m)}}@media lumo_components_grid-pro-edit-select{:host([theme~=grid-pro-editor]) [part~=toggle-button]{margin-right:var(--lumo-space-xs)}:host([theme~=grid-pro-editor]) [part=input-field] ::slotted([slot=value]){box-sizing:border-box;font-size:var(--lumo-font-size-m);padding:0 var(--lumo-space-m);-webkit-user-select:none;user-select:none}}@media lumo_components_select{:host{position:relative;--lumo-input-field-pointer-focus-visible:0}::slotted(div[slot=overlay]){display:contents}:host(:not([theme*=align])) ::slotted([slot=value]){text-align:start}[part=input-field]{cursor:var(--lumo-clickable-cursor)}[part=input-field] ::slotted([slot=value]){flex-grow:1;font-weight:var(--vaadin-input-field-value-font-weight,500)}[part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--vaadin-input-field-value-color,var(--lumo-body-text-color))}:host([readonly]) [part=input-field] ::slotted([slot=value]:not([placeholder])){color:var(--lumo-secondary-text-color)}[part=input-field] ::slotted([slot=value][placeholder]){color:var(--vaadin-input-field-placeholder-color,var(--lumo-secondary-text-color))}:host(:is([readonly],[disabled])) ::slotted([slot=value][placeholder]){opacity:0}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host(:hover:not([readonly]):not([disabled])) [part~=toggle-button]{color:var(--lumo-contrast-80pct)}:host([theme~=small]) [part=input-field] ::slotted([slot=value]){--_lumo-selected-item-height:var(--lumo-size-s);--_lumo-selected-item-padding:0}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}@media lumo_components_select-overlay{:host{align-items:flex-start;justify-content:flex-start;--_lumo-item-selected-icon-display:block}:host([phone]){align-items:stretch;bottom:var(--vaadin-overlay-viewport-bottom,0)!important;justify-content:flex-end;left:0!important;right:0!important;top:0!important}:host(:not([phone])) [part=overlay]{min-width:var(--vaadin-select-overlay-width,var(--_vaadin-select-overlay-default-width))}:host([no-vertical-overlap][top-aligned]) [part=overlay]{margin-block-start:var(--lumo-space-xs)}:host([no-vertical-overlap][bottom-aligned]) [part=overlay]{margin-block-end:var(--lumo-space-xs)}:host([theme~=align-left]){text-align:left}:host([theme~=align-right]){text-align:right}:host([theme~=align-center]){text-align:center}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_select-value-button{:host{display:inline-block;font-family:var(--lumo-font-family);font-size:var(--vaadin-input-field-value-font-size,var(--lumo-font-size-m));min-width:0;outline:none;padding:0 .25em;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;width:0;--_lumo-selected-item-height:var(--lumo-size-m);--_lumo-selected-item-padding:0.5em}::slotted(*){flex:auto;font-size:inherit;min-height:var(--_lumo-selected-item-height);padding:var(--_lumo-selected-item-padding) 0 var(--_lumo-selected-item-padding) 0}::slotted(:hover){background-color:transparent}::slotted(:not([selected])){line-height:1}.vaadin-button-container{align-items:center;display:inline-flex;height:100%;justify-content:center;min-height:inherit;text-align:inherit;text-shadow:inherit;width:100%}[part=label]{line-height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}:host,:root{--_lumo-vaadin-select-inject:1;--_lumo-vaadin-select-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_mixins_field-base,lumo_components_select;--_lumo-vaadin-select-item-inject:1;--_lumo-vaadin-select-item-inject-modules:lumo_components_item;--_lumo-vaadin-select-overlay-inject:1;--_lumo-vaadin-select-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_menu-overlay-ext,lumo_components_select-overlay;--_lumo-vaadin-select-list-box-inject:1;--_lumo-vaadin-select-list-box-inject-modules:lumo_components_list-box;--_lumo-vaadin-select-value-button-inject:1;--_lumo-vaadin-select-value-button-inject-modules:lumo_components_select-value-button}:host,:root{--_lumo-vaadin-grid-pro-edit-text-field-inject:1;--_lumo-vaadin-grid-pro-edit-text-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_mixins_grid-pro-editor;--_lumo-vaadin-grid-pro-edit-select-inject:1;--_lumo-vaadin-grid-pro-edit-select-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_mixins_grid-pro-editor,lumo_components_select,lumo_components_grid-pro-edit-select;--_lumo-vaadin-grid-pro-edit-checkbox-inject:1;--_lumo-vaadin-grid-pro-edit-checkbox-inject-modules:lumo_mixins_checkable-field,lumo_components_checkbox}@media lumo_components_grid-pro{:host([navigating]) [part~=cell]:active:before{box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);content:"";inset:0;pointer-events:none;position:absolute}[part~=editable-cell],[part~=editable-cell] ::slotted(vaadin-grid-cell-content){cursor:var(--lumo-clickable-cursor)}[part~=editable-cell]:focus,[part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}:host([theme~=highlight-editable-cells]) [part~=editable-cell]:focus,:host([theme~=highlight-editable-cells]) [part~=editable-cell]:hover{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}:host([theme~=highlight-read-only-cells]) [tabindex]:not([part~=editable-cell]):not([part~=header-cell]):not([part~=footer-cell]){background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,var(--lumo-contrast-5pct) 6px,var(--lumo-contrast-5pct) 14px)}:host([loading-editor]) [part~=focused-cell]:before{animation:vaadin-grid-pro-loading-editor 1.4s infinite;box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);content:"";inset:0;opacity:0;pointer-events:none;position:absolute}@keyframes vaadin-grid-pro-loading-editor{50%{opacity:1}}[part~=updating-cell]:after{animation:vaadin-grid-pro-updating-cell 1.3s ease-out infinite;background-image:linear-gradient(90deg,transparent,var(--lumo-contrast-10pct),transparent);background-position:min(-200%,-4em) 0;background-repeat:no-repeat;background-size:max(4em,50%);border-radius:4px;content:"";inset:var(--_cell-padding);margin:var(--_focus-ring-width);position:absolute}@keyframes vaadin-grid-pro-updating-cell{to{background-position:max(300%,8em) 0}}:host([loading-editor]) [part~=focused-cell] ::slotted(vaadin-grid-cell-content),[part~=updating-cell] ::slotted(vaadin-grid-cell-content){opacity:0;pointer-events:none}}:host,:root{--_lumo-vaadin-grid-pro-inject:1;--_lumo-vaadin-grid-pro-inject-modules:lumo_components_grid,lumo_components_grid-pro}@media lumo_components_grid-tree-toggle{:host{--vaadin-grid-tree-toggle-level-offset:2em;align-items:center;display:inline-flex;max-width:100%;transform:translateX(calc(var(--lumo-space-s)*-1));vertical-align:middle;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host(:not([leaf])){cursor:default}#level-spacer,[part=toggle]{flex:none}#level-spacer{display:inline-block;width:calc(var(--_level, "0")*var(--vaadin-grid-tree-toggle-level-offset))}[part=toggle]:before{display:inline-block;font-family:lumo-icons;height:100%;line-height:1em}:host(:not([expanded])) [part=toggle]:before{content:var(--lumo-icons-angle-right)}:host([expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-right);transform:rotate(90deg)}:host([leaf]) [part=toggle]{visibility:hidden}slot{display:block;overflow:hidden;text-overflow:ellipsis}[part=toggle]{color:var(--lumo-contrast-50pct);cursor:var(--lumo-clickable-cursor);display:inline-block;font-size:1.5em;height:1em;line-height:1;margin:-.33333em;padding:.33333em;text-align:center;width:1em}:host(:not([dir=rtl])) [part=toggle]{margin-right:0}@media (hover:hover){:host(:hover) [part=toggle]{color:var(--lumo-contrast-80pct)}}:host([dir=rtl]){margin-left:0;margin-right:calc(var(--lumo-space-s)*-1)}:host([dir=rtl]) [part=toggle]{margin-left:0}:host([dir=rtl][expanded]) [part=toggle]:before{transform:rotate(-90deg)}:host([dir=rtl]:not([expanded])) [part=toggle]:before,:host([dir=rtl][expanded]) [part=toggle]:before{content:var(--lumo-icons-angle-left)}}:host,:root{--_lumo-vaadin-grid-tree-toggle-inject:1;--_lumo-vaadin-grid-tree-toggle-inject-modules:lumo_components_grid-tree-toggle}:host,:root{--_lumo-vaadin-grid-inject:1;--_lumo-vaadin-grid-inject-modules:lumo_components_grid}@media lumo_components_horizontal-layout{:host([theme~=margin]){margin:var(--vaadin-horizontal-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-horizontal-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-horizontal-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host,:root{--_lumo-vaadin-horizontal-layout-inject:1;--_lumo-vaadin-horizontal-layout-inject-modules:lumo_components_horizontal-layout}@media lumo_components_icon{:host{height:var(--vaadin-icon-size,var(--lumo-icon-size-m));width:var(--vaadin-icon-size,var(--lumo-icon-size-m))}}:host,:root{--_lumo-vaadin-icon-inject:1;--_lumo-vaadin-icon-inject-modules:lumo_components_icon}@media lumo_components_number-field{:host([readonly]) [part$=button]{pointer-events:none}:host([step-buttons-visible]:not([theme~=align-right])) ::slotted(input){text-align:center}:host(:not([disabled])) [part$=button][disabled]{opacity:.2}:host([step-buttons-visible]) [part=input-field]{padding:0}[part~=decrease-button],[part~=increase-button]{cursor:pointer;height:1.5em;-webkit-user-select:none;user-select:none;width:1.5em}[part~=decrease-button]:before,[part~=increase-button]:before{margin-top:.25em}[part~=decrease-button]:before{content:var(--lumo-icons-minus)}[part~=increase-button]:before{content:var(--lumo-icons-plus)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]:not([theme~=align-right])) ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}}:host,:root{--_lumo-vaadin-integer-field-inject:1;--_lumo-vaadin-integer-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_mixins_field-base,lumo_components_number-field}:host,:root{--_lumo-vaadin-item-inject:1;--_lumo-vaadin-item-inject-modules:lumo_components_item}:host,:root{--_lumo-vaadin-list-box-inject:1;--_lumo-vaadin-list-box-inject-modules:lumo_components_list-box}@media lumo_components_login-overlay-wrapper{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);inset:0;line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=overlay]{background:none;border-radius:0;box-shadow:none;height:100%;outline:none;width:100%}[part=card]{background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);height:auto;margin:var(--lumo-space-s);max-width:100%;width:calc(var(--lumo-size-m)*10)}[part=brand],[part=card]{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}[part=brand]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);flex-grow:1;flex-shrink:0;justify-content:flex-end;min-height:calc(var(--lumo-size-m)*5);padding:var(--lumo-space-l) var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l)}::slotted([slot=title]){color:inherit;font-size:var(--lumo-font-size-xxxl);font-weight:600;line-height:var(--lumo-line-height-xs);margin:0}[part=backdrop]{background:var(--lumo-base-color) linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[part=description]{color:var(--lumo-tint-70pct);line-height:var(--lumo-line-height-s);margin:.5em 0 0}[part=content]{align-items:center;display:flex;height:100%;justify-content:center;padding:0}::slotted(vaadin-login-form-wrapper){max-width:100%;min-height:100%}@media only screen and (max-width:500px){[part=content],[part=overlay]{height:100%}[part=content]{align-items:flex-start;background:var(--lumo-base-color);min-height:100%}[part=card],[part=overlay]{border-radius:0;box-shadow:none;margin:0;width:100%}:host([dir=rtl]) [part=brand]{padding:var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-xl)}}@media only screen and (max-height:600px) and (min-width:600px) and (orientation:landscape){[part=card]{align-items:stretch;flex-direction:row;max-width:calc(var(--lumo-size-m)*16);width:100%}[part=brand],[part=form-wrapper]{box-sizing:border-box;flex:auto;flex-basis:0}[part=brand]{justify-content:flex-start}[part=form-wrapper]{overflow:auto;padding:var(--lumo-space-l)}::slotted(vaadin-login-form-wrapper){flex:1;padding:2px}}@media only screen and (max-height:500px) and (min-width:600px) and (orientation:landscape),only screen and (max-width:600px) and (min-width:600px) and (orientation:landscape){[part=content]{height:100vh}[part=card]{border-radius:0;box-shadow:none;flex:auto;height:100%;margin:0;max-width:none;width:100%}[part=form-wrapper]{height:100%;overflow:auto}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){[part=card]{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}[part=brand]{margin-left:calc(env(safe-area-inset-left)*-1);padding-left:calc(var(--lumo-space-l) + env(safe-area-inset-left))}:host([dir=rtl]) [part=card]{padding-left:env(safe-area-inset-right);padding-right:env(safe-area-inset-left)}:host([dir=rtl]) [part=brand]{margin-right:calc(env(safe-area-inset-left)*-1);padding-right:calc(var(--lumo-space-l) + env(safe-area-inset-left))}}}@media lumo_components_login-form-wrapper{:host{box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);overflow:hidden;padding:var(--lumo-space-l);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--lumo-base-color) linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));max-width:100%;width:calc(var(--lumo-size-m)*10)}:host([hidden]){display:none!important}::slotted(form){display:flex;flex-direction:column}::slotted([slot=form-title]){color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-xxl);font-weight:600;line-height:var(--lumo-line-height-xs);margin:0;margin-top:calc(var(--lumo-font-size-xxxl) - var(--lumo-font-size-xxl))}[part=error-message]{background-color:var(--lumo-error-color-10pct);border-radius:var(--lumo-border-radius-m);color:var(--lumo-error-text-color);margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-m);padding:var(--lumo-space-m);position:relative}strong{font-weight:600}::slotted([slot=submit]){margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-l)}::slotted([slot=forgot-password]){margin:var(--lumo-space-s) auto}:host(:not([dir=rtl])) [part=error-message]{padding-left:var(--lumo-size-m)}:host([dir=rtl]) [part=error-message]{padding-right:var(--lumo-size-m)}[part=error-message]:before{content:var(--lumo-icons-error);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:1em;line-height:1;position:absolute;text-align:center;width:var(--lumo-size-m)}:host(:not([dir=rtl])) [part=error-message]:before{margin-left:calc(var(--lumo-size-m)*-.95)}:host([dir=rtl]) [part=error-message]:before{margin-right:calc(var(--lumo-size-m)*-.95)}[part=error-message-title]{color:inherit;display:block;line-height:var(--lumo-line-height-xs);margin:0 0 .25em}[part=error-message-description]{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);margin:0;opacity:.9}[part=footer]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s)}}@media lumo_components_password-field-button{:host{background:transparent;height:100%;margin:0;min-width:auto;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}}@media lumo_components_password-field{[part~=reveal-button]:before{content:var(--lumo-icons-eye)}:host([password-visible]) [part~=reveal-button]:before{content:var(--lumo-icons-eye-disabled)}[part~=reveal-button]{display:var(--lumo-password-field-reveal-button-display,block);position:relative}[part~=reveal-button][hidden]{display:none!important}}:host,:root{--_lumo-vaadin-password-field-inject:1;--_lumo-vaadin-password-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_mixins_field-base,lumo_components_password-field;--_lumo-vaadin-password-field-button-inject:1;--_lumo-vaadin-password-field-button-inject-modules:lumo_components_button,lumo_components_password-field-button}:host,:root{--_lumo-vaadin-login-form-wrapper-inject:1;--_lumo-vaadin-login-form-wrapper-inject-modules:lumo_components_login-form-wrapper}:host,:root{--_lumo-vaadin-login-overlay-wrapper-inject:1;--_lumo-vaadin-login-overlay-wrapper-inject-modules:lumo_mixins_overlay,lumo_components_login-overlay-wrapper}:where(vaadin-markdown){h1,h2,h3,h4,h5,h6,hr{margin-block:revert-layer}code{background-color:var(--lumo-contrast-10pct)}}@media lumo_components_map{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);--vaadin-map-controls-inset:var(--lumo-space-xs);--vaadin-map-icon-zoom-in:var(--lumo-icons-plus);--vaadin-map-icon-zoom-out:var(--lumo-icons-minus);--vaadin-map-icon-compass:var(--lumo-icons-arrow-up);--vaadin-map-icon-overview-map-collapse:var(--lumo-icons-angle-down);--vaadin-map-icon-overview-map-expand:var(--lumo-icons-angle-up);--vaadin-map-icon-close:var(--lumo-icons-cross);--vaadin-map-icon-attribution-collapse:var(--lumo-icons-angle-right);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:not([theme~=no-border])){border-radius:var(--vaadin-map-border-radius,var(--lumo-border-radius-l))}:host(:not([theme~=no-border])):before{border:1px solid var(--vaadin-map-border-color,var(--lumo-contrast-10pct))}:host([focus-ring]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}.ol-compass:empty:before,.ol-full-screen button:empty:before,.ol-full-screen-true:empty:before,.ol-overviewmap button span:empty:before,.ol-zoom-in:empty:before,.ol-zoom-out:empty:before{background:transparent;display:inline;height:auto;mask-image:none;width:auto}.ol-control:not(.ol-uncollapsible):hover{background-color:var(--lumo-shade-20pct);box-shadow:var(--lumo-box-shadow-s)}.ol-scale-bar-inner{border-radius:var(--lumo-border-radius-s)}.ol-compass:empty:before{content:var(--vaadin-map-icon-compass)}.ol-full-screen{height:var(--lumo-size-s)}.ol-full-screen button:empty:before{content:var(--vaadin-map-icon-fullscreen,"\2922")}.ol-full-screen .ol-full-screen-true:empty:before{content:var(--vaadin-map-icon-close,"\00D7")}.ol-overviewmap button span:empty:before{content:var(--vaadin-map-icon-overview-map-collapse)}.ol-overviewmap.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-overview-map-expand)}.ol-overviewmap-map{border-radius:var(--lumo-border-radius-s);margin:var(--lumo-space-xs)}.ol-overviewmap:not(.ol-collapsed),.ol-overviewmap:not(.ol-collapsed):hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);transition:box-shadow .15s}.ol-overviewmap.ol-collapsed button{rotate:none}.ol-zoomslider button{height:var(--lumo-space-m)}.ol-zoomslider:hover button{box-shadow:var(--lumo-box-shadow-s)}.ol-control,.ol-scale-bar,.ol-scale-line{margin:var(--lumo-space-xs)}.ol-control{-webkit-backdrop-filter:blur(8px);border-radius:var(--lumo-border-radius-m);transition:box-shadow .15s,background-color .15s}.ol-control:hover{background-color:var(--lumo-base-color)}.ol-control button{border-radius:inherit;font-family:lumo-icons;font-size:var(--lumo-icon-size-s);font-weight:400;height:var(--vaadin-map-control-size,var(--lumo-size-s));width:var(--vaadin-map-control-size,var(--lumo-size-s))}.ol-attribution:not(.ol-uncollapsible) ul,.ol-control button{background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);display:block}.ol-control button:hover{color:var(--lumo-primary-text-color)}.ol-control button:active{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}.ol-control button:focus-visible{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}.ol-zoom-in:empty:before{content:var(--vaadin-map-icon-zoom-in)}.ol-zoom-out:empty:before{content:var(--vaadin-map-icon-zoom-out)}.ol-attribution.ol-uncollapsible{border-radius:var(--lumo-border-radius-m) 0 0 0}.ol-attribution button span:empty:before{content:var(--vaadin-map-icon-attribution-collapse,"\\25B8")}.ol-attribution.ol-collapsed button span:empty:before{content:var(--vaadin-map-icon-attribution-expand,"\\2139")}.ol-attribution ul{color:var(--lumo-secondary-text-color);cursor:default;font-size:var(--lumo-font-size-xxs);padding:var(--lumo-space-xs) var(--lumo-space-s)}.ol-attribution:not(.ol-uncollapsible) ul{background-color:var(--lumo-base-color)}}:host,:root{--_lumo-vaadin-map-inject:1;--_lumo-vaadin-map-inject-modules:lumo_components_map}:where(:host),:where(:root){--vaadin-master-detail-layout-backdrop:var(
     --lumo-shade-20pct
   );--vaadin-master-detail-layout-detail-background:var(
     --lumo-base-color
@@ -46,6 +46,6 @@
       --vaadin-multi-select-combo-box-overlay-width,var(--_vaadin-multi-select-combo-box-overlay-default-width,auto)
     )}}@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}#chips{align-items:center;display:flex}::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-basis:0;flex-grow: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]){color:var(--lumo-body-text-color);mask-image:none;min-height:auto;padding:.3125em calc(.5em + var(--lumo-border-radius-s)/4)}:host([auto-expand-vertically]) ::slotted([slot=chip]){margin-block:calc(var(--lumo-space-xs)/2)}::slotted([slot=chip]:not([readonly]):not([disabled])){padding-inline-end:0}:host([auto-expand-vertically]) ::slotted([slot=input]){min-height:calc(var(--lumo-text-field-size, var(--lumo-size-m)) - var(--lumo-space-xs)*2)}::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,: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-inject:1;--_lumo-vaadin-multi-select-combo-box-inject-modules:lumo_mixins_field-label,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;margin:var(--lumo-space-s);position:relative}[part=overlay]{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;letter-spacing:0;line-height:var(--lumo-line-height-s);pointer-events:auto;text-transform:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=content]{align-items:center;display:flex;justify-content:space-between;padding:var(--lumo-space-wide-l)}[part=content] ::slotted(vaadin-button){flex:none;margin:0 calc(var(--lumo-space-s)*-1) 0 var(--lumo-space-m)}:host([slot^=middle]){margin:var(--lumo-space-s) auto;max-width:80vw}: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%{opacity:0;transform:translateY(-200%)}}@keyframes lumo-notification-exit-slide-up{to{opacity:0;transform:translateY(-200%)}}@keyframes lumo-notification-enter-slide-up{0%{opacity:0;transform:translateY(200%)}}@keyframes lumo-notification-exit-slide-down{to{opacity:0;transform:translateY(200%)}}: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);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-primary-contrast-color)}: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);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-base-color)}: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);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-success-contrast-color)}: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);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-error-contrast-color)}: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);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct),var(--lumo-box-shadow-l);color:var(--lumo-warning-contrast-color)}: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{align-items:stretch;background-color:transparent;border:none;box-sizing:border-box;display:flex;flex-direction:column;height:auto;inset:0;overflow:visible;padding:0;pointer-events:none;position:fixed;width:auto}[region-group]{display:flex;flex:1 1 0%}[region-group=top]{align-items:flex-start}[region-group=bottom]{align-items:flex-end}[region-group]>[region]{flex:1 1 0%}@media (max-width:420px){[region-group]{align-items:stretch;flex-direction:column}[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-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]{border:none;overflow:visible}[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;height:round(var(--lumo-size-l)/10,1px);margin:var(--lumo-space-s) 0;width:100%}:host([hidden]){display:none!important}[part=bar]{background-color:var(--lumo-contrast-10pct)}[part=bar],[part=value]{border-radius:var(--lumo-border-radius-m);height:100%}[part=value]{background-color:var(--lumo-primary-color);transform:none;transform-origin:0 50%;transition:width .1s linear;width:calc(var(--vaadin-progress-value)*100%)}: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));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));animation:vaadin-progress-indeterminate 1.6s cubic-bezier(.645,.045,.355,1) infinite;background-color:transparent!important;background-image:var(--lumo-progress-indeterminate-progress-bar-background);opacity:.75;width:100%}@keyframes vaadin-progress-indeterminate{0%{transform:scaleX(.015);transform-origin:0 0}25%{transform:scaleX(.4)}50%{background-image:var(--lumo-progress-indeterminate-progress-bar-background);transform:scaleX(.015);transform-origin:100% 0}50.1%{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:100% 0}75%{transform:scaleX(.4)}to{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:0 0}}:host(:not([aria-valuenow])) [part=value]:before,:host([indeterminate]) [part=value]:before{animation:vaadin-progress-pulse3 1.6s cubic-bezier(.645,.045,.355,1) infinite;background-color:var(--lumo-primary-color);border-radius:inherit;content:"";display:block;height:100%;width:100%}@keyframes vaadin-progress-pulse3{0%{opacity:1}10%{opacity:0}40%{opacity:0}50%{opacity:1}50.1%{opacity:1}60%{opacity:0}90%{opacity:0}to{opacity:1}}:host([theme~=contrast]) [part=value],:host([theme~=contrast]) [part=value]:before{background-color:var(--lumo-contrast-80pct);--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-80pct));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-60pct))}:host([theme~=error]) [part=value],:host([theme~=error]) [part=value]:before{background-color:var(--lumo-error-color);--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color))}:host([theme~=success]) [part=value],:host([theme~=success]) [part=value]:before{background-color:var(--lumo-success-color);--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color))}:host([indeterminate][dir=rtl]) [part=value]{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));animation:vaadin-progress-indeterminate-rtl 1.6s cubic-bezier(.355,.045,.645,1) infinite}:host(:not([aria-valuenow])[dir=rtl]) [part=value]:before,:host([indeterminate][dir=rtl]) [part=value]:before{animation:vaadin-progress-pulse3 1.6s cubic-bezier(.355,.045,.645,1) infinite}@keyframes vaadin-progress-indeterminate-rtl{0%{transform:scaleX(.015);transform-origin:100% 0}25%{transform:scaleX(.4)}50%{background-image:var(--lumo-progress-indeterminate-progress-bar-background);transform:scaleX(.015);transform-origin:0 0}50.1%{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:0 0}75%{transform:scaleX(.4)}to{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:100% 0}}:host([theme~=contrast][dir=rtl]) [part=value],:host([theme~=contrast][dir=rtl]) [part=value]:before{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-80pct));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-60pct))}:host([theme~=error][dir=rtl]) [part=value],:host([theme~=error][dir=rtl]) [part=value]:before{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color))}:host([theme~=success][dir=rtl]) [part=value],:host([theme~=success][dir=rtl]) [part=value]:before{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-success-color-10pct) 10%,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(var(--lumo-size-m)/2))}: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);background:var(--vaadin-radio-button-background,var(--lumo-contrast-20pct));border-radius:50%;--_input-border-color:var(--vaadin-input-field-border-color,var(--lumo-contrast-50pct))}[part=radio]:after{background-clip:content-box;border:var(--vaadin-radio-button-marker-size,3px) solid var(--vaadin-radio-button-dot-color,var(--lumo-primary-contrast-color));border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s;width:0}: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{opacity:.4;transform:scale(0);transition-duration:.01s,.01s}:host([focus-ring]) [part=radio]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color),inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color)}:host([disabled]){color:var(--lumo-disabled-text-color);pointer-events:none;--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-required,lumo_mixins_field-error-message,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_components_radio-group}@media lumo_mixins_slider{:host{color:var(--lumo-body-text-color);display:inline-flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);-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(var(--lumo-size-m)/2));--_thumb-height:var(--vaadin-slider-thumb-height,calc(var(--lumo-size-m)/2))}:host:before{align-items:center;align-self:auto;border:0;box-sizing:border-box;content:"\2003";display:inline-flex;height:var(--lumo-size-s);margin:0;padding:0;width:0}[class$=container]{display:flex;flex-direction:column;max-width:100%;min-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(var(--lumo-size-l)/10))}[part=track-fill]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}[part~=thumb]{background:var(--lumo-base-color);border-color:var(--vaadin-slider-thumb-border-color,var(--_fill-background));border-width:var(--vaadin-slider-thumb-border-width,3px)}[part=label]{margin-bottom:0;margin-top:-.25em}[part=helper-text]{margin:0}#controls{min-height:var(--lumo-size-s)}:host([has-label]) #controls{border:0;padding: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{background:transparent;height:.4em;mask:none}: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-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]{display:flex;flex-wrap:wrap;justify-content:center;max-width:calc((var(--_button-size) + var(--_button-margin)*2)*7);padding:var(--lumo-space-xs);--_button-size:1.25rem;--_button-margin:3px}[part=content] ::slotted(button){background-color:var(--_btn-background);border:none;height:var(--_button-size);margin:var(--_button-margin);width:var(--_button-size)}[part=content] ::slotted(button:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1 + 1px)}[part=content] ::slotted(button:first-of-type){background-clip:padding-box;background-color:transparent;background-image:repeating-linear-gradient(135deg,transparent,transparent 47%,red 50%,transparent 53%,transparent);border:1px solid var(--lumo-contrast-10pct);position:relative}}@media lumo_components_rich-text-editor{:host{background:var(--vaadin-rich-text-editor-background,transparent);border:none;border-radius:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);min-height:calc(var(--lumo-size-m)*8);-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));gap:var(--vaadin-rich-text-editor-toolbar-gap,0);padding:var(--vaadin-rich-text-editor-toolbar-padding,calc(var(--lumo-space-s) - 1px) var(--lumo-space-xs))}[part~=toolbar-button]{background:var(--vaadin-rich-text-editor-toolbar-button-background,transparent);border-radius:var(--lumo-border-radius-m);border-width:var(--vaadin-rich-text-editor-toolbar-button-border-width,0);color:var(--vaadin-rich-text-editor-toolbar-button-text-color,var(--lumo-contrast-60pct));cursor:var(--lumo-clickable-cursor);font:inherit;height:var(--lumo-size-m);line-height:1;margin:2px 1px;padding:var(--vaadin-rich-text-editor-toolbar-button-padding,0);text-transform:none;transition:background-color .1s,color .1s;width:var(--lumo-size-m)}[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{background:transparent;font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);height:auto;left:50%;mask-image:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}[part~=toolbar-group]{margin:0 .5em;margin:0 calc(var(--lumo-space-l)/2 - 1px)}[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{font-weight:600;letter-spacing:-.05em}[part~=toolbar-button-subscript]:before,[part~=toolbar-button-superscript]:before{content:"X";font-size:var(--lumo-font-size-s);font-weight:600}[part~=toolbar-button-subscript]:after,[part~=toolbar-button-superscript]:after{content:"2";font-size:.625em;font-weight:700;left:70%;position:absolute;top:50%}[part~=toolbar-button-superscript]:after{top:20%}[part~=toolbar-button-blockquote]:before{content:"”";font-size:var(--lumo-font-size-xxl);height:.6em}[part~=toolbar-button-code-block]:before{content:var(--lumo-icons-angle-left) var(--lumo-icons-angle-right);font-size:var(--lumo-font-size-l);font-weight:600;letter-spacing:-.5em;margin-left:-.25em}[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{height:auto;mask-image:none;transform:none;width:auto}[part~=toolbar-button-color]:after{bottom:4px;height:4px;left:25%;right:25%;width:50%}[part~=toolbar-button-background]:before{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));z-index:1}[part~=toolbar-button-background]:after{background:repeating-linear-gradient(135deg,var(--_background-value,currentColor),var(--_background-value,currentColor) 1px,transparent 1px,transparent 2px);content:"";inset:20%;position:absolute}:host([disabled]) [part~=toolbar-button]{--vaadin-rich-text-editor-toolbar-button-background:transparent}[part~=toolbar-button]:focus,[part~=toolbar-button][aria-expanded=true]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}@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(var(--lumo-size-m)*6)}: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(var(--lumo-space-xs) + 1px) 0}:host([theme~=compact]) [part~=toolbar-button]{height:var(--lumo-size-s);width:var(--lumo-size-s)}:host([theme~=compact]) [part~=toolbar-group]{margin:0 calc(var(--lumo-space-m)/2 - 1px)}.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{margin-inline:40px;padding-left:1em}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){color:var(--lumo-header-text-color);font-weight:600;line-height:var(--lumo-line-height-xs);margin-block:0}:where(h1){font-size:var(--lumo-font-size-xxxl)}:where(h2){font-size:var(--lumo-font-size-xxl)}:where(h3){font-size:var(--lumo-font-size-xl)}:where(h4){font-size:var(--lumo-font-size-l)}:where(h5){font-size:var(--lumo-font-size-m)}:where(h6){font-size:var(--lumo-font-size-xs);letter-spacing:.03em;text-transform:uppercase}blockquote,p{margin-bottom:.75em;margin-top:.5em}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{align-self:stretch;background-color:var(--lumo-contrast-10pct);border:0;display:block;height:1px;margin:var(--lumo-space-s) calc(var(--lumo-border-radius-m)/2);padding:0}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]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border:none;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);max-width:40ch;padding:0}[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]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}}:host,:root{--_lumo-vaadin-scroller-inject:1;--_lumo-vaadin-scroller-inject-modules:lumo_components_scroller}@media lumo_components_side-nav{:host{color:var(--lumo-body-text-color);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);-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{align-items:center;background-color:initial;border:initial;color:inherit;display:flex;font:inherit;justify-content:inherit;margin:0;outline:none;padding:0;text-align:inherit;width:100%}[part=children]{list-style-type:none;margin:0;padding:0}[part=label]{align-items:center;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs);outline:none;width:100%}[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]{align-items:center;color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor);display:inline-flex;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:var(--lumo-size-s);justify-content:center;line-height:1;margin-inline:auto var(--lumo-space-xs);width:var(--lumo-size-s)}[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]{align-items:center;display:flex}[part=link]{border-radius:var(--lumo-border-radius-m);color:inherit;cursor:var(--lumo-clickable-cursor,default);flex:auto;font:inherit;gap:var(--lumo-space-xs);min-height:var(--lumo-icon-size-m);min-width:0;padding:var(--lumo-space-s);padding-inline-start:calc(var(--lumo-space-s) + var(--_child-indent, 0px));text-decoration:none;transition:background-color .14s,color .14s;width:100%}button{appearance:none;background:transparent;border:0;flex:none;margin:0;padding:0;position:relative}[part=children]{list-style-type:none;margin:0;padding:0}:host(:not([has-children])) button{display:none!important}slot[name=prefix],slot[name=suffix]{flex:none}slot:not([name]){display:block;flex:auto;margin:0 var(--lumo-space-s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part=link][href]{cursor:pointer}:host([disabled]) [part=link]{color:var(--lumo-disabled-text-color)}[part=toggle-button]{height:var(--lumo-size-s);margin-inline-end:calc(var(--lumo-space-xs)*-1);width: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])){color:var(--lumo-contrast-60pct);flex-shrink:0;padding:.1em}: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);border-radius:var(--lumo-border-radius-m);color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}:host,:root{--_lumo-vaadin-side-nav-item-inject:1;--_lumo-vaadin-side-nav-item-inject-modules:lumo_mixins_field-button,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-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]{--_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}[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]{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_tabs{:host{align-items:center;display:flex;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host([orientation=vertical]){box-shadow:-1px 0 0 0 var(--lumo-contrast-10pct);display:block}:host([orientation=vertical]) [part=tabs]{height:100%;margin:.5rem 0;overflow-y:auto;width:100%}:host(:not([orientation=vertical])){box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);min-height:var(--lumo-size-l);position:relative}:host([orientation=horizontal]) [part=tabs]{align-self:stretch;display:flex;flex-grow:1;margin:0 .75rem;overflow-x:auto}: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]{align-items:center;color:var(--lumo-tertiary-text-color);cursor:default;display:flex;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:100%;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:1.5em;z-index:1}[part=back-button]:hover,[part=forward-button]:hover{color:inherit}:host([overflow~=end]) [part=forward-button],:host([overflow~=start]) [part=back-button]{opacity:1;pointer-events:auto}[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,transparent 2em,#000 4em,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent 2em,#000 4em)}:host([overflow~=start][overflow~=end][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([overflow~=end][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(#000 calc(100% - 2em),transparent)}:host([overflow~=start][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(transparent,#000 2em)}:host [part=tabs] ::slotted(:not(vaadin-tab)){margin-left:var(--lumo-space-m)}:host([theme~=centered][orientation=horizontal]) ::slotted(vaadin-tab:first-of-type){margin-inline-start:auto}:host([theme~=centered][orientation=horizontal]) ::slotted(vaadin-tab:last-of-type){margin-inline-end:auto}:host([theme~=small]),:host([theme~=small]) [part=tabs]{min-height:var(--lumo-size-m)}:host([theme~=small]) [part=tabs] ::slotted(vaadin-tab){font-size:var(--lumo-font-size-s)}:host([theme~=minimal]){box-shadow:none;--_lumo-tab-marker-display:none}:host([theme~=hide-scroll-buttons]) [part=back-button],:host([theme~=hide-scroll-buttons]) [part=forward-button]{display:none}:host([theme~=hide-scroll-buttons][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([theme~=hide-scroll-buttons][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,#000 calc(100% - 2em),transparent)}:host([theme~=hide-scroll-buttons][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent,#000 2em)}:host([theme~=equal-width-tabs]){flex:auto}:host([theme~=equal-width-tabs]) [part=tabs] ::slotted(vaadin-tab){flex:1 0 0%}:host(:not([dir=rtl])) [part=forward-button]{right:0}:host([dir=rtl]) [part=back-button]:after{content:var(--lumo-icons-angle-right)}:host([dir=rtl]) [part=forward-button]:after{content:var(--lumo-icons-angle-left)}:host([dir=rtl][orientation=vertical]){box-shadow:1px 0 0 0 var(--lumo-contrast-10pct)}:host([dir=rtl]) [part=forward-button]{left:0}:host([dir=rtl]) [part=tabs] ::slotted(:not(vaadin-tab)){margin-left:0;margin-right:var(--lumo-space-m)}:host([dir=rtl][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent 2em,#000 4em,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([dir=rtl][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([dir=rtl][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent 2em,#000 4em)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,#000 calc(100% - 2em),transparent)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent,#000 2em)}}@media lumo_components_tab{:host{align-items:center;box-sizing:border-box;color:var(--lumo-secondary-text-color);cursor:var(--lumo-clickable-cursor);display:flex;flex-shrink:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);opacity:1;outline:none;padding:.5rem .75rem;position:relative;transform-origin:50% 100%;transition:color .15s,transform .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:var(--lumo-size-m);overflow:hidden;-webkit-user-select:none;user-select: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));--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}:host([hidden]){display:none!important}:host(:not([orientation=vertical])){text-align:center}:host([orientation=vertical]){min-height:var(--lumo-size-m);min-width:0;padding:.25rem 1rem;transform-origin:0 50%}:host(:hover),:host([focus-ring]){color:var(--lumo-body-text-color)}:host([selected]){color:var(--_selection-color-text);transition:color .6s}:host([active]:not([selected])){color:var(--_selection-color-text);transition-duration:.1s}:host:after,:host:before{background-color:var(--lumo-contrast-60pct);border-radius:var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0;bottom:0;content:"";display:var(--_lumo-tab-marker-display,block);height:2px;left:50%;position:absolute;transform:translateX(-50%) scale(0);transform-origin:50% 100%;transition:transform .14s cubic-bezier(.12,.32,.54,1);width:var(--lumo-size-s)}:host([orientation=vertical]):after,:host([orientation=vertical]):before{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;bottom:50%;height:var(--lumo-size-xs);left:0;transform:translateY(50%) scale(0);transform-origin:100% 50%;width:2px}:host:after{box-shadow:0 0 0 4px var(--_selection-color);opacity:.15;transition:transform .15s .02s,opacity .8s .17s}:host([selected]):after,:host([selected]):before{background-color:var(--_selection-color);transform:translateX(-50%) scale(1);transition-timing-function:cubic-bezier(.12,.32,.54,1.5)}:host([orientation=vertical][selected]):after,:host([orientation=vertical][selected]):before{transform:translateY(50%) scale(1)}:host([selected]:not([active])):after{opacity:0}:host(:not([orientation=vertical])) ::slotted(a[href]){justify-content:center}:host ::slotted(a){align-items:center;color:inherit!important;display:flex;height:100%;margin:-.5rem -.75rem;outline:none;padding:.5rem .75rem;text-decoration:none!important;width:100%}:host ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);margin:0 4px;width:var(--lumo-icon-size-m)}:host ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:.25rem}:host(:not([dir=rtl])) ::slotted(vaadin-icon:first-child){margin-left:0}:host(:not([dir=rtl])) ::slotted(vaadin-icon:last-child){margin-right:0}:host([theme~=icon-on-top]){align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding-bottom:.5rem;padding-top:.25rem;text-align:center}:host([theme~=icon-on-top]) ::slotted(a){align-items:center;flex-direction:column;margin-top:-.25rem;padding-top:.25rem}:host([theme~=icon-on-top]) ::slotted(vaadin-icon){margin:0}:host([disabled]){color:var(--lumo-disabled-text-color);opacity:1;pointer-events:none}:host([focus-ring]){border-radius:var(--lumo-border-radius-m);box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([dir=rtl]):after,:host([dir=rtl]):before{left:auto;right:50%;transform:translateX(50%) scale(0)}:host([dir=rtl][selected]:not([orientation=vertical])):after,:host([dir=rtl][selected]:not([orientation=vertical])):before{transform:translateX(50%) scale(1)}:host([dir=rtl]) ::slotted(vaadin-icon:first-child){margin-right:0}:host([dir=rtl]) ::slotted(vaadin-icon:last-child){margin-left:0}:host([orientation=vertical][dir=rtl]){transform-origin:100% 50%}:host([dir=rtl][orientation=vertical]):after,:host([dir=rtl][orientation=vertical]):before{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);left:auto;right:0;transform-origin:0 50%}@media (forced-colors:active){:host([focused]){outline:1px solid;outline-offset:-1px}:host([selected]){border-bottom:2px solid}:host([orientation=vertical][selected]){border-bottom:none;border-left:2px solid}}}:host,:root{--_lumo-vaadin-tab-inject:1;--_lumo-vaadin-tab-inject-modules:lumo_components_tab}:host,:root{--_lumo-vaadin-tabs-inject:1;--_lumo-vaadin-tabs-inject-modules:lumo_components_tabs}@media lumo_components_tabsheet{:host{display:flex;flex-direction:column;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m)}:host([hidden]){display:none!important}[part=tabs-container]{align-items:center;box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);display:flex;gap:var(--lumo-space-s);padding:var(--lumo-space-xs) var(--lumo-space-s);position:relative}::slotted([slot=tabs]){align-self:stretch;box-shadow:none;flex:1;margin:calc(var(--lumo-space-xs)*-1) calc(var(--lumo-space-s)*-1);min-width:8em}::slotted([hidden]){display:none!important}[part=content]{box-sizing:border-box;flex:1;position:relative;--vaadin-scroller-padding-block:var(--lumo-space-s);--vaadin-scroller-padding-inline:var(--lumo-space-m);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}:host([theme~=bordered]){border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l)}:host([loading]) [part=content]{align-items:center;display:flex;justify-content:center}:host([theme~=no-padding]) [part=content]{padding:0!important;--vaadin-scroller-padding-block:0px!important;--vaadin-scroller-padding-inline:0px!important}}:host,:root{--_lumo-vaadin-tabsheet-inject:1;--_lumo-vaadin-tabsheet-inject-modules:lumo_mixins_loader,lumo_components_tabsheet;--_lumo-vaadin-tabsheet-scroller-inject:1;--_lumo-vaadin-tabsheet-scroller-inject-modules:lumo_components_scroller}@media lumo_components_upload-file{:host{border-radius:var(--vaadin-upload-file-border-radius,var(--lumo-border-radius-s));gap:var(--vaadin-upload-file-gap,0 var(--lumo-space-xs));padding:var(--vaadin-upload-file-padding,var(--lumo-space-s) 0);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1)}[part=loader]{display:none}[part=error],[part=status]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}[part=name]{color:var(--lumo-body-text-color);white-space:nowrap}[part$=icon],[part=commands]{align-self:start}[part$=icon]{font-family:lumo-icons;font-size:var(--lumo-icon-size-m);line-height:1}[part$=button]{border:none;border-radius:var(--lumo-border-radius-s);box-shadow:none;cursor:var(--lumo-clickable-cursor);outline:none;padding:0}[part$=button]:focus{outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1)}[part$=button],[part$=icon]{margin-top:calc((1em*var(--lumo-line-height-m) - var(--lumo-icon-size-m))/2)}[part$=button]:before,[part$=icon]:before{background:transparent;height:auto;mask-image:none;width:auto}[part=done-icon]:before{color:var(--lumo-primary-text-color);content:var(--lumo-icons-checkmark)}[part=warning-icon]:before{color:var(--lumo-error-text-color);content:var(--lumo-icons-error)}[part=start-button]:before{content:var(--lumo-icons-play)}[part=retry-button]:before{content:var(--lumo-icons-reload)}[part=remove-button]:before{content:var(--lumo-icons-cross)}[part=error]{color:var(--lumo-error-text-color)}::slotted([slot=progress]){margin-inline-end:calc(var(--lumo-icon-size-m) + var(--lumo-space-xs))}:host([theme~=thumbnails]){background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);gap:0;[part$=icon]{margin:0}[part=done-icon]{background:var(--lumo-contrast-5pct)}[part=warning-icon]{background:var(--lumo-error-color-10pct)}& [part=meta]{margin-inline-start:var(--lumo-space-s);overflow:hidden}& [part=commands]{align-self:center;padding-inline:var(--lumo-space-xs);&>button{height:var(--lumo-size-xs);margin:0;width:var(--lumo-size-xs)}}}:host([theme~=thumbnails]) ::slotted([slot=progress]){height:auto;margin:0;opacity:1;--lumo-border-radius-m:0;--lumo-primary-color:var(--lumo-primary-color-10pct);--lumo-contrast-10pct:transparent}:host([uploading]) [part=loader]{display:block}}@media lumo_components_upload-icon{:host{display:inline-block}:host:before{background-color:transparent;content:var(--lumo-icons-upload);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);line-height:1;mask-image:none;vertical-align:-.25em}}@media lumo_components_upload{:host{border:var(--vaadin-upload-border-width,1px) dashed var(--vaadin-upload-border-color,var(--lumo-contrast-20pct));border-radius:var(--vaadin-upload-border-radius,var(--lumo-border-radius-l));line-height:var(--lumo-line-height-m);padding:var(--vaadin-upload-padding,var(--lumo-space-m));transition:background-color .6s,border-color .6s}:host([nodrop]){border:none;border-radius:0;padding:0;transition:none}[part=drop-label]{color:var(--vaadin-upload-drop-label-color,var(--lumo-secondary-text-color));font-family:var(--lumo-font-family);gap:var(--vaadin-upload-drop-label-gap,var(--lumo-space-xs));padding:0 var(--lumo-space-s)}[part=primary-buttons]{gap:0}:host([dragover-valid]){--vaadin-upload-background:var(--lumo-primary-color-10pct);--vaadin-upload-border-color:var(--lumo-primary-color-50pct);transition:background-color .1s,border-color .1s}:host([dragover-valid]) [part=drop-label]{color:var(--lumo-primary-text-color)}:host([disabled]) [part=drop-label],:host([max-files-reached]) [part=drop-label]{color:var(--lumo-disabled-text-color)}}:host,:root{--_lumo-vaadin-upload-inject:1;--_lumo-vaadin-upload-inject-modules:lumo_components_upload;--_lumo-vaadin-upload-icon-inject:1;--_lumo-vaadin-upload-icon-inject-modules:lumo_components_upload-icon;--_lumo-vaadin-upload-file-inject:1;--_lumo-vaadin-upload-file-inject-modules:lumo_mixins_loader,lumo_mixins_field-button,lumo_components_upload-file}:where(:host),:where(:root){--vaadin-upload-gap:0;--vaadin-upload-file-list-divider-color:var(
+    )}[part=radio]{--_input-size:var(--_radio-button-size);background:var(--vaadin-radio-button-background,var(--lumo-contrast-20pct));border-radius:50%;--_input-border-color:var(--vaadin-input-field-border-color,var(--lumo-contrast-50pct))}[part=radio]:after{background-clip:content-box;border:var(--vaadin-radio-button-marker-size,3px) solid var(--vaadin-radio-button-dot-color,var(--lumo-primary-contrast-color));border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s;width:0}: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{opacity:.4;transform:scale(0);transition-duration:.01s,.01s}:host([focus-ring]) [part=radio]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color),inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color)}:host([disabled]){color:var(--lumo-disabled-text-color);pointer-events:none;--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-required,lumo_mixins_field-error-message,lumo_mixins_field-helper,lumo_mixins_field-helper-above,lumo_components_radio-group}@media lumo_mixins_slider{:host{color:var(--lumo-body-text-color);display:inline-flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);-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(var(--lumo-size-m)/2));--_thumb-height:var(--vaadin-slider-thumb-height,calc(var(--lumo-size-m)/2))}:host:before{align-items:center;align-self:auto;border:0;box-sizing:border-box;content:"\2003";display:inline-flex;height:var(--lumo-size-s);margin:0;padding:0;width:0}[class$=container]{display:flex;flex-direction:column;max-width:100%;min-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(var(--lumo-size-l)/10))}[part=track-fill]{background:linear-gradient(var(--_fill-background),var(--_fill-background)) var(--lumo-base-color)}[part~=thumb]{background:var(--lumo-base-color);border-color:var(--vaadin-slider-thumb-border-color,var(--_fill-background));border-width:var(--vaadin-slider-thumb-border-width,3px)}[part=label]{margin-bottom:0;margin-top:-.25em}[part=helper-text]{margin:0}#controls{min-height:var(--lumo-size-s)}:host([has-label]) #controls{border:0;padding: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{background:transparent;height:.4em;mask:none}: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-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]{display:flex;flex-wrap:wrap;justify-content:center;max-width:calc((var(--_button-size) + var(--_button-margin)*2)*7);padding:var(--lumo-space-xs);--_button-size:1.25rem;--_button-margin:3px}[part=content] ::slotted(button){background-color:var(--_btn-background);border:none;height:var(--_button-size);margin:var(--_button-margin);width:var(--_button-size)}[part=content] ::slotted(button:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1 + 1px)}[part=content] ::slotted(button:first-of-type){background-clip:padding-box;background-color:transparent;background-image:repeating-linear-gradient(135deg,transparent,transparent 47%,red 50%,transparent 53%,transparent);border:1px solid var(--lumo-contrast-10pct);position:relative}}@media lumo_components_rich-text-editor{:host{background:var(--vaadin-rich-text-editor-background,transparent);border:none;border-radius:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);min-height:calc(var(--lumo-size-m)*8);-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));gap:var(--vaadin-rich-text-editor-toolbar-gap,0);padding:var(--vaadin-rich-text-editor-toolbar-padding,calc(var(--lumo-space-s) - 1px) var(--lumo-space-xs))}[part~=toolbar-button]{background:var(--vaadin-rich-text-editor-toolbar-button-background,transparent);border-radius:var(--lumo-border-radius-m);border-width:var(--vaadin-rich-text-editor-toolbar-button-border-width,0);color:var(--vaadin-rich-text-editor-toolbar-button-text-color,var(--lumo-contrast-60pct));cursor:var(--lumo-clickable-cursor);font:inherit;height:var(--lumo-size-m);line-height:1;margin:2px 1px;padding:var(--vaadin-rich-text-editor-toolbar-button-padding,0);text-transform:none;transition:background-color .1s,color .1s;width:var(--lumo-size-m)}[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{background:transparent;font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);height:auto;left:50%;mask-image:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}[part~=toolbar-group]{margin:0 .5em;margin:0 calc(var(--lumo-space-l)/2 - 1px)}[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{font-weight:600;letter-spacing:-.05em}[part~=toolbar-button-subscript]:before,[part~=toolbar-button-superscript]:before{content:"X";font-size:var(--lumo-font-size-s);font-weight:600}[part~=toolbar-button-subscript]:after,[part~=toolbar-button-superscript]:after{content:"2";font-size:.625em;font-weight:700;left:70%;position:absolute;top:50%}[part~=toolbar-button-superscript]:after{top:20%}[part~=toolbar-button-blockquote]:before{content:"”";font-size:var(--lumo-font-size-xxl);height:.6em}[part~=toolbar-button-code-block]:before{content:var(--lumo-icons-angle-left) var(--lumo-icons-angle-right);font-size:var(--lumo-font-size-l);font-weight:600;letter-spacing:-.5em;margin-left:-.25em}[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{height:auto;mask-image:none;transform:none;width:auto}[part~=toolbar-button-color]:after{bottom:4px;height:4px;left:25%;right:25%;width:50%}[part~=toolbar-button-background]:before{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));z-index:1}[part~=toolbar-button-background]:after{background:repeating-linear-gradient(135deg,var(--_background-value,currentColor),var(--_background-value,currentColor) 1px,transparent 1px,transparent 2px);content:"";inset:20%;position:absolute}:host([disabled]) [part~=toolbar-button]{--vaadin-rich-text-editor-toolbar-button-background:transparent}[part~=toolbar-button]:focus,[part~=toolbar-button][aria-expanded=true]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}@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(var(--lumo-size-m)*6)}: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(var(--lumo-space-xs) + 1px) 0}:host([theme~=compact]) [part~=toolbar-button]{height:var(--lumo-size-s);width:var(--lumo-size-s)}:host([theme~=compact]) [part~=toolbar-group]{margin:0 calc(var(--lumo-space-m)/2 - 1px)}.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{margin-inline:40px;padding-left:1em}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){color:var(--lumo-header-text-color);font-weight:600;line-height:var(--lumo-line-height-xs);margin-block:0}:where(h1){font-size:var(--lumo-font-size-xxxl)}:where(h2){font-size:var(--lumo-font-size-xxl)}:where(h3){font-size:var(--lumo-font-size-xl)}:where(h4){font-size:var(--lumo-font-size-l)}:where(h5){font-size:var(--lumo-font-size-m)}:where(h6){font-size:var(--lumo-font-size-xs);letter-spacing:.03em;text-transform:uppercase}blockquote,p{margin-bottom:.75em;margin-top:.5em}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{align-self:stretch;background-color:var(--lumo-contrast-10pct);border:0;display:block;height:1px;margin:var(--lumo-space-s) calc(var(--lumo-border-radius-m)/2);padding:0}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]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border:none;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);max-width:40ch;padding:0}[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]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}}:host,:root{--_lumo-vaadin-scroller-inject:1;--_lumo-vaadin-scroller-inject-modules:lumo_components_scroller}@media lumo_components_side-nav{:host{color:var(--lumo-body-text-color);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);-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{align-items:center;background-color:initial;border:initial;color:inherit;display:flex;font:inherit;justify-content:inherit;margin:0;outline:none;padding:0;text-align:inherit;width:100%}[part=children]{list-style-type:none;margin:0;padding:0}[part=label]{align-items:center;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs);outline:none;width:100%}[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]{align-items:center;color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor);display:inline-flex;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:var(--lumo-size-s);justify-content:center;line-height:1;margin-inline:auto var(--lumo-space-xs);width:var(--lumo-size-s)}[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]{align-items:center;display:flex}[part=link]{border-radius:var(--lumo-border-radius-m);color:inherit;cursor:var(--lumo-clickable-cursor,default);flex:auto;font:inherit;gap:var(--lumo-space-xs);min-height:var(--lumo-icon-size-m);min-width:0;padding:var(--lumo-space-s);padding-inline-start:calc(var(--lumo-space-s) + var(--_child-indent, 0px));text-decoration:none;transition:background-color .14s,color .14s;width:100%}button{appearance:none;background:transparent;border:0;flex:none;margin:0;padding:0;position:relative}[part=children]{list-style-type:none;margin:0;padding:0}:host(:not([has-children])) button{display:none!important}slot[name=prefix],slot[name=suffix]{flex:none}slot:not([name]){display:block;flex:auto;margin:0 var(--lumo-space-s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part=link][href]{cursor:pointer}:host([disabled]) [part=link]{color:var(--lumo-disabled-text-color)}[part=toggle-button]{height:var(--lumo-size-s);margin-inline-end:calc(var(--lumo-space-xs)*-1);width: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])){color:var(--lumo-contrast-60pct);flex-shrink:0;padding:.1em}: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);border-radius:var(--lumo-border-radius-m);color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}:host,:root{--_lumo-vaadin-side-nav-item-inject:1;--_lumo-vaadin-side-nav-item-inject-modules:lumo_mixins_field-button,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-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_tabs{:host{align-items:center;display:flex;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host([orientation=vertical]){box-shadow:-1px 0 0 0 var(--lumo-contrast-10pct);display:block}:host([orientation=vertical]) [part=tabs]{height:100%;margin:.5rem 0;overflow-y:auto;width:100%}:host(:not([orientation=vertical])){box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);min-height:var(--lumo-size-l);position:relative}:host([orientation=horizontal]) [part=tabs]{align-self:stretch;display:flex;flex-grow:1;margin:0 .75rem;overflow-x:auto}: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]{align-items:center;color:var(--lumo-tertiary-text-color);cursor:default;display:flex;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:100%;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:1.5em;z-index:1}[part=back-button]:hover,[part=forward-button]:hover{color:inherit}:host([overflow~=end]) [part=forward-button],:host([overflow~=start]) [part=back-button]{opacity:1;pointer-events:auto}[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,transparent 2em,#000 4em,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent 2em,#000 4em)}:host([overflow~=start][overflow~=end][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([overflow~=end][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(#000 calc(100% - 2em),transparent)}:host([overflow~=start][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(transparent,#000 2em)}:host [part=tabs] ::slotted(:not(vaadin-tab)){margin-left:var(--lumo-space-m)}:host([theme~=centered][orientation=horizontal]) ::slotted(vaadin-tab:first-of-type){margin-inline-start:auto}:host([theme~=centered][orientation=horizontal]) ::slotted(vaadin-tab:last-of-type){margin-inline-end:auto}:host([theme~=small]),:host([theme~=small]) [part=tabs]{min-height:var(--lumo-size-m)}:host([theme~=small]) [part=tabs] ::slotted(vaadin-tab){font-size:var(--lumo-font-size-s)}:host([theme~=minimal]){box-shadow:none;--_lumo-tab-marker-display:none}:host([theme~=hide-scroll-buttons]) [part=back-button],:host([theme~=hide-scroll-buttons]) [part=forward-button]{display:none}:host([theme~=hide-scroll-buttons][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([theme~=hide-scroll-buttons][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,#000 calc(100% - 2em),transparent)}:host([theme~=hide-scroll-buttons][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent,#000 2em)}:host([theme~=equal-width-tabs]){flex:auto}:host([theme~=equal-width-tabs]) [part=tabs] ::slotted(vaadin-tab){flex:1 0 0%}:host(:not([dir=rtl])) [part=forward-button]{right:0}:host([dir=rtl]) [part=back-button]:after{content:var(--lumo-icons-angle-right)}:host([dir=rtl]) [part=forward-button]:after{content:var(--lumo-icons-angle-left)}:host([dir=rtl][orientation=vertical]){box-shadow:1px 0 0 0 var(--lumo-contrast-10pct)}:host([dir=rtl]) [part=forward-button]{left:0}:host([dir=rtl]) [part=tabs] ::slotted(:not(vaadin-tab)){margin-left:0;margin-right:var(--lumo-space-m)}:host([dir=rtl][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent 2em,#000 4em,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([dir=rtl][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([dir=rtl][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent 2em,#000 4em)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,#000 calc(100% - 2em),transparent)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent,#000 2em)}}@media lumo_components_tab{:host{align-items:center;box-sizing:border-box;color:var(--lumo-secondary-text-color);cursor:var(--lumo-clickable-cursor);display:flex;flex-shrink:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);opacity:1;outline:none;padding:.5rem .75rem;position:relative;transform-origin:50% 100%;transition:color .15s,transform .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:var(--lumo-size-m);overflow:hidden;-webkit-user-select:none;user-select: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));--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}:host([hidden]){display:none!important}:host(:not([orientation=vertical])){text-align:center}:host([orientation=vertical]){min-height:var(--lumo-size-m);min-width:0;padding:.25rem 1rem;transform-origin:0 50%}:host(:hover),:host([focus-ring]){color:var(--lumo-body-text-color)}:host([selected]){color:var(--_selection-color-text);transition:color .6s}:host([active]:not([selected])){color:var(--_selection-color-text);transition-duration:.1s}:host:after,:host:before{background-color:var(--lumo-contrast-60pct);border-radius:var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0;bottom:0;content:"";display:var(--_lumo-tab-marker-display,block);height:2px;left:50%;position:absolute;transform:translateX(-50%) scale(0);transform-origin:50% 100%;transition:transform .14s cubic-bezier(.12,.32,.54,1);width:var(--lumo-size-s)}:host([orientation=vertical]):after,:host([orientation=vertical]):before{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;bottom:50%;height:var(--lumo-size-xs);left:0;transform:translateY(50%) scale(0);transform-origin:100% 50%;width:2px}:host:after{box-shadow:0 0 0 4px var(--_selection-color);opacity:.15;transition:transform .15s .02s,opacity .8s .17s}:host([selected]):after,:host([selected]):before{background-color:var(--_selection-color);transform:translateX(-50%) scale(1);transition-timing-function:cubic-bezier(.12,.32,.54,1.5)}:host([orientation=vertical][selected]):after,:host([orientation=vertical][selected]):before{transform:translateY(50%) scale(1)}:host([selected]:not([active])):after{opacity:0}:host(:not([orientation=vertical])) ::slotted(a[href]){justify-content:center}:host ::slotted(a){align-items:center;color:inherit!important;display:flex;height:100%;margin:-.5rem -.75rem;outline:none;padding:.5rem .75rem;text-decoration:none!important;width:100%}:host ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);margin:0 4px;width:var(--lumo-icon-size-m)}:host ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:.25rem}:host(:not([dir=rtl])) ::slotted(vaadin-icon:first-child){margin-left:0}:host(:not([dir=rtl])) ::slotted(vaadin-icon:last-child){margin-right:0}:host([theme~=icon-on-top]){align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding-bottom:.5rem;padding-top:.25rem;text-align:center}:host([theme~=icon-on-top]) ::slotted(a){align-items:center;flex-direction:column;margin-top:-.25rem;padding-top:.25rem}:host([theme~=icon-on-top]) ::slotted(vaadin-icon){margin:0}:host([disabled]){color:var(--lumo-disabled-text-color);opacity:1;pointer-events:none}:host([focus-ring]){border-radius:var(--lumo-border-radius-m);box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([dir=rtl]):after,:host([dir=rtl]):before{left:auto;right:50%;transform:translateX(50%) scale(0)}:host([dir=rtl][selected]:not([orientation=vertical])):after,:host([dir=rtl][selected]:not([orientation=vertical])):before{transform:translateX(50%) scale(1)}:host([dir=rtl]) ::slotted(vaadin-icon:first-child){margin-right:0}:host([dir=rtl]) ::slotted(vaadin-icon:last-child){margin-left:0}:host([orientation=vertical][dir=rtl]){transform-origin:100% 50%}:host([dir=rtl][orientation=vertical]):after,:host([dir=rtl][orientation=vertical]):before{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);left:auto;right:0;transform-origin:0 50%}@media (forced-colors:active){:host([focused]){outline:1px solid;outline-offset:-1px}:host([selected]){border-bottom:2px solid}:host([orientation=vertical][selected]){border-bottom:none;border-left:2px solid}}}:host,:root{--_lumo-vaadin-tab-inject:1;--_lumo-vaadin-tab-inject-modules:lumo_components_tab}:host,:root{--_lumo-vaadin-tabs-inject:1;--_lumo-vaadin-tabs-inject-modules:lumo_components_tabs}@media lumo_components_tabsheet{:host{display:flex;flex-direction:column;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m)}:host([hidden]){display:none!important}[part=tabs-container]{align-items:center;box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);display:flex;gap:var(--lumo-space-s);padding:var(--lumo-space-xs) var(--lumo-space-s);position:relative}::slotted([slot=tabs]){align-self:stretch;box-shadow:none;flex:1;margin:calc(var(--lumo-space-xs)*-1) calc(var(--lumo-space-s)*-1);min-width:8em}::slotted([hidden]){display:none!important}[part=content]{box-sizing:border-box;flex:1;position:relative;--vaadin-scroller-padding-block:var(--lumo-space-s);--vaadin-scroller-padding-inline:var(--lumo-space-m);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}:host([theme~=bordered]){border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l)}:host([loading]) [part=content]{align-items:center;display:flex;justify-content:center}:host([theme~=no-padding]) [part=content]{padding:0!important;--vaadin-scroller-padding-block:0px!important;--vaadin-scroller-padding-inline:0px!important}}:host,:root{--_lumo-vaadin-tabsheet-inject:1;--_lumo-vaadin-tabsheet-inject-modules:lumo_mixins_loader,lumo_components_tabsheet;--_lumo-vaadin-tabsheet-scroller-inject:1;--_lumo-vaadin-tabsheet-scroller-inject-modules:lumo_components_scroller}@media lumo_components_upload-file{:host{border-radius:var(--vaadin-upload-file-border-radius,var(--lumo-border-radius-s));gap:var(--vaadin-upload-file-gap,0 var(--lumo-space-xs));padding:var(--vaadin-upload-file-padding,var(--lumo-space-s) 0);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1)}[part=loader]{display:none}[part=error],[part=status]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}[part=name]{color:var(--lumo-body-text-color);white-space:nowrap}[part$=icon],[part=commands]{align-self:start}[part$=icon]{font-family:lumo-icons;font-size:var(--lumo-icon-size-m);line-height:1}[part$=button]{border:none;border-radius:var(--lumo-border-radius-s);box-shadow:none;cursor:var(--lumo-clickable-cursor);outline:none;padding:0}[part$=button]:focus{outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1)}[part$=button],[part$=icon]{margin-top:calc((1em*var(--lumo-line-height-m) - var(--lumo-icon-size-m))/2)}[part$=button]:before,[part$=icon]:before{background:transparent;height:auto;mask-image:none;width:auto}[part=done-icon]:before{color:var(--lumo-primary-text-color);content:var(--lumo-icons-checkmark)}[part=warning-icon]:before{color:var(--lumo-error-text-color);content:var(--lumo-icons-error)}[part=start-button]:before{content:var(--lumo-icons-play)}[part=retry-button]:before{content:var(--lumo-icons-reload)}[part=remove-button]:before{content:var(--lumo-icons-cross)}[part=error]{color:var(--lumo-error-text-color)}::slotted([slot=progress]){margin-inline-end:calc(var(--lumo-icon-size-m) + var(--lumo-space-xs))}:host([theme~=thumbnails]){background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);gap:0;[part$=icon]{margin:0}[part=done-icon]{background:var(--lumo-contrast-5pct)}[part=warning-icon]{background:var(--lumo-error-color-10pct)}& [part=meta]{margin-inline-start:var(--lumo-space-s);overflow:hidden}& [part=commands]{align-self:center;padding-inline:var(--lumo-space-xs);&>button{height:var(--lumo-size-xs);margin:0;width:var(--lumo-size-xs)}}}:host([theme~=thumbnails]) ::slotted([slot=progress]){height:auto;margin:0;opacity:1;--lumo-border-radius-m:0;--lumo-primary-color:var(--lumo-primary-color-10pct);--lumo-contrast-10pct:transparent}:host([uploading]) [part=loader]{display:block}}@media lumo_components_upload-icon{:host{display:inline-block}:host:before{background-color:transparent;content:var(--lumo-icons-upload);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);line-height:1;mask-image:none;vertical-align:-.25em}}@media lumo_components_upload{:host{border:var(--vaadin-upload-border-width,1px) dashed var(--vaadin-upload-border-color,var(--lumo-contrast-20pct));border-radius:var(--vaadin-upload-border-radius,var(--lumo-border-radius-l));line-height:var(--lumo-line-height-m);padding:var(--vaadin-upload-padding,var(--lumo-space-m));transition:background-color .6s,border-color .6s}:host([nodrop]){border:none;border-radius:0;padding:0;transition:none}[part=drop-label]{color:var(--vaadin-upload-drop-label-color,var(--lumo-secondary-text-color));font-family:var(--lumo-font-family);gap:var(--vaadin-upload-drop-label-gap,var(--lumo-space-xs));padding:0 var(--lumo-space-s)}[part=primary-buttons]{gap:0}:host([dragover-valid]){--vaadin-upload-background:var(--lumo-primary-color-10pct);--vaadin-upload-border-color:var(--lumo-primary-color-50pct);transition:background-color .1s,border-color .1s}:host([dragover-valid]) [part=drop-label]{color:var(--lumo-primary-text-color)}:host([disabled]) [part=drop-label],:host([max-files-reached]) [part=drop-label]{color:var(--lumo-disabled-text-color)}}:host,:root{--_lumo-vaadin-upload-inject:1;--_lumo-vaadin-upload-inject-modules:lumo_components_upload;--_lumo-vaadin-upload-icon-inject:1;--_lumo-vaadin-upload-icon-inject-modules:lumo_components_upload-icon;--_lumo-vaadin-upload-file-inject:1;--_lumo-vaadin-upload-file-inject-modules:lumo_mixins_loader,lumo_mixins_field-button,lumo_components_upload-file}:where(:host),:where(:root){--vaadin-upload-gap:0;--vaadin-upload-file-list-divider-color:var(
     --lumo-contrast-10pct
   )}:host,:root{--_lumo-vaadin-upload-button-inject:1;--_lumo-vaadin-upload-button-inject-modules:lumo_components_button}@media lumo_components_vertical-layout{:host([theme~=margin]){margin:var(--vaadin-vertical-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-vertical-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-vertical-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host,:root{--_lumo-vaadin-vertical-layout-inject:1;--_lumo-vaadin-vertical-layout-inject-modules:lumo_components_vertical-layout}:where(:host),:where(:root){--vaadin-lumo-theme:1}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "25.3.0-alpha1",
+  "version": "25.3.0-alpha3",
   "publishConfig": {
     "access": "public"
   },
@@ -42,9 +42,9 @@
     "web-component"
   ],
   "dependencies": {
-    "@vaadin/component-base": "25.3.0-alpha1",
-    "@vaadin/icon": "25.3.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha1"
+    "@vaadin/component-base": "25.3.0-alpha3",
+    "@vaadin/icon": "25.3.0-alpha3",
+    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha3"
   },
   "devDependencies": {
     "cssnano": "^7.1.1",
@@ -52,5 +52,5 @@
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1"
   },
-  "gitHead": "5824d54c995945aafd50d30edc2cb763a58a18b6"
+  "gitHead": "ba0c4c55ea219eadd9aefe244f53e87803a066c8"
 }

package/src/components/markdown.css CHANGED Viewed

@@ -14,4 +14,8 @@
   hr {
     margin-block: revert-layer;
   }
+  code {
+    background-color: var(--lumo-contrast-10pct);
+  }
 }

package/src/components/split-layout.css CHANGED Viewed

@@ -5,6 +5,8 @@
  */
 @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));
@@ -13,6 +15,10 @@
     transition: 0.1s background-color;
   }
+  :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);
@@ -40,7 +46,8 @@
     opacity: 0;
   }
-  :host([theme~='minimal']) > [part='splitter']:is(:hover, :active) > [part='handle'] {
+  :host([theme~='minimal']) > [part='splitter']:is(:hover, :active) > [part='handle'],
+  :host([theme~='minimal'][focus-ring]) > [part='splitter'] > [part='handle'] {
     opacity: 1;
   }

package/src/mixins/resizable-overlay.css CHANGED Viewed

@@ -20,6 +20,7 @@
     display: flex;
     flex-direction: column;
     flex-grow: 1;
+    min-width: 0;
     border-radius: inherit; /* prevent child elements being drawn outside part=overlay */
   }