.basic-layouts-example vaadin-vertical-layout,:host(.basic-layouts-example) vaadin-vertical-layout,.basic-layouts-example vaadin-horizontal-layout,:host(.basic-layouts-example) vaadin-horizontal-layout{border:1px solid var(--lumo-primary-color);border-radius:var(--lumo-border-radius-l)}.basic-layouts-example vaadin-vertical-layout.height-4xl,:host(.basic-layouts-example) vaadin-vertical-layout.height-4xl,.basic-layouts-example vaadin-horizontal-layout.height-4xl,:host(.basic-layouts-example) vaadin-horizontal-layout.height-4xl{height:calc(var(--lumo-size-xl) * 4)}.basic-layouts-example vaadin-vertical-layout.height-5xl,:host(.basic-layouts-example) vaadin-vertical-layout.height-5xl,.basic-layouts-example vaadin-horizontal-layout.height-5xl,:host(.basic-layouts-example) vaadin-horizontal-layout.height-5xl{height:calc(var(--lumo-size-xl) * 5)}.basic-layouts-example .container,:host(.basic-layouts-example) .container{border:1px solid var(--lumo-success-color);border-radius:var(--lumo-border-radius-l)}.basic-layouts-example .example-item,:host(.basic-layouts-example) .example-item{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-s) var(--lumo-space-l);white-space:nowrap}.cookie-consent-theming div.cc-window.cc-banner{background-color:var(--lumo-primary-color);box-shadow:var(--lumo-box-shadow-s);color:var(--lumo-primary-contrast-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m)}.cookie-consent-theming a.cc-link{opacity:1;padding:0 var(--lumo-space-s)}.cookie-consent-theming a.cc-btn.cc-dismiss{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius);color:var(--lumo-primary-text-color);font-size:var(--lumo-font-size-m);line-height:var(--lumo-size-m);min-width:0;padding:0 calc(var(--lumo-size-m) / 3 + var(--lumo-border-radius) / 2)}.dashboard-widget-content{height:100%;background:repeating-linear-gradient(45deg,var(--lumo-contrast-5pct),var(--lumo-contrast-5pct) 10px,transparent 10px,transparent 20px) var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m)}.dashboard-widget-content.small{height:50px}.login-rich-content{background-image:url(/docs/v24/_astro/earth.BiACGoTJ.jpg);background-position:center;background-size:cover;display:flex;height:500px}.login-rich-content vaadin-login-form{align-items:center;display:flex;max-width:300px}.login-rich-content vaadin-login-form-wrapper{background-image:none}.notification-position-example,:host(.notification-position-example){display:grid!important;grid-gap:1em;grid-template-columns:1fr 1fr 1fr}.notification-position-example vaadin-button,:host(.notification-position-example) vaadin-button{margin:0;max-width:100%}.notification-position-example vaadin-button:nth-child(2),.notification-position-example vaadin-button:nth-child(6),:host(.notification-position-example) vaadin-button:nth-child(2),:host(.notification-position-example) vaadin-button:nth-child(6){margin-inline-end:auto}.notification-position-example vaadin-button:nth-child(3),.notification-position-example vaadin-button:nth-child(5),.notification-position-example vaadin-button:nth-child(7),:host(.notification-position-example) vaadin-button:nth-child(3),:host(.notification-position-example) vaadin-button:nth-child(5),:host(.notification-position-example) vaadin-button:nth-child(7){margin:0 auto}.notification-position-example vaadin-button:nth-child(4),.notification-position-example vaadin-button:nth-child(8),:host(.notification-position-example) vaadin-button:nth-child(4),:host(.notification-position-example) vaadin-button:nth-child(8){margin-inline-start:auto}.notification-position-example vaadin-button:nth-child(1),.notification-position-example vaadin-button:nth-child(5),.notification-position-example vaadin-button:nth-child(9),:host(.notification-position-example) vaadin-button:nth-child(1),:host(.notification-position-example) vaadin-button:nth-child(5),:host(.notification-position-example) vaadin-button:nth-child(9){grid-column-start:1;grid-column-end:4}.basic-board,:host(.basic-board){--board-border: 1px solid var(--lumo-contrast-10pct);--vaadin-board-width-small: 200px;--vaadin-board-width-medium: 400px}.basic-board vaadin-board-row:not(:last-child),:host(.basic-board) vaadin-board-row:not(:last-child){border-block-end:var(--board-border)}.basic-board example-indicator,:host(.basic-board) example-indicator{padding:var(--lumo-space-m)}.basic-board example-indicator:not(:nth-child(2n)),:host(.basic-board) example-indicator:not(:nth-child(2n)){border-inline-end:var(--board-border)}@media (min-width: 1024px){.basic-board,:host(.basic-board){--vaadin-board-width-small: 300px;--vaadin-board-width-medium: 400px}.basic-board example-indicator:not(:last-child),:host(.basic-board) example-indicator:not(:last-child){border-inline-end:var(--board-border)}}.board-nested,:host(.board-nested){--board-border: 1px solid var(--lumo-contrast-10pct);--vaadin-board-width-small: 150px;--vaadin-board-width-medium: 220px}.board-nested example-statistics,:host(.board-nested) example-statistics{padding-inline-end:var(--lumo-space-m);border-inline-end:var(--board-border)}.board-nested example-indicator,:host(.board-nested) example-indicator{padding:var(--lumo-space-s)}.board-nested example-indicator:first-child,:host(.board-nested) example-indicator:first-child{border-block-end:var(--board-border)}@media (min-width: 1024px){.board-nested example-indicator,:host(.board-nested) example-indicator{padding:var(--lumo-space-m)}.board-nested,:host(.board-nested){--vaadin-board-width-small: 300px;--vaadin-board-width-medium: 400px}}.board-column-wrapping,:host(.board-column-wrapping){--vaadin-board-width-small: 150px;--vaadin-board-width-medium: 220px;--board-blue-10: #0090c0;--board-blue-20: #006c90;--board-blue-30: #00506b;--board-blue-40: #003e53}@media (min-width: 1024px){.board-column-wrapping,:host(.board-column-wrapping){--vaadin-board-width-small: 300px;--vaadin-board-width-medium: 400px}}.board-column-wrapping .cell,:host(.board-column-wrapping) .cell{padding:1em .3em;text-align:center;color:#fff;white-space:nowrap}@media (min-width: 1024px){.board-column-wrapping .cell,:host(.board-column-wrapping) .cell{padding:1em}}.board-column-wrapping .color:nth-child(1),:host(.board-column-wrapping) .color:nth-child(1){background:var(--board-blue-40)}.board-column-wrapping .color:nth-child(2),:host(.board-column-wrapping) .color:nth-child(2){background:var(--board-blue-30)}.board-column-wrapping .color:nth-child(3),:host(.board-column-wrapping) .color:nth-child(3){background:var(--board-blue-20)}.board-column-wrapping .color:nth-child(4),:host(.board-column-wrapping) .color:nth-child(4){background:var(--board-blue-10)}.board-column-span,:host(.board-column-span){--vaadin-board-width-small: 150px;--vaadin-board-width-medium: 220px;--board-blue-10: #0090c0;--board-blue-20: #006c90;--board-blue-30: #00506b;--board-blue-40: #003e53;--board-inner-border: 1px dashed white}@media (min-width: 1024px){.board-column-span,:host(.board-column-span){--vaadin-board-width-small: 300px;--vaadin-board-width-medium: 400px}}.board-column-span vaadin-board,:host(.board-column-span) vaadin-board{padding:var(--lumo-space-m) 0}.board-column-span .cell,:host(.board-column-span) .cell{padding:1em .3em;text-align:center;color:#fff;white-space:nowrap;background:var(--board-blue-20)}@media (min-width: 1024px){.board-column-span .cell,:host(.board-column-span) .cell{padding:1em}}.board-column-span .color:nth-child(1),:host(.board-column-span) .color:nth-child(1){background:var(--board-blue-40)}.board-column-span .color:nth-child(2),:host(.board-column-span) .color:nth-child(2){background:var(--board-blue-30)}.board-column-span .color:nth-child(3),:host(.board-column-span) .color:nth-child(3){background:var(--board-blue-20)}.board-column-span .color:nth-child(4),:host(.board-column-span) .color:nth-child(4){background:var(--board-blue-10)}.board-column-span .cell[board-cols="3"],:host(.board-column-span) .cell[board-cols="3"]{background:var(--board-blue-40)}.board-column-span .cell[board-cols="2"],:host(.board-column-span) .cell[board-cols="2"]{background:var(--board-blue-30)}.board-column-span .cell:not(:last-child),:host(.board-column-span) .cell:not(:last-child){border-inline-end:var(--board-inner-border)}.board-column-span vaadin-board-row:not(:last-child) .cell,:host(.board-column-span) vaadin-board-row:not(:last-child) .cell{border-block-end:var(--board-inner-border)}.board-breakpoints,:host(.board-breakpoints){--vaadin-board-width-small: 150px;--vaadin-board-width-medium: 220px}@media (min-width: 1024px){.board-breakpoints,:host(.board-breakpoints){--vaadin-board-width-small: 300px;--vaadin-board-width-medium: 400px}}.board-breakpoints vaadin-board-row.large>.cell,:host(.board-breakpoints) vaadin-board-row.large>.cell{background:var(--lumo-success-color-10pct);color:var(--lumo-success-color)}.board-breakpoints vaadin-board-row.medium>.cell,:host(.board-breakpoints) vaadin-board-row.medium>.cell{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-color)}.board-breakpoints vaadin-board-row.small>.cell,:host(.board-breakpoints) vaadin-board-row.small>.cell{background:var(--lumo-error-color-10pct);color:var(--lumo-error-color)}.board-breakpoints .cell,:host(.board-breakpoints) .cell{padding:1em .3em;text-align:center;color:#fff;white-space:nowrap}@media (min-width: 1024px){.board-breakpoints .cell,:host(.board-breakpoints) .cell{padding:1em}}vaadin-grid.force-focus-outline::part(focused-cell):before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--lumo-primary-color-50pct)}vaadin-message.current-user{background-color:#000;color:#fff;border:2px solid #fff;border-radius:9px;font-weight:900}vaadin-message.current-user::part(name){font-weight:900}vaadin-message.current-user::part(time){color:#fff}vaadin-message.current-user::part(name):after{content:" (You)"}vaadin-grid::part(high-rating){background:linear-gradient(var(--lumo-success-color-10pct),var(--lumo-success-color-10pct)) var(--lumo-base-color)}vaadin-grid::part(low-rating){background:linear-gradient(var(--lumo-error-color-10pct),var(--lumo-error-color-10pct)) var(--lumo-base-color)}vaadin-grid::part(font-weight-bold){font-weight:700}vaadin-grid.styling-header-footer::part(rating-header){font-size:var(--lumo-font-size-xs);white-space:unset;color:var(--blue-600)}vaadin-grid.styling-header-footer::part(rating-footer){color:var(--blue-600)}vaadin-multi-select-combo-box-chip.coral{background:coral}vaadin-multi-select-combo-box-chip.gold{background:gold}vaadin-multi-select-combo-box-chip.orange{background:orange}vaadin-multi-select-combo-box-chip.yellowgreen{background:#9acd32}vaadin-side-nav-item.external::part(link){color:var(--lumo-primary-text-color)}vaadin-side-nav-item.external>vaadin-icon{color:var(--lumo-primary-color)}vaadin-side-nav-item.external::part(link):hover{color:var(--lumo-primary-text-color);text-decoration:underline}.side-nav-sample{overflow:hidden;background:var(--lumo-shade-5pct)}.side-nav-sample>*{background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-m);width:15em}.fa{font-family:"Font Awesome 6 Free"!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-code-branch:before{content:""}.fa-user:before{content:""}html,:host{--vaadin-user-color-0: #df0b92;--vaadin-user-color-1: #650acc;--vaadin-user-color-2: #097faa;--vaadin-user-color-3: #ad6200;--vaadin-user-color-4: #bf16f3;--vaadin-user-color-5: #084391;--vaadin-user-color-6: #078836}vaadin-combo-box-item.coral{color:coral}vaadin-combo-box-item.gold{color:gold}vaadin-combo-box-item.orange{color:orange}vaadin-combo-box-item.yellowgreen{color:#9acd32}vaadin-multi-select-combo-box-item.coral{color:coral}vaadin-multi-select-combo-box-item.gold{color:gold}vaadin-multi-select-combo-box-item.orange{color:orange}vaadin-multi-select-combo-box-item.yellowgreen{color:#9acd32}#notifications-heading{font-size:var(--lumo-font-size-l)}vaadin-tabsheet.notifications{max-height:350px}vaadin-tabsheet.notifications vaadin-tabs::part(tabs){margin-left:var(--lumo-space-xs)}vaadin-tabsheet.notifications vaadin-message-list vaadin-message{padding:var(--lumo-space-s) 0 var(--lumo-space-m) 0;margin:0 var(--lumo-space-m);font-size:var(--lumo-font-size-s);border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-tabsheet.notifications vaadin-message-list vaadin-message::part(name){font-weight:600;margin-right:auto}vaadin-tabsheet.notifications vaadin-message-list vaadin-message::part(time){font-size:var(--lumo-font-size-xxs)}vaadin-tabsheet.notifications vaadin-message-list vaadin-message::part(message){font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-xs);color:var(--lumo-secondary-text-color)}vaadin-tabsheet.notifications .no-notifications-msg{padding:var(--lumo-space-m);color:var(--lumo-secondary-text-color)}.userMenuHeader{background:var(--lumo-contrast-5pct);padding:var(--lumo-space-s);padding-inline-end:var(--lumo-space-l);margin:2px;align-items:center;gap:var(--lumo-space-s);line-height:var(--lumo-line-height-s)}.userMenuHeader .userMenuNickname{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.userMenuLinks{padding-bottom:var(--lumo-space-xs);align-items:stretch}.userMenuLinks a{padding:var(--lumo-space-xs) var(--lumo-space-m);color:var(--lumo-body-text-color);text-decoration:none}.userMenuLinks a:hover{background:var(--lumo-contrast-5pct)}