vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.text-align-right{text-align:right}.small-icon{font-size:16px;width:16px;height:16px}.my-view-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.my-view-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.my-view-view .preview-container{display:contents}.my-view-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-view .cover-overlay{position:absolute;border-radius:1px}.my-view-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.my-view-view .overlays,.my-view-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.my-view-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.my-view-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.my-view-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.my-view-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-view[readonly] .drop-zones,.my-view-view[readonly] .overlays,.my-view-view[inline-editing] .drop-zones,.my-view-view[inline-editing] .overlays{display:none}.my-view-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-view[dragging] vaadin-form-layout{padding:8px}.my-view-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-view .tile{border:1px solid #ddd;border-radius:8px;padding:16px;box-shadow:2px 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px;transition:transform .2s}.my-view-view .tile:hover{transform:scale(1.05)}.my-view-view .tile div{text-align:center}.my-view-view .flex-container{gap:16px;padding:16px}.gridwith-filters-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.gridwith-filters-view .filter-layout .double-width{grid-column-end:span 2}.gridwith-filters-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.gridwith-filters-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.gridwith-filters-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.gridwith-filters-view .mobile-filters{display:none;position:relative}.gridwith-filters-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.gridwith-filters-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.gridwith-filters-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.gridwith-filters-view .filter-layout>*{grid-column-end:span 2}.gridwith-filters-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.gridwith-filters-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.gridwith-filters-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.checkout-form-view aside{top:calc(var(--lumo-space-xl) + var(--_vaadin-app-layout-navbar-offset-size))}@media (min-width: 1024px){.checkout-form-view main{grid-template-columns:auto 324px}}.feed-view{display:block;height:100%}.feed-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.feed-view vaadin-grid,.feed-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.feed-view .card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m)}.feed-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);margin-right:calc(var(--lumo-space-s) * 1.5);width:var(--lumo-size-m)}.feed-view .header{align-items:baseline}.feed-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.feed-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.feed-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.feed-view .actions{align-items:center}.feed-view .icon{color:var(--lumo-tertiary-text-color);height:calc(var(--lumo-icon-size-s) * .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-s) * .8)}.feed-view .likes,.feed-view .comments,.feed-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.user-overview{display:flex;flex-direction:column;height:100%}.user-overview vaadin-split-layout{width:100%;height:100%}.user-overview vaadin-grid{height:100%}.user-overview .editor-layout{display:flex;flex-direction:column;width:400px}.user-overview .editor{flex-grow:1;padding:var(--lumo-space-l)}.user-overview .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.user-overview .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.user-overview .grid-wrapper{width:100%}.user-overview-filters .mobile-filters{display:none;position:relative}.user-overview-filters .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.user-overview-filters .filter-layout{display:none;gap:var(--lumo-space-s)}.user-overview-filters .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.user-overview-filters .filter-layout>*{grid-column-end:span 2}.user-overview-filters .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.user-overview-filters .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.user-overview-filters .mobile-filters:hover{color:var(--lumo-body-text-color)}}.project-grid-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.project-grid-view .filter-layout .double-width{grid-column-end:span 2}.project-grid-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.project-grid-view .filter-layout vaadin-date-picker,.project-grid-view .filter-layout vaadin-text-field,.project-grid-view .filter-layout vaadin-number-field,.project-grid-view .filter-layout vaadin-integer-field,.project-grid-view .filter-layout vaadin-combo-box,.project-grid-view .filter-layout vaadin-checkbox{width:100%}.project-grid-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: auto}.project-grid-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.project-grid-view .mobile-filters{display:none;position:relative}.project-grid-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.project-grid-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.project-grid-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.project-grid-view .filter-layout>*{grid-column-end:span 2}.project-grid-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.project-grid-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.project-grid-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.supplier-grid-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.supplier-grid-view .filter-layout .double-width{grid-column-end:span 2}.supplier-grid-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.supplier-grid-view .filter-layout vaadin-date-picker,.supplier-grid-view .filter-layout vaadin-text-field,.supplier-grid-view .filter-layout vaadin-number-field,.supplier-grid-view .filter-layout vaadin-integer-field,.supplier-grid-view .filter-layout vaadin-combo-box,.supplier-grid-view .filter-layout vaadin-checkbox{width:100%}.supplier-grid-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: auto}.supplier-grid-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.supplier-grid-view .mobile-filters{display:none;position:relative}.supplier-grid-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.supplier-grid-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.supplier-grid-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.supplier-grid-view .filter-layout>*{grid-column-end:span 2}.supplier-grid-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.supplier-grid-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.supplier-grid-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.order-overview{display:flex;flex-direction:column;height:100%}.order-overview vaadin-split-layout{width:100%;height:100%}.order-overview vaadin-grid{height:100%}.order-overview .editor-layout{display:flex;flex-direction:column;width:400px}.order-overview .editor{flex-grow:1;padding:var(--lumo-space-l)}.order-overview .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.order-overview .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.order-overview .grid-wrapper{width:100%}.order-overview-filters .mobile-filters{display:none;position:relative}.order-overview-filters .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.order-overview-filters .filter-layout{display:none;gap:var(--lumo-space-s)}.order-overview-filters .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.order-overview-filters .filter-layout>*{grid-column-end:span 2}.order-overview-filters .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.order-overview-filters .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.order-overview-filters .mobile-filters:hover{color:var(--lumo-body-text-color)}}.login{background-image:url(/Users/janosch/Projekte/dev-monkeys/t4a/t4a-erp/src/main/resources/images/photo-1719451642947-17becb838f36.avif);background-size:cover;background-position:center;height:100%;display:flex;justify-content:center;align-items:center}:root{--lumo-font-size-xxlarge: 2.25rem;--lumo-space-xxlarge: 3rem;--lumo-icon-size-xxlarge: 2.5rem}.delivery-view{display:block;height:100%}.delivery-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-xlarge)}.delivery-view vaadin-grid,.delivery-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.delivery-view .card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m)}.delivery-view img{border-radius:50%;flex-shrink:0;height:var(--lumo-icon-size-xxlarge);margin-right:calc(var(--lumo-space-xxlarge) * 1.5);width:var(--lumo-font-size-xxlarge)}.delivery-view .header{align-items:baseline}.delivery-view .name{font-size:var(--lumo-font-size-xxlarge);font-weight:700;margin-right:var(--lumo-space-s)}.delivery-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xxlarge)}.delivery-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxlarge);margin-bottom:var(--lumo-space-s);white-space:normal}.delivery-view .actions{align-items:center}.delivery-view .icon{color:var(--lumo-tertiary-text-color);height:calc(var(--lumo-space-xxlarge) * .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-xxlarge) * .8)}.delivery-view .likes,.delivery-view .comments,.delivery-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xxlarge);margin-right:var(--lumo-space-l)}.delivery-view vaadin-list-box{font-size:var(--lumo-font-size-xxlarge)!important;padding:var(--lumo-space-m);min-height:300px;width:100%}.delivery-view vaadin-item{font-size:var(--lumo-font-size-xxlarge)!important;padding:var(--lumo-space-m)!important;min-height:60px!important}.delivery-view vaadin-item span{font-size:var(--lumo-font-size-xxlarge)!important;padding:var(--lumo-space-m)}.delivery-view vaadin-item[aria-selected=true]{background-color:var(--lumo-primary-color-10pct)!important}.delivery-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.delivery-view .filter-layout .double-width{grid-column-end:span 2}.delivery-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.delivery-view .filter-layout vaadin-date-picker,.delivery-view .filter-layout vaadin-text-field,.delivery-view .filter-layout vaadin-number-field,.delivery-view .filter-layout vaadin-integer-field,.delivery-view .filter-layout vaadin-combo-box,.delivery-view .filter-layout vaadin-checkbox{width:100%}.delivery-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: auto}.delivery-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.delivery-view .mobile-filters{display:none;position:relative}.delivery-view .mobile-filters span{font-size:var(--lumo-font-size-xlarge);font-weight:500}@media screen and (max-width: 800px){.delivery-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.delivery-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.delivery-view .filter-layout>*{grid-column-end:span 2}.delivery-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.delivery-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.delivery-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.project-detail-view .filter-layout{display:grid;align-items:end;gap:0 var(--lumo-space-l);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l)}.project-detail-view .filter-layout .double-width{grid-column-end:span 2}.project-detail-view .filter-container{border-bottom:1px solid var(--lumo-contrast-20pct)}.project-detail-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.project-detail-view .filter-layout vaadin-date-picker,.project-detail-view .filter-layout vaadin-text-field,.project-detail-view .filter-layout vaadin-number-field,.project-detail-view .filter-layout vaadin-integer-field,.project-detail-view .filter-layout vaadin-combo-box,.project-detail-view .filter-layout vaadin-checkbox{width:100%}.project-detail-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: auto}.project-detail-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.project-detail-view .header-layout{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--lumo-space-l)}.project-detail-view .header-layout .filter-layout{flex-grow:1}.project-detail-view .mobile-filters{display:none;position:relative}.project-detail-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.project-detail-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.project-detail-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.project-detail-view .filter-layout>*{grid-column-end:span 2}.project-detail-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.project-detail-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.project-detail-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.article-grid-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.article-grid-view .filter-layout .double-width{grid-column-end:span 2}.article-grid-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.article-grid-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.article-grid-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.article-grid-view .mobile-filters{display:none;position:relative}.article-grid-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.article-grid-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.article-grid-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.article-grid-view .filter-layout>*{grid-column-end:span 2}.article-grid-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.article-grid-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.article-grid-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.article-supplier-overview .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.article-supplier-overview .filter-layout .double-width{grid-column-end:span 2}.article-supplier-overview .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.article-supplier-overview .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.article-supplier-overview .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.article-supplier-overview .mobile-filters{display:none;position:relative}.article-supplier-overview .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.article-supplier-overview .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.article-supplier-overview .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.article-supplier-overview .filter-layout>*{grid-column-end:span 2}.article-supplier-overview .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.article-supplier-overview .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.article-supplier-overview .mobile-filters:hover{color:var(--lumo-body-text-color)}}.order-history-overview .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.order-history-overview .filter-layout .double-width{grid-column-end:span 2}.order-history-overview .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.order-history-overview .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.order-history-overview .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.order-history-overview .mobile-filters{display:none;position:relative}.order-history-overview .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.order-history-overview .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.order-history-overview .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.order-history-overview .filter-layout>*{grid-column-end:span 2}.order-history-overview .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.order-history-overview .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.order-history-overview .mobile-filters:hover{color:var(--lumo-body-text-color)}}.order-history-detail-view .filter-layout{display:grid;align-items:end;gap:0 var(--lumo-space-l);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l)}.order-history-detail-view .filter-layout .double-width{grid-column-end:span 2}.order-history-detail-view .filter-container{border-bottom:1px solid var(--lumo-contrast-20pct)}.order-history-detail-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.order-history-detail-view .filter-layout vaadin-date-picker,.order-history-detail-view .filter-layout vaadin-text-field,.order-history-detail-view .filter-layout vaadin-number-field,.order-history-detail-view .filter-layout vaadin-integer-field,.order-history-detail-view .filter-layout vaadin-combo-box,.order-history-detail-view .filter-layout vaadin-checkbox{width:100%}.order-history-detail-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: auto}.order-history-detail-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.order-history-detail-view .header-layout{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--lumo-space-l)}.order-history-detail-view .header-layout .filter-layout{flex-grow:1}.order-history-detail-view .mobile-filters{display:none;position:relative}.order-history-detail-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.order-history-detail-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.order-history-detail-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.order-history-detail-view .filter-layout>*{grid-column-end:span 2}.order-history-detail-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.order-history-detail-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.order-history-detail-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.storage-grid-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.storage-grid-view .filter-layout .double-width{grid-column-end:span 2}.storage-grid-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.storage-grid-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.storage-grid-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.storage-grid-view .mobile-filters{display:none;position:relative}.storage-grid-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.storage-grid-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.storage-grid-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.storage-grid-view .filter-layout>*{grid-column-end:span 2}.storage-grid-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.storage-grid-view .mobile-filters:hover:before{content:"";left:0;right:0;top:0;bottom:0;position:absolute;opacity:.02;background-color:currentcolor}.storage-grid-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}html{--lumo-primary-color: rgb(255, 238, 0);--lumo-primary-color-50pct: rgba(255, 238, 0, .5);--lumo-primary-color-10pct: rgba(255, 238, 0, .1);--lumo-primary-text-color: rgb(40, 46, 49);--lumo-primary-contrast-color: rgb(40, 46, 49);--lumo-tint-70pct: rgb(40, 46, 49)}