@vaadin/vaadin-lumo-styles 25.0.2 → 25.1.0-alpha1

package/dist/lumo.css

@@ -1,6 +1,6 @@
 :where(:host),:where(:root){--vaadin-focus-ring-color:initial;--vaadin-focus-ring-width:initial}@font-face{font-family:lumo-icons;font-style:normal;font-weight:400;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff")}:where(:host),:where(:root){--lumo-icons-align-center:"\ea01";--lumo-icons-align-left:"\ea02";--lumo-icons-align-right:"\ea03";--lumo-icons-angle-down:"\ea04";--lumo-icons-angle-left:"\ea05";--lumo-icons-angle-right:"\ea06";--lumo-icons-angle-up:"\ea07";--lumo-icons-arrow-down:"\ea08";--lumo-icons-arrow-left:"\ea09";--lumo-icons-arrow-right:"\ea0a";--lumo-icons-arrow-up:"\ea0b";--lumo-icons-bar-chart:"\ea0c";--lumo-icons-bell:"\ea0d";--lumo-icons-calendar:"\ea0e";--lumo-icons-checkmark:"\ea0f";--lumo-icons-chevron-down:"\ea10";--lumo-icons-chevron-left:"\ea11";--lumo-icons-chevron-right:"\ea12";--lumo-icons-chevron-up:"\ea13";--lumo-icons-clean:"\ea14";--lumo-icons-clock:"\ea15";--lumo-icons-cog:"\ea16";--lumo-icons-cross:"\ea17";--lumo-icons-download:"\ea18";--lumo-icons-drag-handle:"\ea19";--lumo-icons-dropdown:"\ea1a";--lumo-icons-edit:"\ea1b";--lumo-icons-error:"\ea1c";--lumo-icons-eye:"\ea1d";--lumo-icons-eye-disabled:"\ea1e";--lumo-icons-indent:"\ea1f";--lumo-icons-link:"\ea20";--lumo-icons-menu:"\ea21";--lumo-icons-minus:"\ea22";--lumo-icons-ordered-list:"\ea23";--lumo-icons-outdent:"\ea24";--lumo-icons-phone:"\ea25";--lumo-icons-photo:"\ea26";--lumo-icons-play:"\ea27";--lumo-icons-plus:"\ea28";--lumo-icons-redo:"\ea29";--lumo-icons-reload:"\ea2a";--lumo-icons-resize-handle:"\ea2b";--lumo-icons-search:"\ea2c";--lumo-icons-undo:"\ea2d";--lumo-icons-unordered-list:"\ea2e";--lumo-icons-upload:"\ea2f";--lumo-icons-user:"\ea30"}:where(:host),:where(:root){--lumo-base-color:#fff;--lumo-tint-5pct:hsla(0,0%,100%,.3);--lumo-tint-10pct:hsla(0,0%,100%,.37);--lumo-tint-20pct:hsla(0,0%,100%,.44);--lumo-tint-30pct:hsla(0,0%,100%,.5);--lumo-tint-40pct:hsla(0,0%,100%,.57);--lumo-tint-50pct:hsla(0,0%,100%,.64);--lumo-tint-60pct:hsla(0,0%,100%,.7);--lumo-tint-70pct:hsla(0,0%,100%,.77);--lumo-tint-80pct:hsla(0,0%,100%,.84);--lumo-tint-90pct:hsla(0,0%,100%,.9);--lumo-tint:#fff;--lumo-shade-5pct:rgba(25,59,103,.05);--lumo-shade-10pct:rgba(26,57,96,.1);--lumo-shade-20pct:rgba(28,55,90,.16);--lumo-shade-30pct:rgba(28,52,84,.26);--lumo-shade-40pct:rgba(28,50,79,.38);--lumo-shade-50pct:rgba(28,48,74,.52);--lumo-shade-60pct:rgba(28,46,69,.6);--lumo-shade-70pct:rgba(27,43,65,.69);--lumo-shade-80pct:rgba(26,41,61,.83);--lumo-shade-90pct:rgba(24,39,57,.94);--lumo-shade:#192434;--lumo-contrast-5pct:var(--lumo-shade-5pct);--lumo-contrast-10pct:var(--lumo-shade-10pct);--lumo-contrast-20pct:var(--lumo-shade-20pct);--lumo-contrast-30pct:var(--lumo-shade-30pct);--lumo-contrast-40pct:var(--lumo-shade-40pct);--lumo-contrast-50pct:var(--lumo-shade-50pct);--lumo-contrast-60pct:var(--lumo-shade-60pct);--lumo-contrast-70pct:var(--lumo-shade-70pct);--lumo-contrast-80pct:var(--lumo-shade-80pct);--lumo-contrast-90pct:var(--lumo-shade-90pct);--lumo-contrast:var(--lumo-shade);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:#006af5;--lumo-primary-color-50pct:rgba(0,108,250,.76);--lumo-primary-color-10pct:rgba(51,139,255,.13);--lumo-primary-text-color:#005fdb;--lumo-primary-contrast-color:#fff;--lumo-error-color:#e21d12;--lumo-error-color-50pct:rgba(231,29,19,.5);--lumo-error-color-10pct:rgba(231,29,19,.1);--lumo-error-text-color:#ca150c;--lumo-error-contrast-color:#fff;--lumo-success-color:#158443;--lumo-success-color-50pct:rgba(22,136,70,.5);--lumo-success-color-10pct:rgba(22,136,70,.1);--lumo-success-text-color:#0a7637;--lumo-success-contrast-color:#fff;--lumo-warning-color:#fc0;--lumo-warning-color-10pct:rgba(255,204,0,.25);--lumo-warning-text-color:#995200;--lumo-warning-contrast-color:var(--lumo-shade-90pct);--vaadin-user-color-0:#df0b92;--vaadin-user-color-1:#650acc;--vaadin-user-color-2:#097faa;--vaadin-user-color-3:#ad6200;--vaadin-user-color-4:#bf16f3;--vaadin-user-color-5:#084391;--vaadin-user-color-6:#078836;--vaadin-text-color:var(--lumo-body-text-color);--vaadin-text-color-secondary:var(--lumo-secondary-text-color);--vaadin-text-color-disabled:var(--lumo-disabled-text-color);--vaadin-border-color:var(--lumo-contrast-30pct);--vaadin-border-color-secondary:var(--lumo-contrast-10pct);--vaadin-background-color:var(--lumo-base-color);--vaadin-background-container:var(--lumo-contrast-5pct);--vaadin-background-container-strong:var(--lumo-contrast-10pct)}@media (forced-colors:active){:where(:host),:where(:root){--lumo-disabled-text-color:GrayText}}:where(:host),:where(:root){--lumo-size-xs:1.625rem;--lumo-size-s:1.875rem;--lumo-size-m:2.25rem;--lumo-size-l:2.75rem;--lumo-size-xl:3.5rem;--lumo-icon-size-s:1.25em;--lumo-icon-size-m:1.5em;--lumo-icon-size-l:2.25em;--lumo-icon-size:var(--lumo-icon-size-m)}:where(:host),:where(:root){--lumo-space-xs:0.25rem;--lumo-space-s:0.5rem;--lumo-space-m:1rem;--lumo-space-l:1.5rem;--lumo-space-xl:2.5rem;--lumo-space-wide-xs:calc(var(--lumo-space-xs)/2) var(--lumo-space-xs);--lumo-space-wide-s:calc(var(--lumo-space-s)/2) var(--lumo-space-s);--lumo-space-wide-m:calc(var(--lumo-space-m)/2) var(--lumo-space-m);--lumo-space-wide-l:calc(var(--lumo-space-l)/2) var(--lumo-space-l);--lumo-space-wide-xl:calc(var(--lumo-space-xl)/2) var(--lumo-space-xl);--lumo-space-tall-xs:var(--lumo-space-xs) calc(var(--lumo-space-xs)/2);--lumo-space-tall-s:var(--lumo-space-s) calc(var(--lumo-space-s)/2);--lumo-space-tall-m:var(--lumo-space-m) calc(var(--lumo-space-m)/2);--lumo-space-tall-l:var(--lumo-space-l) calc(var(--lumo-space-l)/2);--lumo-space-tall-xl:var(--lumo-space-xl) calc(var(--lumo-space-xl)/2)}:where(:host),:where(:root){--lumo-border-radius-s:0.25em;--lumo-border-radius-m:var(--lumo-border-radius,0.25em);--lumo-border-radius-l:0.5em;--lumo-box-shadow-xs:0 1px 4px -1px var(--lumo-shade-50pct);--lumo-box-shadow-s:0 2px 4px -1px var(--lumo-shade-20pct),0 3px 12px -1px var(--lumo-shade-30pct);--lumo-box-shadow-m:0 2px 6px -1px var(--lumo-shade-20pct),0 8px 24px -4px var(--lumo-shade-40pct);--lumo-box-shadow-l:0 3px 18px -2px var(--lumo-shade-20pct),0 12px 48px -6px var(--lumo-shade-40pct);--lumo-box-shadow-xl:0 4px 24px -3px var(--lumo-shade-20pct),0 18px 64px -8px var(--lumo-shade-40pct);--lumo-clickable-cursor:default}:where(:host),:where(:root){--lumo-font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--vaadin-icon-baseline-font-family:var(--lumo-font-family);--lumo-font-size-xxs:0.75rem;--lumo-font-size-xs:0.8125rem;--lumo-font-size-s:0.875rem;--lumo-font-size-m:1rem;--lumo-font-size-l:1.125rem;--lumo-font-size-xl:1.375rem;--lumo-font-size-xxl:1.75rem;--lumo-font-size-xxxl:2.5rem;--lumo-line-height-xs:1.25;--lumo-line-height-s:1.375;--lumo-line-height-m:1.625}[theme~=badge]{align-items:center;background-color:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-s);box-sizing:border-box;color:var(--lumo-primary-text-color);display:inline-flex;flex-shrink:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;justify-content:center;letter-spacing:normal;line-height:1;min-width:calc(var(--lumo-line-height-xs)*1em + .45em);padding:.4em calc(.5em + var(--lumo-border-radius-s)/4);text-transform:none}[theme~=badge]:before{content:"\2003";display:inline-block;width:0}[theme~=badge][theme~=small]{font-size:var(--lumo-font-size-xxs);line-height:1}[theme~=badge][theme~=success]{background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}[theme~=badge][theme~=error]{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}[theme~=badge][theme~=warning]{background-color:var(--lumo-warning-color-10pct);color:var(--lumo-warning-text-color)}[theme~=badge][theme~=contrast]{background-color:var(--lumo-contrast-5pct);color:var(--lumo-contrast-80pct)}[theme~=badge][theme~=primary]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}[theme~=badge][theme~=success][theme~=primary]{background-color:var(--lumo-success-color);color:var(--lumo-success-contrast-color)}[theme~=badge][theme~=error][theme~=primary]{background-color:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}[theme~=badge][theme~=warning][theme~=primary]{background-color:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color)}[theme~=badge][theme~=contrast][theme~=primary]{background-color:var(--lumo-contrast);color:var(--lumo-base-color)}[theme~=badge][href]:hover{text-decoration:none}[theme~=badge]>vaadin-icon{margin:-.25em 0}[theme~=badge]>vaadin-icon:first-child{margin-left:-.375em}[theme~=badge]>vaadin-icon:last-child{margin-right:-.375em}vaadin-icon[theme~=badge][icon]{font-size:1rem;height:var(--lumo-icon-size-m);min-width:0;padding:0;width:var(--lumo-icon-size-m)}vaadin-icon[theme~=badge][icon][theme~=small]{height:var(--lumo-icon-size-s);width:var(--lumo-icon-size-s)}[theme~=badge]:not([icon]):empty{background-color:var(--lumo-primary-color);border-radius:50%;height:1em;min-width:0;padding:0;width:1em}[theme~=badge][theme~=small]:not([icon]):empty{height:.75em;width:.75em}[theme~=badge][theme~=contrast]:not([icon]):empty{background-color:var(--lumo-contrast)}[theme~=badge][theme~=success]:not([icon]):empty{background-color:var(--lumo-success-color)}[theme~=badge][theme~=error]:not([icon]):empty{background-color:var(--lumo-error-color)}[theme~=badge][theme~=warning]:not([icon]):empty{background-color:var(--lumo-warning-color)}[theme~=badge][theme~=pill]{--lumo-border-radius-s:1em}[dir=rtl][theme~=badge] vaadin-icon:first-child{margin-left:0;margin-right:-.375em}[dir=rtl][theme~=badge] vaadin-icon:last-child{margin-left:-.375em;margin-right:0}:where(:host),:where(:root){background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);color-scheme:light}:host([theme~=dark]),[theme~=dark]{--lumo-base-color:#233348;--lumo-tint-5pct:rgba(192,213,242,.06);--lumo-tint-10pct:rgba(173,200,235,.14);--lumo-tint-20pct:rgba(180,205,238,.23);--lumo-tint-30pct:rgba(186,210,242,.32);--lumo-tint-40pct:rgba(193,216,245,.41);--lumo-tint-50pct:rgba(201,221,248,.5);--lumo-tint-60pct:rgba(209,227,250,.58);--lumo-tint-70pct:rgba(217,232,252,.69);--lumo-tint-80pct:rgba(226,238,254,.8);--lumo-tint-90pct:rgba(235,243,255,.9);--lumo-tint:#f5f9ff;--lumo-shade-5pct:rgba(0,0,0,.07);--lumo-shade-10pct:rgba(5,5,5,.15);--lumo-shade-20pct:rgba(9,10,11,.23);--lumo-shade-30pct:rgba(13,15,17,.32);--lumo-shade-40pct:rgba(17,20,24,.41);--lumo-shade-50pct:rgba(20,25,31,.5);--lumo-shade-60pct:rgba(23,30,38,.6);--lumo-shade-70pct:rgba(24,32,42,.7);--lumo-shade-80pct:rgba(23,32,44,.8);--lumo-shade-90pct:rgba(22,32,44,.9);--lumo-shade:#16202c;--lumo-contrast-5pct:var(--lumo-tint-5pct);--lumo-contrast-10pct:var(--lumo-tint-10pct);--lumo-contrast-20pct:var(--lumo-tint-20pct);--lumo-contrast-30pct:var(--lumo-tint-30pct);--lumo-contrast-40pct:var(--lumo-tint-40pct);--lumo-contrast-50pct:var(--lumo-tint-50pct);--lumo-contrast-60pct:var(--lumo-tint-60pct);--lumo-contrast-70pct:var(--lumo-tint-70pct);--lumo-contrast-80pct:var(--lumo-tint-80pct);--lumo-contrast-90pct:var(--lumo-tint-90pct);--lumo-contrast:var(--lumo-tint);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:#0c6ce9;--lumo-primary-color-50pct:rgba(110,169,247,.69);--lumo-primary-color-10pct:rgba(37,126,244,.13);--lumo-primary-text-color:#90bdf9;--lumo-primary-contrast-color:#fff;--lumo-error-color:#e0241a;--lumo-error-color-50pct:rgba(231,93,85,.5);--lumo-error-color-10pct:rgba(231,93,85,.14);--lumo-error-text-color:#ff9e99;--lumo-success-color:#158443;--lumo-success-color-50pct:rgba(15,245,111,.5);--lumo-success-color-10pct:rgba(15,245,111,.1);--lumo-success-text-color:#12d965;--lumo-warning-color:#f5af00;--lumo-warning-color-10pct:rgba(255,170,0,.2);--lumo-warning-text-color:#fc3;--lumo-warning-contrast-color:var(--lumo-shade-90pct);--vaadin-user-color-0:#ff66c7;--vaadin-user-color-1:#9d8aff;--vaadin-user-color-2:#8aff66;--vaadin-user-color-3:#ffbd66;--vaadin-user-color-4:#dc6bff;--vaadin-user-color-5:#66fffa;--vaadin-user-color-6:#e6ff66;background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);color-scheme:dark}: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_accordion-heading{:host{display:block;outline:none;padding:0;-webkit-user-select:none;user-select:none}: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=content]{padding:var(--lumo-space-s) 0}:host([theme~=filled]){padding-bottom:0;padding-top:0}}@media lumo_components_details-summary{:host{align-items:center;background-color:inherit;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;color:var(--lumo-secondary-text-color);cursor:var(--lumo-clickable-cursor);display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);outline:none;padding:var(--lumo-space-s) 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([hidden]){display:none!important}:host([disabled]){pointer-events:none}:host([disabled]),:host([disabled]) [part=toggle]{color:var(--lumo-disabled-text-color);cursor:default}@media (hover:hover){:host(:hover:not([disabled])),:host(:hover:not([disabled])) [part=toggle]{color:var(--lumo-contrast-80pct)}}[part=toggle]{color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor);display:block;font-family:lumo-icons;font-size:var(--lumo-icon-size-s);height:1em;line-height:1;margin-left:calc(var(--lumo-space-xs)*-1);margin-right:var(--lumo-space-xs);width:1em}[part=toggle]:before{content:var(--lumo-icons-angle-right)}:host([opened]) [part=toggle]{transform:rotate(90deg)}[part=content]{flex-grow:1}:host([dir=rtl]) [part=toggle]{margin-left:var(--lumo-space-xs);margin-right:calc(var(--lumo-space-xs)*-1)}:host([dir=rtl]) [part=toggle]:before{content:var(--lumo-icons-angle-left)}:host([opened][dir=rtl]) [part=toggle]{transform:rotate(-90deg)}:host([theme~=small]){padding-bottom:var(--lumo-space-xs);padding-top:var(--lumo-space-xs)}:host([theme~=small]) [part=toggle]{margin-right:calc(var(--lumo-space-xs)/2)}:host([theme~=small][dir=rtl]) [part=toggle]{margin-left:calc(var(--lumo-space-xs)/2)}:host([theme~=filled]){padding:var(--lumo-space-s) calc(var(--lumo-space-s) + var(--lumo-space-xs)/2)}:host([theme~=reverse]){justify-content:space-between}:host([theme~=reverse]) [part=toggle]{margin-right:0;order:1}:host([theme~=reverse][dir=rtl]) [part=toggle]{margin-left:0}:host([theme~=reverse][theme~=filled]){padding-left:var(--lumo-space-m)}:host([theme~=reverse][theme~=filled][dir=rtl]){padding-right:var(--lumo-space-m)}}:host:before,:root:before{--_lumo-vaadin-accordion-heading-inject:1;--_lumo-vaadin-accordion-heading-inject-modules:lumo_components_details-summary,lumo_components_accordion-heading}@media lumo_components_accordion-panel{:host{border-bottom:1px solid var(--lumo-contrast-10pct);display:block;margin:0}:host([hidden]){display:none!important}[part=content]{display:none;overflow:hidden}:host([opened]) [part=content]{display:block;overflow:visible}:host(:last-child){border-bottom:none}:host([theme~=filled]){border-bottom:none}:host([theme~=filled]:not(:last-child)){margin-bottom:2px}}@media lumo_components_details{:host{margin:var(--lumo-space-xs) 0;outline:none;--_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]) ::slotted([slot=summary]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=content]{font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);padding:var(--lumo-space-xs) 0 var(--lumo-space-s)}:host([theme~=filled]){background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m)}:host([theme~=filled]) [part=content]{padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}:host([theme~=small]) [part$=content]{font-size:var(--lumo-font-size-s)}}:host:before,:root:before{--_lumo-vaadin-accordion-panel-inject:1;--_lumo-vaadin-accordion-panel-inject-modules:lumo_components_details,lumo_components_accordion-panel}@media lumo_components_app-layout{:host{box-sizing:border-box;display:block;height:100%;--vaadin-app-layout-transition-duration:200ms;transition:padding var(--vaadin-app-layout-transition-duration);--_vaadin-app-layout-drawer-width:var(--vaadin-app-layout-drawer-width,16em);--vaadin-app-layout-touch-optimized:false;--vaadin-app-layout-navbar-offset-top:var(--_vaadin-app-layout-navbar-offset-size);--vaadin-app-layout-navbar-offset-bottom:var(--_vaadin-app-layout-navbar-offset-size-bottom);padding-block:var(--vaadin-app-layout-navbar-offset-top) var(--vaadin-app-layout-navbar-offset-bottom);padding-inline-start:var(--vaadin-app-layout-navbar-offset-left)}:host([hidden]),[hidden]{display:none!important}:host([no-anim]){--vaadin-app-layout-transition-duration:0s!important}:host([drawer-opened]){--vaadin-app-layout-drawer-offset-left:var(--_vaadin-app-layout-drawer-offset-size)}:host([overlay]){--vaadin-app-layout-drawer-offset-left:0;--vaadin-app-layout-navbar-offset-left:0}:host(:not([no-scroll])) [content]{overflow:auto}[content]{height:100%}@media (pointer:coarse) and (max-width:800px) and (min-height:500px){:host{--vaadin-app-layout-touch-optimized:true}}[part~=navbar]{align-items:center;border-bottom:1px solid var(--lumo-contrast-10pct);display:flex;position:fixed;top:0;inset-inline:0;min-height:var(--lumo-size-xl);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-top:var(--safe-area-inset-top);transition:inset-inline-start var(--vaadin-app-layout-transition-duration);z-index:1}:host([primary-section=drawer][drawer-opened]:not([overlay])) [part~=navbar]{inset-inline-start:var(--vaadin-app-layout-drawer-offset-left,0)}:host([primary-section=drawer]) [part=drawer]{top:0}[part~=navbar-bottom]{border-bottom:none;border-top:1px solid var(--lumo-contrast-10pct);bottom:0;padding-bottom:var(--safe-area-inset-bottom);top:auto}[part=drawer]{border-inline-end:1px solid var(--lumo-contrast-10pct);bottom:var(--vaadin-app-layout-navbar-offset-bottom,var(--vaadin-viewport-offset-bottom,0));box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;position:fixed;top:var(--vaadin-app-layout-navbar-offset-top,0);inset-inline:var(--vaadin-app-layout-navbar-offset-left,0) auto;max-width:90%;outline:none;padding:var(--safe-area-inset-top) 0 var(--safe-area-inset-bottom) var(--safe-area-inset-left);transform:translateX(-100%);transition:transform var(--vaadin-app-layout-transition-duration),visibility var(--vaadin-app-layout-transition-duration);visibility:hidden;width:var(--_vaadin-app-layout-drawer-width)}:host([drawer-opened]) [part=drawer]{touch-action:manipulation;transform:translateX(0);visibility:visible}[part=backdrop]{background-color:var(--lumo-shade-20pct);opacity:1}:host(:not([drawer-opened])) [part=backdrop]{opacity:0}:host([overlay]) [part=backdrop]{inset:0;pointer-events:none;position:fixed;transition:opacity var(--vaadin-app-layout-transition-duration);-webkit-tap-highlight-color:transparent}:host([overlay]) [part=drawer]{border-inline-end:none;bottom:0;box-shadow:var(--lumo-box-shadow-s);top:0}:host([overlay]) [part=backdrop],:host([overlay]) [part=drawer]{z-index:2}:host([drawer-opened][overlay]) [part=backdrop]{pointer-events:auto;touch-action:manipulation}:host([dir=rtl]) [part=drawer]{transform:translateX(100%)}:host([dir=rtl][drawer-opened]) [part=drawer]{transform:translateX(0)}:host([drawer-opened]:not([overlay])){padding-inline-start:var(--vaadin-app-layout-drawer-offset-left)}@media (max-height:600px),(max-width:800px){:host{--vaadin-app-layout-drawer-overlay:true;--_vaadin-app-layout-drawer-width:var(--vaadin-app-layout-drawer-width,20em)}}[part=drawer] ::slotted(vaadin-scroller){flex:1;overscroll-behavior:contain}[part=drawer],[part~=navbar]{background-clip:padding-box;background-color:var(--lumo-base-color)}:host([primary-section=navbar]) [part~=navbar]{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border:none}:host([primary-section=drawer]:not([overlay])) [part=drawer]{background-image:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[part] ::slotted(h2),[part] ::slotted(h3),[part] ::slotted(h4){margin-bottom:var(--lumo-space-xs)!important;margin-top:var(--lumo-space-xs)!important}}:host:before,:root:before{--_lumo-vaadin-app-layout-inject:1;--_lumo-vaadin-app-layout-inject-modules:lumo_components_app-layout}@media lumo_mixins_menu-overlay-core{:host([closing]),:host([opening]){animation:lumo-overlay-dummy-animation .14s}[part=overlay]{will-change:opacity,transform}:host([opening]) [part=overlay]{animation:lumo-menu-overlay-enter .1s ease-out both}@keyframes lumo-menu-overlay-enter{0%{opacity:0;transform:translateY(-4px)}}:host([closing]) [part=overlay]{animation:lumo-menu-overlay-exit .1s both}@keyframes lumo-menu-overlay-exit{to{opacity:0}}}@media lumo_mixins_overlay{:host{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;overflow:visible;padding:0;pointer-events:none;position:fixed;width:auto;z-index:200;-webkit-tap-highlight-color:transparent;--vaadin-overlay-viewport-bottom:0;inset:var(--vaadin-overlay-viewport-inset,var(--lumo-space-m));outline:0 solid transparent}:host(:not([opened]):not([closing])),:host(:not([opened]):not([closing])) [part=overlay],:host([hidden]){display:none!important}[part=overlay]{box-sizing:border-box;max-width:100%;overflow:auto;pointer-events:auto;-webkit-tap-highlight-color:initial;background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-radius:var(--lumo-border-radius-m);box-shadow:0 0 0 1px var(--lumo-shade-5pct),var(--lumo-box-shadow-m);color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:var(--lumo-line-height-m);text-align:initial;text-decoration:none;text-indent:0;text-transform:none;user-select:text;white-space:normal;word-spacing:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=backdrop]{animation:lumo-overlay-backdrop-enter .2s both;background:rgba(0,0,0,.5);background-color:var(--lumo-shade-20pct);content:"";inset:0;pointer-events:auto;position:fixed;will-change:opacity;z-index:-1}[part=content]{padding:var(--lumo-space-xs)}@keyframes lumo-overlay-backdrop-enter{0%{opacity:0}}:host([closing]) [part=backdrop]{animation:lumo-overlay-backdrop-exit .2s both}@keyframes lumo-overlay-backdrop-exit{to{opacity:0}}@keyframes lumo-overlay-dummy-animation{0%{opacity:1}to{opacity:1}}}@media lumo_components_avatar-group-menu-item{:host{padding:var(--lumo-space-xs);padding-inline-end:var(--lumo-space-m)}[part=content]{align-items:center;display:flex}[part=content] ::slotted(vaadin-avatar){height:var(--lumo-size-xs);margin-inline-end:var(--lumo-space-s);width:var(--lumo-size-xs)}}@media lumo_components_avatar-group-overlay{:host{--_lumo-list-box-item-selected-icon-display:none;--_lumo-list-box-item-padding-left:calc(var(--lumo-space-m) + var(--lumo-border-radius-m)/4)}}@media lumo_components_avatar-group{:host{--vaadin-avatar-size:var(--lumo-size-m);--vaadin-avatar-group-overlap:8px;--vaadin-avatar-group-overlap-border:var(--vaadin-avatar-group-gap,2px)}::slotted(vaadin-avatar){--_gap:var(--vaadin-avatar-group-overlap-border);--_outline-width:var(--vaadin-avatar-outline-width);mask-size:calc(300% + var(--vaadin-avatar-group-overlap-border)*6 - var(--vaadin-avatar-outline-width)*6)}::slotted(vaadin-avatar:not(:first-of-type)){margin-inline-start:calc(var(--_overlap)*-1 - var(--vaadin-avatar-outline-width))}:host([theme~=xlarge]){--vaadin-avatar-group-overlap:12px;--vaadin-avatar-group-overlap-border:3px;--vaadin-avatar-size:var(--lumo-size-xl)}:host([theme~=large]){--vaadin-avatar-group-overlap:10px;--vaadin-avatar-group-overlap-border:3px;--vaadin-avatar-size:var(--lumo-size-l)}:host([theme~=small]){--vaadin-avatar-group-overlap:6px;--vaadin-avatar-group-overlap-border:2px;--vaadin-avatar-size:var(--lumo-size-s)}:host([theme~=xsmall]){--vaadin-avatar-group-overlap:4px;--vaadin-avatar-group-overlap-border:2px;--vaadin-avatar-size:var(--lumo-size-xs)}}@media lumo_components_item{:host{align-items:center;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;cursor:var(--lumo-clickable-cursor);display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-xs);min-height:var(--lumo-size-m);outline:none;padding:.5em calc(var(--lumo-space-l) + var(--lumo-border-radius-m)/4) .5em var(--_lumo-list-box-item-padding-left,calc(var(--lumo-border-radius-m)/4));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:var(--lumo-primary-color-10pct);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}:host([hidden]){display:none!important}[part=checkmark]:before{color:var(--_selection-color-text);content:var(--lumo-icons-checkmark);display:var(--_lumo-item-selected-icon-display,none);flex:none;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);font-weight:400;height:1em;line-height:1;margin:calc((1 - var(--lumo-line-height-xs))*var(--lumo-font-size-m)/2) 0;opacity:0;transition:transform .2s cubic-bezier(.12,.32,.54,2),opacity .1s;width:1em}:host([selected]) [part=checkmark]:before{opacity:1}:host([active]:not([selected])) [part=checkmark]:before{opacity:0;transform:scale(.8);transition-duration:0s}[part=content]{flex:auto}:host([disabled]){color:var(--lumo-disabled-text-color);cursor:default;pointer-events:none}@media (any-hover:hover){:host(:hover:not([disabled])){background-color:var(--lumo-primary-color-10pct)}}:host([focus-ring]:not([disabled])){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([dir=rtl]){padding-left:calc(var(--lumo-space-l) + var(--lumo-border-radius-m)/4);padding-right:var(--_lumo-list-box-item-padding-left,calc(var(--lumo-border-radius-m)/4))}:host ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}}@media lumo_components_list-box{:host{display:flex;-webkit-tap-highlight-color:transparent;--_lumo-item-selected-icon-display:var(--_lumo-list-box-item-selected-icon-display,block)}:host([hidden]){display:none!important}[part=items]{height:100%;overflow-y:auto;width:100%}[part=items] ::slotted(hr){background-color:var(--lumo-contrast-10pct);border:0;height:1px;margin:var(--lumo-space-s) var(--lumo-border-radius-m);padding:0}}:host:before,:root:before{--_lumo-vaadin-avatar-group-inject:1;--_lumo-vaadin-avatar-group-inject-modules:lumo_components_avatar-group;--_lumo-vaadin-avatar-group-overlay-inject:1;--_lumo-vaadin-avatar-group-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_components_avatar-group-overlay;--_lumo-vaadin-avatar-group-menu-inject:1;--_lumo-vaadin-avatar-group-menu-inject-modules:lumo_components_list-box;--_lumo-vaadin-avatar-group-menu-item-inject:1;--_lumo-vaadin-avatar-group-menu-item-inject-modules:lumo_components_item,lumo_components_avatar-group-menu-item}@media lumo_components_avatar{:host{--vaadin-avatar-outline-width:var(--vaadin-focus-ring-width,2px);background-color:var(--vaadin-avatar-background,var(--lumo-contrast-10pct));border:var(--vaadin-avatar-outline-width) solid transparent;color:var(--vaadin-avatar-text-color,var(--lumo-secondary-text-color));margin:calc(var(--vaadin-avatar-outline-width)*-1);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:baseline}[part=icon]{align-items:center;background:none;display:flex;font-size:var(--vaadin-avatar-size,64px);justify-content:center;line-height:1;mask:none}[part=icon]:before{content:var(--lumo-icons-user);font-family:lumo-icons;font-size:.9em}[part=abbr]{font-family:var(--lumo-font-family);font-size:2.4375em;font-weight:500}:host([has-color-index]){color:var(--lumo-base-color)}:host([has-color-index]):before{box-shadow:inset 0 0 0 2px var(--vaadin-avatar-user-color);outline:none}:host([focus-ring]){border-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));outline:none}:host([theme~=xlarge]) [part=abbr]{font-size:2.5em}:host([theme~=large]) [part=abbr]{font-size:2.375em}:host([theme~=small]) [part=abbr]{font-size:2.75em}:host([theme~=xsmall]) [part=abbr]{font-size:3em}:host([theme~=xlarge]){--vaadin-avatar-size:var(--lumo-size-xl)}:host([theme~=large]){--vaadin-avatar-size:var(--lumo-size-l)}:host([theme~=small]){--vaadin-avatar-size:var(--lumo-size-s)}:host([theme~=xsmall]){--vaadin-avatar-size:var(--lumo-size-xs)}}:host:before,:root:before{--_lumo-vaadin-avatar-inject:1;--_lumo-vaadin-avatar-inject-modules:lumo_components_avatar}:where(:host),:where(:root){--vaadin-avatar-size:var(
     --lumo-size-m
-  )}@media lumo_components_button{:host{display:inline-block;outline:none;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;--lumo-button-size:var(--lumo-size-m);background:var(--_lumo-button-background);border:var(--vaadin-button-border,none);border-radius:var(--vaadin-button-border-radius,var(--lumo-border-radius-m));box-sizing:border-box;color:var(--_lumo-button-text-color);cursor:var(--lumo-clickable-cursor);font-family:var(--lumo-font-family);font-size:var(--vaadin-button-font-size,var(--lumo-font-size-m));font-weight:var(--vaadin-button-font-weight,500);height:var(--_button-size);margin:var(--vaadin-button-margin,var(--lumo-space-xs) 0);min-width:var(--vaadin-button-min-width,calc(var(--_button-size)*2));padding:var(--vaadin-button-padding,0 calc(var(--_button-size)/3 + var(--lumo-border-radius-m)/2));-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-shrink:0;--_button-size:var(--vaadin-button-height,var(--lumo-button-size));--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_lumo-button-background:var(--vaadin-button-background,var(--lumo-contrast-5pct));--_lumo-button-text-color:var(--vaadin-button-text-color,var(--lumo-primary-text-color));--_lumo-button-primary-background:var(--vaadin-button-primary-background,var(--lumo-primary-color));--_lumo-button-primary-text-color:var(--vaadin-button-primary-text-color,var(--lumo-primary-contrast-color))}:host([hidden]){display:none!important}.vaadin-button-container{align-items:center;display:inline-flex;height:100%;justify-content:center;min-height:inherit;text-align:center;text-shadow:inherit;width:100%}.vaadin-button-container:before{content:"\2003";display:inline-block;max-height:100%;width:0}[part=prefix],[part=suffix]{flex:none}[part=label],[part=prefix],[part=suffix]{line-height:var(--lumo-line-height-xs)}[part=label]{overflow:hidden;padding:calc(var(--lumo-button-size)/6) 0;text-overflow:ellipsis;white-space:nowrap}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-button-size:var(--lumo-size-s)}:host([theme~=large]){font-size:var(--lumo-font-size-l);--lumo-button-size:var(--lumo-size-l)}:host:after,:host:before{background-color:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:1}@media (any-hover:hover){:host(:not([disabled]):hover):before{opacity:.02}}:host:after{filter:blur(8px);transition:opacity 1.4s,transform .1s}:host([active]):before{opacity:.05;transition-duration:0s}:host([active]):after{opacity:.1;transform:scale(0);transition-duration:0s,0s}:host([focus-ring]){box-shadow:0 0 0 calc(1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color,var(--lumo-base-color)),0 0 0 calc(var(--_focus-ring-width) + 1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color)}:host([theme~=primary][focus-ring]){--_focus-ring-gap-on:1}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){--_background:transparent!important;background:var(--vaadin-button-tertiary-background,var(--_background));min-width:0}:host([theme~=tertiary]){border:var(--vaadin-button-tertiary-border,none);color:var(--vaadin-button-tertiary-text-color,var(--lumo-primary-text-color));font-weight:var(--vaadin-button-tertiary-font-weight,500);padding:var(--vaadin-button-tertiary-padding,0 calc(var(--_button-size)/6))}:host([theme~=tertiary-inline]):before{display:none}:host([theme~=tertiary-inline]){font-size:inherit;height:auto;line-height:inherit;margin:0;padding:0}:host([theme~=tertiary-inline]) [part=label]{line-height:inherit;overflow:visible;padding:0}:host([theme~=primary]){background:var(--_lumo-button-primary-background);border:var(--vaadin-button-primary-border,none);color:var(--_lumo-button-primary-text-color);font-weight:var(--vaadin-button-primary-font-weight,600);min-width:calc(var(--lumo-button-size)*2.5)}:host([theme~=primary]):before{background-color:#000}@media (any-hover:hover){:host([theme~=primary]:not([disabled]):hover):before{opacity:.05}}:host([theme~=primary][active]):before{opacity:.1}:host([theme~=primary][active]):after{opacity:.2}:host([theme~=success]){color:var(--lumo-success-text-color)}:host([theme~=success][theme~=primary]){background-color:var(--lumo-success-color);color:var(--lumo-success-contrast-color)}:host([theme~=warning]){color:var(--lumo-warning-text-color)}:host([theme~=warning][theme~=primary]){background-color:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color)}:host([theme~=error]){color:var(--lumo-error-text-color)}:host([theme~=error][theme~=primary]){background-color:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}:host([theme~=contrast]){color:var(--lumo-contrast)}:host([theme~=contrast][theme~=primary]){background-color:var(--lumo-contrast);color:var(--lumo-base-color)}:host([disabled]){color:var(--lumo-disabled-text-color);cursor:not-allowed;pointer-events:var(--_vaadin-button-disabled-pointer-events,none)}:host([theme~=primary][disabled]){background-color:var(--lumo-contrast-30pct);color:var(--lumo-base-color)}:host([theme~=primary][disabled]) [part]{opacity:.7}[part] ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}[part] ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:.25em}[part=prefix]{margin-left:-.25em;margin-right:.25em}[part=suffix]{margin-left:.25em;margin-right:-.25em}:host([theme~=icon]:not([theme~=tertiary-inline])){min-width:var(--lumo-button-size);padding-left:calc(var(--lumo-button-size)/4);padding-right:calc(var(--lumo-button-size)/4)}:host([theme~=icon]) [part=prefix],:host([theme~=icon]) [part=suffix]{margin-left:0;margin-right:0}:host([dir=rtl]) [part=prefix]{margin-left:.25em;margin-right:-.25em}:host([dir=rtl]) [part=suffix]{margin-left:-.25em;margin-right:.25em}:host([dir=rtl][theme~=icon]) [part=prefix],:host([dir=rtl][theme~=icon]) [part=suffix]{margin-left:0;margin-right:0}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}:host([focused]){outline-width:2px}:host([disabled]){outline-color:GrayText}}}:host:before,:root:before{--_lumo-vaadin-button-inject:1;--_lumo-vaadin-button-inject-modules:lumo_components_button}@media lumo_components_card{:host:before{border-radius:var(--_card-border-pseudo-radius,inherit);inset:var(--_card-border-inset,0)}:host([theme~=outlined]){--vaadin-card-border-width:1px;--vaadin-card-background:var(--lumo-base-color)}:host([theme~=elevated]){--vaadin-card-background:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct)) var(--lumo-base-color);--vaadin-card-shadow:var(--lumo-box-shadow-xs);--vaadin-card-border-width:1px;--_card-border-inset:calc(var(--vaadin-card-border-width)*-1);--_card-border-pseudo-radius:calc(var(--vaadin-card-border-radius) + var(--vaadin-card-border-width))}:host([theme~=elevated]:not([theme~=outlined])){--vaadin-card-border-color:var(--lumo-contrast-10pct)}:host(:where([theme~=stretch-media])) ::slotted([slot=media]:is(img,video,svg,vaadin-icon)){border-radius:var(--lumo-border-radius-m)}:host([theme~=elevated][theme~=cover-media]) ::slotted([slot=media]:is(img,video,svg,vaadin-icon)){margin-top:calc((var(--_padding) + var(--vaadin-card-border-width))*-1);margin-inline:calc((var(--_padding) + var(--vaadin-card-border-width))*-1);width:calc(100% + (var(--_padding) + var(--vaadin-card-border-width))*2)}}:host:before,:root:before{--_lumo-vaadin-card-inject:1;--_lumo-vaadin-card-inject-modules:lumo_components_card}:where(:host),:where(:root){--vaadin-card-background:var(
+  )}@media lumo_components_button{:host{display:inline-block;outline:none;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;--lumo-button-size:var(--lumo-size-m);background:var(--_lumo-button-background);border:var(--vaadin-button-border,none);border-radius:var(--vaadin-button-border-radius,var(--lumo-border-radius-m));box-sizing:border-box;color:var(--_lumo-button-text-color);cursor:var(--lumo-clickable-cursor);font-family:var(--lumo-font-family);font-size:var(--vaadin-button-font-size,var(--lumo-font-size-m));font-weight:var(--vaadin-button-font-weight,500);height:var(--_button-size);margin:var(--vaadin-button-margin,var(--lumo-space-xs) 0);min-width:var(--vaadin-button-min-width,calc(var(--_button-size)*2));padding:var(--vaadin-button-padding,0 calc(var(--_button-size)/3 + var(--lumo-border-radius-m)/2));-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-shrink:0;--_button-size:var(--vaadin-button-height,var(--lumo-button-size));--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_lumo-button-background:var(--vaadin-button-background,var(--lumo-contrast-5pct));--_lumo-button-text-color:var(--vaadin-button-text-color,var(--lumo-primary-text-color));--_lumo-button-primary-background:var(--vaadin-button-primary-background,var(--lumo-primary-color));--_lumo-button-primary-text-color:var(--vaadin-button-primary-text-color,var(--lumo-primary-contrast-color))}:host([hidden]){display:none!important}.vaadin-button-container{align-items:center;display:inline-flex;height:100%;justify-content:center;min-height:inherit;text-align:center;text-shadow:inherit;width:100%}.vaadin-button-container:before{content:"\2003";display:inline-block;max-height:100%;width:0}[part=prefix],[part=suffix]{flex:none}[part=label],[part=prefix],[part=suffix]{line-height:var(--lumo-line-height-xs)}[part=label]{overflow:hidden;padding:calc(var(--lumo-button-size)/6) 0;text-overflow:ellipsis;white-space:nowrap}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-button-size:var(--lumo-size-s)}:host([theme~=large]){font-size:var(--lumo-font-size-l);--lumo-button-size:var(--lumo-size-l)}:host:after,:host:before{background-color:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:1}@media (any-hover:hover){:host(:not([disabled]):hover):before{opacity:.02}}:host:after{filter:blur(8px);transition:opacity 1.4s,transform .1s}:host([active]):before{opacity:.05;transition-duration:0s}:host([active]):after{opacity:.1;transform:scale(0);transition-duration:0s,0s}:host([focus-ring]){box-shadow:0 0 0 calc(1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color,var(--lumo-base-color)),0 0 0 calc(var(--_focus-ring-width) + 1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color)}:host([theme~=primary][focus-ring]){--_focus-ring-gap-on:1}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){background:var(--vaadin-button-tertiary-background,transparent)!important;min-width:0}:host([theme~=tertiary]){border:var(--vaadin-button-tertiary-border,none);color:var(--vaadin-button-tertiary-text-color,var(--lumo-primary-text-color));font-weight:var(--vaadin-button-tertiary-font-weight,500);padding:var(--vaadin-button-tertiary-padding,0 calc(var(--_button-size)/6))}:host([theme~=tertiary-inline]):before{display:none}:host([theme~=tertiary-inline]){font-size:inherit;height:auto;line-height:inherit;margin:0;padding:0}:host([theme~=tertiary-inline]) [part=label]{line-height:inherit;overflow:visible;padding:0}:host([theme~=primary]){background:var(--_lumo-button-primary-background);border:var(--vaadin-button-primary-border,none);color:var(--_lumo-button-primary-text-color);font-weight:var(--vaadin-button-primary-font-weight,600);min-width:calc(var(--lumo-button-size)*2.5)}:host([theme~=primary]):before{background-color:#000}@media (any-hover:hover){:host([theme~=primary]:not([disabled]):hover):before{opacity:.05}}:host([theme~=primary][active]):before{opacity:.1}:host([theme~=primary][active]):after{opacity:.2}:host([theme~=success]){color:var(--lumo-success-text-color)}:host([theme~=success][theme~=primary]){background-color:var(--lumo-success-color);color:var(--lumo-success-contrast-color)}:host([theme~=warning]){color:var(--lumo-warning-text-color)}:host([theme~=warning][theme~=primary]){background-color:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color)}:host([theme~=error]){color:var(--lumo-error-text-color)}:host([theme~=error][theme~=primary]){background-color:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}:host([theme~=contrast]){color:var(--lumo-contrast)}:host([theme~=contrast][theme~=primary]){background-color:var(--lumo-contrast);color:var(--lumo-base-color)}:host([disabled]){color:var(--lumo-disabled-text-color);cursor:not-allowed;pointer-events:var(--_vaadin-button-disabled-pointer-events,none)}:host([theme~=primary][disabled]){background-color:var(--lumo-contrast-30pct);color:var(--lumo-base-color)}:host([theme~=primary][disabled]) [part]{opacity:.7}[part] ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}[part] ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:.25em}[part=prefix]{margin-left:-.25em;margin-right:.25em}[part=suffix]{margin-left:.25em;margin-right:-.25em}:host([theme~=icon]:not([theme~=tertiary-inline])){min-width:var(--lumo-button-size);padding-left:calc(var(--lumo-button-size)/4);padding-right:calc(var(--lumo-button-size)/4)}:host([theme~=icon]) [part=prefix],:host([theme~=icon]) [part=suffix]{margin-left:0;margin-right:0}:host([dir=rtl]) [part=prefix]{margin-left:.25em;margin-right:-.25em}:host([dir=rtl]) [part=suffix]{margin-left:-.25em;margin-right:.25em}:host([dir=rtl][theme~=icon]) [part=prefix],:host([dir=rtl][theme~=icon]) [part=suffix]{margin-left:0;margin-right:0}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}:host([focused]){outline-width:2px}:host([disabled]){outline-color:GrayText}}}:host:before,:root:before{--_lumo-vaadin-button-inject:1;--_lumo-vaadin-button-inject-modules:lumo_components_button}@media lumo_components_card{:host:before{border-radius:var(--_card-border-pseudo-radius,inherit);inset:var(--_card-border-inset,0)}:host([theme~=outlined]){--vaadin-card-border-width:1px;--vaadin-card-background:var(--lumo-base-color)}:host([theme~=elevated]){--vaadin-card-background:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct)) var(--lumo-base-color);--vaadin-card-shadow:var(--lumo-box-shadow-xs);--vaadin-card-border-width:1px;--_card-border-inset:calc(var(--vaadin-card-border-width)*-1);--_card-border-pseudo-radius:calc(var(--vaadin-card-border-radius) + var(--vaadin-card-border-width))}:host([theme~=elevated]:not([theme~=outlined])){--vaadin-card-border-color:var(--lumo-contrast-10pct)}:host(:where([theme~=stretch-media])) ::slotted([slot=media]:is(img,video,svg,vaadin-icon)){border-radius:var(--lumo-border-radius-m)}:host([theme~=elevated][theme~=cover-media]) ::slotted([slot=media]:is(img,video,svg,vaadin-icon)){margin-top:calc((var(--_padding) + var(--vaadin-card-border-width))*-1);margin-inline:calc((var(--_padding) + var(--vaadin-card-border-width))*-1);width:calc(100% + (var(--_padding) + var(--vaadin-card-border-width))*2)}}:host:before,:root:before{--_lumo-vaadin-card-inject:1;--_lumo-vaadin-card-inject-modules:lumo_components_card}:where(:host),:where(:root){--vaadin-card-background:var(
     --lumo-contrast-5pct
   );--vaadin-card-border-radius:var(
     --lumo-border-radius-l

package/package.json

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

package/src/components/button.css

@@ -152,8 +152,7 @@ Note, to make it work, the form fields should have the same "::before" pseudo-el
 
   :host([theme~='tertiary']),
   :host([theme~='tertiary-inline']) {
-    --_background: transparent !important;
-    background: var(--vaadin-button-tertiary-background, var(--_background));
+    background: var(--vaadin-button-tertiary-background, transparent) !important;
     min-width: 0;
   }