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}.overview1-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}.overview1-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)}.overview1-view .preview-container{display:contents}.overview1-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.overview1-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.overview1-view[dragging] .layout:not([style*="gap:"]){gap:8px}.overview1-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.overview1-view .cover-overlay{position:absolute;border-radius:1px}.overview1-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.overview1-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)}.overview1-view .overlays,.overview1-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overview1-view:not([dragging]) .drop-zones{pointer-events:none}.overview1-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.overview1-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)}.overview1-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))}.overview1-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)}.overview1-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}.overview1-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.overview1-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.overview1-view[readonly] .drop-zones,.overview1-view[readonly] .overlays,.overview1-view[inline-editing] .drop-zones,.overview1-view[inline-editing] .overlays{display:none}.overview1-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.overview1-view[dragging] vaadin-form-layout{padding:8px}.overview1-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.overview1-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.overview2-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}.overview2-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)}.overview2-view .preview-container{display:contents}.overview2-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.overview2-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.overview2-view[dragging] .layout:not([style*="gap:"]){gap:8px}.overview2-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.overview2-view .cover-overlay{position:absolute;border-radius:1px}.overview2-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.overview2-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)}.overview2-view .overlays,.overview2-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overview2-view:not([dragging]) .drop-zones{pointer-events:none}.overview2-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.overview2-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)}.overview2-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))}.overview2-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)}.overview2-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}.overview2-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.overview2-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.overview2-view[readonly] .drop-zones,.overview2-view[readonly] .overlays,.overview2-view[inline-editing] .drop-zones,.overview2-view[inline-editing] .overlays{display:none}.overview2-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.overview2-view[dragging] vaadin-form-layout{padding:8px}.overview2-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.overview2-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.overview3-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}.overview3-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)}.overview3-view .preview-container{display:contents}.overview3-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.overview3-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.overview3-view[dragging] .layout:not([style*="gap:"]){gap:8px}.overview3-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.overview3-view .cover-overlay{position:absolute;border-radius:1px}.overview3-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.overview3-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)}.overview3-view .overlays,.overview3-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overview3-view:not([dragging]) .drop-zones{pointer-events:none}.overview3-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.overview3-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)}.overview3-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))}.overview3-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)}.overview3-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}.overview3-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.overview3-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.overview3-view[readonly] .drop-zones,.overview3-view[readonly] .overlays,.overview3-view[inline-editing] .drop-zones,.overview3-view[inline-editing] .overlays{display:none}.overview3-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.overview3-view[dragging] vaadin-form-layout{padding:8px}.overview3-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.overview3-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-header-footer-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-header-footer-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-header-footer-view .preview-container{display:contents}.my-view-header-footer-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-header-footer-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-header-footer-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-header-footer-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-header-footer-view .cover-overlay{position:absolute;border-radius:1px}.my-view-header-footer-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-header-footer-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-header-footer-view .overlays,.my-view-header-footer-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-header-footer-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-header-footer-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-header-footer-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-header-footer-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-header-footer-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)}.my-view-header-footer-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-header-footer-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-header-footer-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-header-footer-view[readonly] .drop-zones,.my-view-header-footer-view[readonly] .overlays,.my-view-header-footer-view[inline-editing] .drop-zones,.my-view-header-footer-view[inline-editing] .overlays{display:none}.my-view-header-footer-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-header-footer-view[dragging] vaadin-form-layout{padding:8px}.my-view-header-footer-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-header-footer-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.clients-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.clients-view .filter-layout .double-width{grid-column-end:span 2}.clients-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.clients-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.clients-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.clients-view .mobile-filters{display:none;position:relative}.clients-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.clients-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.clients-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.clients-view .filter-layout>*{grid-column-end:span 2}.clients-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.clients-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.clients-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.invoices-view{display:flex;flex-direction:column;height:100%}.invoices-view vaadin-split-layout{width:100%;height:100%}.invoices-view vaadin-grid{height:100%}.invoices-view .editor-layout{display:flex;flex-direction:column;width:400px}.invoices-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.invoices-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.invoices-view .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)}.invoices-view .grid-wrapper{width:100%}.expenses-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.expenses-view .filter-layout .double-width{grid-column-end:span 2}.expenses-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.expenses-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.expenses-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.expenses-view .mobile-filters{display:none;position:relative}.expenses-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.expenses-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.expenses-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.expenses-view .filter-layout>*{grid-column-end:span 2}.expenses-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.expenses-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.expenses-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.banking-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.banking-view .filter-layout .double-width{grid-column-end:span 2}.banking-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.banking-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.banking-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.banking-view .mobile-filters{display:none;position:relative}.banking-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.banking-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.banking-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.banking-view .filter-layout>*{grid-column-end:span 2}.banking-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.banking-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.banking-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.my-view-public-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-public-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-public-view .preview-container{display:contents}.my-view-public-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-public-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-public-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-public-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-public-view .cover-overlay{position:absolute;border-radius:1px}.my-view-public-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-public-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-public-view .overlays,.my-view-public-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-public-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-public-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-public-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-public-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-public-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)}.my-view-public-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-public-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-public-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-public-view[readonly] .drop-zones,.my-view-public-view[readonly] .overlays,.my-view-public-view[inline-editing] .drop-zones,.my-view-public-view[inline-editing] .overlays{display:none}.my-view-public-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-public-view[dragging] vaadin-form-layout{padding:8px}.my-view-public-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-public-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-logged-in-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-logged-in-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-logged-in-view .preview-container{display:contents}.my-view-logged-in-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-logged-in-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-logged-in-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-logged-in-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-logged-in-view .cover-overlay{position:absolute;border-radius:1px}.my-view-logged-in-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-logged-in-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-logged-in-view .overlays,.my-view-logged-in-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-logged-in-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-logged-in-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-logged-in-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-logged-in-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-logged-in-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)}.my-view-logged-in-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-logged-in-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-logged-in-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-logged-in-view[readonly] .drop-zones,.my-view-logged-in-view[readonly] .overlays,.my-view-logged-in-view[inline-editing] .drop-zones,.my-view-logged-in-view[inline-editing] .overlays{display:none}.my-view-logged-in-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-logged-in-view[dragging] vaadin-form-layout{padding:8px}.my-view-logged-in-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-logged-in-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-user-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-user-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-user-view .preview-container{display:contents}.my-view-user-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-user-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-user-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-user-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-user-view .cover-overlay{position:absolute;border-radius:1px}.my-view-user-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-user-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-user-view .overlays,.my-view-user-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-user-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-user-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-user-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-user-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-user-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)}.my-view-user-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-user-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-user-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-user-view[readonly] .drop-zones,.my-view-user-view[readonly] .overlays,.my-view-user-view[inline-editing] .drop-zones,.my-view-user-view[inline-editing] .overlays{display:none}.my-view-user-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-user-view[dragging] vaadin-form-layout{padding:8px}.my-view-user-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-user-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-admin-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-admin-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-admin-view .preview-container{display:contents}.my-view-admin-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-admin-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-admin-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-admin-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-admin-view .cover-overlay{position:absolute;border-radius:1px}.my-view-admin-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-admin-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-admin-view .overlays,.my-view-admin-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-admin-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-admin-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-admin-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-admin-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-admin-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)}.my-view-admin-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-admin-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-admin-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-admin-view[readonly] .drop-zones,.my-view-admin-view[readonly] .overlays,.my-view-admin-view[inline-editing] .drop-zones,.my-view-admin-view[inline-editing] .overlays{display:none}.my-view-admin-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-admin-view[dragging] vaadin-form-layout{padding:8px}.my-view-admin-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-admin-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.sample-feed-view{display:block;height:100%}.sample-feed-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.sample-feed-view vaadin-grid,.sample-feed-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.sample-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)}.sample-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)}.sample-feed-view .header{align-items:baseline}.sample-feed-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.sample-feed-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.sample-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}.sample-feed-view .actions{align-items:center}.sample-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)}.sample-feed-view .likes,.sample-feed-view .comments,.sample-feed-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.sample-master-detail-view{display:flex;flex-direction:column;height:100%}.sample-master-detail-view vaadin-split-layout{width:100%;height:100%}.sample-master-detail-view vaadin-grid{height:100%}.sample-master-detail-view .editor-layout{display:flex;flex-direction:column;width:400px}.sample-master-detail-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.sample-master-detail-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.sample-master-detail-view .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)}.sample-master-detail-view .grid-wrapper{width:100%}.sample-address-form-view{display:block;margin:0 auto;max-width:1024px;padding:0 var(--lumo-space-l)}.sample-address-form-view .button-layout{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-m)}.sample-address-form-view h3{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-l)}.sample-credit-card-form-view{display:block;margin:0 auto;max-width:1024px;padding:0 var(--lumo-space-l)}.sample-credit-card-form-view .button-layout{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-m)}.sample-credit-card-form-view h3{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-l)}@media screen and (max-width: 740px){.sample-chat-view{flex-direction:column-reverse}.sample-chat-view aside{width:100%!important;flex-direction:row}.sample-chat-view aside header{display:none}.sample-chat-view aside vaadin-tabs{flex:1 1 auto;overflow:auto}.sample-chat-view aside vaadin-tabs vaadin-tab.justify-between{justify-content:flex-start}}.sample-image-gallery-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.sample-image-gallery-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.sample-image-gallery-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}.sample-checkout-form-view aside{top:calc(var(--lumo-space-xl) + var(--_vaadin-app-layout-navbar-offset-size))}@media (min-width: 1024px){.sample-checkout-form-view main{grid-template-columns:auto 324px}}.sample-grid-with-filters-view .filter-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:end;gap:0 var(--lumo-space-l)}.sample-grid-with-filters-view .filter-layout .double-width{grid-column-end:span 2}.sample-grid-with-filters-view .filter-layout .actions{display:flex;justify-content:flex-end;align-items:flex-end;grid-column-end:-1}.sample-grid-with-filters-view .filter-layout vaadin-date-picker{--vaadin-field-default-width: 6em;width:100%}.sample-grid-with-filters-view .filter-layout vaadin-combo-box{--vaadin-field-default-width: auto}.sample-grid-with-filters-view .mobile-filters{display:none;position:relative}.sample-grid-with-filters-view .mobile-filters span{font-size:var(--lumo-font-size-m);font-weight:500}@media screen and (max-width: 800px){.sample-grid-with-filters-view .filter-layout{display:none;gap:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.sample-grid-with-filters-view .filter-layout.visible{display:grid;padding-top:0;grid-template-columns:1fr 1fr}.sample-grid-with-filters-view .filter-layout>*{grid-column-end:span 2}.sample-grid-with-filters-view .mobile-filters{display:flex;cursor:pointer;color:var(--lumo-secondary-text-color)}.sample-grid-with-filters-view .mobile-filters:hover:before{content:"";inset:0;position:absolute;opacity:.02;background-color:currentcolor}.sample-grid-with-filters-view .mobile-filters:hover{color:var(--lumo-body-text-color)}}.my-view-single-main-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-single-main-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-single-main-view .preview-container{display:contents}.my-view-single-main-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-single-main-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-single-main-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-single-main-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-single-main-view .cover-overlay{position:absolute;border-radius:1px}.my-view-single-main-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-single-main-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-single-main-view .overlays,.my-view-single-main-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-single-main-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-single-main-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-single-main-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-single-main-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-single-main-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)}.my-view-single-main-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-single-main-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-single-main-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-single-main-view[readonly] .drop-zones,.my-view-single-main-view[readonly] .overlays,.my-view-single-main-view[inline-editing] .drop-zones,.my-view-single-main-view[inline-editing] .overlays{display:none}.my-view-single-main-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-single-main-view[dragging] vaadin-form-layout{padding:8px}.my-view-single-main-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-single-main-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-left-main-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-left-main-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-left-main-view .preview-container{display:contents}.my-view-left-main-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-left-main-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-left-main-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-left-main-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-left-main-view .cover-overlay{position:absolute;border-radius:1px}.my-view-left-main-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-left-main-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-left-main-view .overlays,.my-view-left-main-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-left-main-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-left-main-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-left-main-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-left-main-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-left-main-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)}.my-view-left-main-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-left-main-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-left-main-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-left-main-view[readonly] .drop-zones,.my-view-left-main-view[readonly] .overlays,.my-view-left-main-view[inline-editing] .drop-zones,.my-view-left-main-view[inline-editing] .overlays{display:none}.my-view-left-main-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-left-main-view[dragging] vaadin-form-layout{padding:8px}.my-view-left-main-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-left-main-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-main-right-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-main-right-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-main-right-view .preview-container{display:contents}.my-view-main-right-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-main-right-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-main-right-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-main-right-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-main-right-view .cover-overlay{position:absolute;border-radius:1px}.my-view-main-right-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-main-right-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-main-right-view .overlays,.my-view-main-right-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-main-right-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-main-right-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-main-right-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-main-right-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-main-right-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)}.my-view-main-right-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-main-right-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-main-right-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-main-right-view[readonly] .drop-zones,.my-view-main-right-view[readonly] .overlays,.my-view-main-right-view[inline-editing] .drop-zones,.my-view-main-right-view[inline-editing] .overlays{display:none}.my-view-main-right-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-main-right-view[dragging] vaadin-form-layout{padding:8px}.my-view-main-right-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-main-right-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.my-view-left-main-right-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-left-main-right-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-left-main-right-view .preview-container{display:contents}.my-view-left-main-right-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.my-view-left-main-right-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.my-view-left-main-right-view[dragging] .layout:not([style*="gap:"]){gap:8px}.my-view-left-main-right-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.my-view-left-main-right-view .cover-overlay{position:absolute;border-radius:1px}.my-view-left-main-right-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.my-view-left-main-right-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-left-main-right-view .overlays,.my-view-left-main-right-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.my-view-left-main-right-view:not([dragging]) .drop-zones{pointer-events:none}.my-view-left-main-right-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.my-view-left-main-right-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-left-main-right-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-left-main-right-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-left-main-right-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-left-main-right-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.my-view-left-main-right-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-left-main-right-view[readonly] .drop-zones,.my-view-left-main-right-view[readonly] .overlays,.my-view-left-main-right-view[inline-editing] .drop-zones,.my-view-left-main-right-view[inline-editing] .overlays{display:none}.my-view-left-main-right-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.my-view-left-main-right-view[dragging] vaadin-form-layout{padding:8px}.my-view-left-main-right-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.my-view-left-main-right-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}html{--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem}