vaadin-avatar[theme~="vaadin"]::part(icon){mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M11.1854 7.48145C11.7551 7.48145 12.2184 7.95693 12.2186 8.54199C12.2186 8.72558 12.1719 8.90779 12.0819 9.06934L8.86023 15.1895C8.8531 15.2033 8.84588 15.2156 8.83875 15.2285C8.69333 15.5564 8.3724 15.7852 7.9989 15.7852C7.62026 15.7851 7.29542 15.55 7.1532 15.2148C7.14827 15.206 7.14334 15.1978 7.13855 15.1885L3.91687 9.06738C3.82776 8.90728 3.78015 8.72555 3.78015 8.54199C3.78037 7.95699 4.24389 7.48154 4.81335 7.48145C5.27105 7.48145 5.58212 7.7112 5.7948 8.20996L7.99988 12.4307L10.2069 8.20508C10.4171 7.71153 10.7278 7.48156 11.1854 7.48145Z\" fill=\"currentColor\"/><path d=\"M15.2108 1C15.6505 1.00007 15.9997 1.36209 15.9999 1.80859V3.14258C15.9999 4.71011 15.2872 5.49403 13.6552 5.49414H10.035C8.95299 5.49419 8.84659 5.95787 8.84656 6.4082C8.84656 6.45438 8.84269 6.49396 8.83777 6.53613C8.81197 6.98687 8.4453 7.34557 7.995 7.3457C7.54459 7.3457 7.17686 6.98894 7.15125 6.53809C7.14633 6.49582 7.14343 6.45432 7.14343 6.4082C7.1434 5.95784 7.03606 5.49414 5.95398 5.49414H2.33484C0.702567 5.49414 -9.57545e-05 4.71022 -0.00012207 3.14258V1.80859C5.05523e-05 1.36204 0.337484 1 0.777222 1C1.21691 1.00006 1.55049 1.36208 1.55066 1.80859V2.25977C1.55078 2.76409 1.89158 3.13184 2.6366 3.13184H6.18542C7.79968 3.13207 7.92422 4.34896 7.97742 4.99316H8.01257C8.06578 4.3489 8.19 3.13184 9.80457 3.13184H13.3534C14.0982 3.13177 14.4157 2.77682 14.4159 2.27246L14.4178 1.80859C14.418 1.36204 14.7711 1 15.2108 1Z\" fill=\"currentColor\"/></svg>");mask-size: 60%}vaadin-avatar[theme~="square"]{border-radius: var(--vaadin-radius-m)}.aura-view{box-sizing: border-box;display: flex;flex-direction: column;height: calc(100% + var(--safe-area-inset-top) + var(--safe-area-inset-bottom));margin-block: calc(var(--safe-area-inset-top) * -1) calc(var(--safe-area-inset-bottom) * -1);padding-block: var(--safe-area-inset-top) var(--safe-area-inset-bottom)}.aura-view>:not(header,footer,.aura-view-header,.aura-view-footer){flex: 1}.aura-view>*{--vaadin-scroller-padding-inline: var(--vaadin-padding-m)}.aura-view:not(:has(header,.aura-view-header))>vaadin-scroller{padding-top: var(--safe-area-inset-top)}.aura-view:not(:has(footer,.aura-view-footer))>vaadin-scroller{padding-bottom: var(--safe-area-inset-bottom)}.aura-view>:is(header,footer),:is(.aura-view-header,.aura-view-footer){align-items: center;display: flex;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m)}.aura-view>header,.aura-view-header,.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{padding-top: max(var(--vaadin-padding-m),var(--safe-area-inset-top))}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar'],.aura-view[slot='drawer']>header,.aura-view-header[slot='drawer']{margin-top: calc(var(--safe-area-inset-top) * -1)}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar']{padding: var(--safe-area-inset-top) 0 0 0}.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{margin-inline-start: auto}.aura-view:not([slot='navbar'])>footer,.aura-view-footer:not([slot='navbar']){padding-bottom: max(var(--vaadin-padding-m),var(--safe-area-inset-bottom))}.aura-view[slot='drawer']>footer,.aura-view-footer[slot='drawer']{margin-bottom: calc(var(--safe-area-inset-bottom) * -1)}:is(.aura-view>header,.aura-view-header) :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){color: var(--vaadin-text-color);flex: 1;font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: var(--aura-line-height-m);margin: 0;padding-block: round(var(--vaadin-padding-s) / 1.4 + var(--vaadin-button-border-width,1px),1px);&:first-child{padding-inline-start: var(--vaadin-padding-s)}&:last-child{padding-inline-end: var(--vaadin-padding-s)}}vaadin-app-layout:is([drawer-opened]:not([overlay]),:has(>[slot='navbar'] vaadin-drawer-toggle)) :is(.aura-view>header,.aura-view-header) vaadin-drawer-toggle:not([theme~='permanent']),vaadin-master-detail-layout:not([drawer],[stack]) [slot='detail'].aura-view>header mdl-back-button,vaadin-master-detail-layout:not([drawer],[stack]) [slot='detail'] .aura-view>header mdl-back-button{display: none;& + :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){padding-inline-start: var(--vaadin-padding-s)}}.aura-view>.aura-view-header + vaadin-grid{&::part(first-column-cell){--vaadin-grid-cell-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container) var(--vaadin-padding-block-container) calc(var(--vaadin-padding-s) + var(--vaadin-padding-m))}&::part(last-column-cell){--vaadin-grid-cell-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-m) var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container)}}vaadin-card[theme~="no-frame"]{--vaadin-card-padding: 0px;--vaadin-card-background: transparent}vaadin-card[theme~="footer-end"]{--_footer: 0;grid-template-rows: repeat(var(--_content),auto) 1fr}vaadin-card[theme~="footer-end"]::part(footer){grid-column: -1;grid-row: 1 / span calc(var(--_header) + var(--_content));flex-direction: column;align-self: center}pre[class*='language-']{background: var(--vaadin-background-container);border-radius: var(--vaadin-radius-m);color: var(--vaadin-text-color);font-family: monospace;font-size: var(--aura-font-size-s);hyphens: none;line-height: var(--aura-line-height-m);margin: 0;overflow: auto;padding: var(--vaadin-padding-m);tab-size: 4}.token.cdata,.token.comment,.token.doctype,.token.prolog{color: var(--vaadin-text-color-secondary)}.token.punctuation{color: var(--vaadin-text-color-secondary)}.token.namespace{opacity: 0.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color: var(--aura-purple-text)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color: var(--aura-green-text)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color: var(--aura-orange-text)}.token.atrule,.token.attr-value,.token.keyword{color: var(--aura-blue-text)}.token.class-name,.token.function{color: var(--aura-red-text)}.token.important,.token.regex,.token.variable{color: var(--aura-yellow-text)}.token.bold,.token.important{font-weight: var(--aura-font-weight-semibold)}.token.italic{font-style: italic}.token.entity{cursor: help}.main-layout{.app-logo{margin-inline: 4px}&.menu-item-icon{color: var(--vaadin-text-color-secondary)}}.source-viewer-dialog{.github-link{align-items: center;background: var(--aura-accent-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-s);color: var(--aura-accent-contrast-color);display: flex;font-weight: 500;gap: var(--vaadin-gap-s);padding-inline: var(--vaadin-padding-m);padding-inline-end: var(--vaadin-padding-s);padding-block: var(--vaadin-padding-block-container);text-decoration: none}}.dashboard-view{.content{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);overflow: hidden;padding-bottom: var(--vaadin-padding-l);padding-inline: var(--vaadin-padding-l)}.stat-cards{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l)}.stat-card{flex-grow: 1;--vaadin-card-title-color: var(--vaadin-text-color-secondary)}.stat-value{font-weight: 600;font-size: var(--aura-font-size-xl);line-height: var(--aura-line-height-xl)}.stat-trend{margin-inline-start: var(--vaadin-padding-s)}.orders-card{min-height: 0}.orders-heading{font-size: var(--aura-font-size-xl);line-height: var(--aura-line-height-xl)}}.users-view{overflow: hidden;.name-cell{align-items: center;display: flex;font-weight: 500;gap: var(--vaadin-gap-s)}.dialog-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-l)}.last-login{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);line-height: var(--aura-line-height-xs)}.dialog-email{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s)}.dialog-info{display: flex;flex-direction: column}.dialog-avatar-row{align-items: center;border-bottom: 1px solid var(--vaadin-border-color-secondary);display: flex;gap: var(--vaadin-gap-m);padding-bottom: var(--vaadin-padding-l);width: 100%}}.products-view{overflow: hidden}.settings-view{.tabs{width: fit-content}.panel{align-items: flex-start;display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding-inline: var(--vaadin-padding-xs);padding-block: var(--vaadin-padding-l)}.security-panel{align-items: flex-start;display: flex;flex-direction: column;padding-inline: var(--vaadin-padding-xs);padding-block: var(--vaadin-padding-l)}.section-button{margin-top: var(--vaadin-padding-l)}.section-divider{margin-block: var(--vaadin-padding-l)}.two-factor-heading{font-size: var(--aura-font-size-l);line-height: var(--aura-line-height-l)}.two-factor-description{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s);margin: 0}.integrations-grid{display: grid;gap: var(--vaadin-gap-s);grid-template-columns: repeat(auto-fit,minmax(20rem,1fr));padding-inline: var(--vaadin-padding-xs);padding-block: var(--vaadin-padding-l)}.integration-name{font-weight: 600}.integration-description{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s)}.integration-info{display: flex;flex-grow: 1;flex-direction: column}.integration-row{display: flex;gap: var(--vaadin-gap-s)}}.components-view{.card-grid{display: grid;grid-auto-rows: minmax(200px,auto);grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));grid-auto-flow: dense;gap: var(--vaadin-gap-s);padding-bottom: var(--vaadin-padding-l);padding-inline: var(--vaadin-padding-xs)}.buttons-grid{align-content: center;display: grid;grid-template-columns: repeat(3,auto);gap: var(--vaadin-gap-s);height: 100%;justify-content: center}.card-center{align-items: center;display: flex;height: 100%;justify-content: center}.badges-row{align-items: center;display: flex;height: 100%;justify-content: center;gap: var(--vaadin-gap-s)}.badges-col{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.typography-card{align-items: center;display: flex;flex-direction: column;font-weight: 600;height: 100%;justify-content: center}.text-xs{font-size: var(--aura-font-size-xs);line-height: var(--aura-line-height-xs)}.text-s{font-size: var(--aura-font-size-s);line-height: var(--aura-line-height-s)}.text-m{font-size: var(--aura-font-size-m);line-height: var(--aura-line-height-m)}.text-l{font-size: var(--aura-font-size-l);line-height: var(--aura-line-height-l)}.text-xl{font-size: var(--aura-font-size-xl);line-height: var(--aura-line-height-xl)}.col-span-2{grid-column: span 2}.col-span-3{grid-column: span 3}.row-span-2{grid-row: span 2}.message-list-card-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);justify-content: center;height: 100%}}hr{background: var(--vaadin-border-color-secondary);border: 0;margin: var(--vaadin-gap-m) 0;max-height: 1px;min-height: 1px;place-self: stretch stretch}