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}.custom-flex{display:grid!important;grid-template-columns:repeat(10,1fr)}.custom-grid-cards{display:grid}.horizontal-layout-responsive{background-color:#fff!important}.cursor-customize{cursor:auto!important}.cursor-customize:hover{cursor:pointer!important}.content-modal-custom{display:grid;grid-template-columns:repeat(3,1fr)}@media (min-width: 300px) and (max-width: 600px){.horizontal-layout-responsive{background-color:red!important}.content-modal-custom{display:flex;flex-direction:column}}@media (min-width: 600px) and (max-width: 800px){.content-modal-custom{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 1000px){.custom-grid-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 850px){.custom-flex{display:flex!important;flex-direction:column!important}.custom-grid-cards{grid-template-columns:repeat(4,1fr)!important}}@media (min-height: 999px){.custom-height-vertical-layout{height:95%!important;overflow-y:auto}}.item{flex-grow:1}.item:nth-child(1){flex-basis:60%}.item:nth-child(2){flex-basis:10%}.item:nth-child(3){flex-basis:20%}.item:nth-child(4){flex-basis:10%}vaadin-button{cursor:pointer!important}:root{--lumo-base-color: #ffffff;--lumo-contrast-40pct: rgba(0, 0, 0, .4);--lumo-space-s: .5rem;--lumo-space-m: 1rem;--lumo-size-xl: 3rem}vaadin-grid::part(header-cell){font-size:1rem;font-weight:900}.responsive-aside{width:100%;box-sizing:border-box;padding:.25rem;background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);position:sticky;top:0;overflow-y:auto;overflow-x:hidden;flex-shrink:0}@media (min-width: 768px){.responsive-aside{flex-shrink:0;flex-grow:0}}.responsive-list{width:100%;margin:0;padding:0;list-style:none}.responsive-list-item{display:grid;font-size:x-small;grid-template-columns:minmax(0,40fr) minmax(75px,25fr) minmax(62.5px,20fr) minmax(min-content,15fr);column-gap:.675rem;align-items:center;width:100%;height:3.75rem;overflow-x:hidden}.resp-col-1{overflow:hidden;white-space:nowrap;min-width:0;display:flex;flex-direction:column;justify-content:center}.resp-col-2{display:flex;align-items:center;justify-content:center;min-width:0}.resp-col-2 vaadin-integer-field{display:inline-flex;align-items:center;box-sizing:border-box;flex:1 1 auto;min-width:0}.resp-col-2 vaadin-integer-field::part(input-field){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;text-align:center}.resp-col-2 vaadin-integer-field::part(decrease-button),.resp-col-2 vaadin-integer-field::part(increase-button){flex:0 0 auto;width:var(--lumo-size-xs);height:var(--lumo-size-xs);margin:0;padding:0}.resp-col-3{display:flex;align-items:center;justify-content:center;min-width:0}.resp-col-3 vaadin-number-field{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;width:100%;max-width:100%;height:100%}.resp-col-3 vaadin-number-field::part(input-field){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;text-align:center}.resp-col-3 vaadin-number-field::part(decrease-button),.resp-col-3 vaadin-number-field::part(increase-button){flex:0 0 auto;width:var(--lumo-size-xs);height:var(--lumo-size-xs);margin:0;padding:0}.resp-col-4{min-width:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.delete-button{padding:0;color:#fff;display:flex;align-items:center;background-color:red;justify-content:center;border-radius:.25rem;box-sizing:border-box}.delete-button vaadin-icon{width:1.5rem;height:1.5rem}.card{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;padding:16px;height:25rem}.card:hover{transform:translateY(-5px)}.card-content{font-size:1.094rem;color:#555;margin:5px}.p-os-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}.p-os-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)}.p-os-view .preview-container{display:contents}.p-os-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.p-os-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.p-os-view[dragging] .layout:not([style*="gap:"]){gap:8px}.p-os-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.p-os-view .cover-overlay{position:absolute;border-radius:1px}.p-os-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.p-os-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)}.p-os-view .overlays,.p-os-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.p-os-view:not([dragging]) .drop-zones{pointer-events:none}.p-os-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.p-os-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)}.p-os-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))}.p-os-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)}.p-os-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}.p-os-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.p-os-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.p-os-view[readonly] .drop-zones,.p-os-view[readonly] .overlays,.p-os-view[inline-editing] .drop-zones,.p-os-view[inline-editing] .overlays{display:none}.p-os-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.p-os-view[dragging] vaadin-form-layout{padding:8px}.p-os-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.p-os-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.login-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}.login-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)}.login-view .preview-container{display:contents}.login-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.login-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.login-view[dragging] .layout:not([style*="gap:"]){gap:8px}.login-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.login-view .cover-overlay{position:absolute;border-radius:1px}.login-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.login-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)}.login-view .overlays,.login-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-view:not([dragging]) .drop-zones{pointer-events:none}.login-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.login-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)}.login-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))}.login-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}.login-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}.login-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.login-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.login-view[readonly] .drop-zones,.login-view[readonly] .overlays,.login-view[inline-editing] .drop-zones,.login-view[inline-editing] .overlays{display:none}.login-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.login-view[dragging] vaadin-form-layout{padding:8px}.login-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.login-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.gallery div{flex:1 1 calc(20% - 10px)}@media (max-width: 320px){.gallery div{flex:1 1 calc(100% - 10px)}}@media (min-width: 321px) and (max-width: 480px){.gallery div{flex:1 1 calc(50% - 10px)}}@media (min-width: 481px) and (max-width: 768px){.gallery div{flex:1 1 calc(100% / 3 - 10px)}}@media (min-width: 769px) and (max-width: 1024px){.gallery div{flex:1 1 calc(25% - 10px)}}@media (min-width: 1025px){.gallery div{flex:1 1 calc(20% - 10px)}}.settings-view{max-width:1200px;margin:0 auto;padding:var(--lumo-space-m)}.settings-header{flex-direction:row;justify-content:space-between;align-items:center}.settings-tabs{overflow-x:auto;white-space:nowrap}.settings-content{max-width:100%}.config-field{flex-direction:row;align-items:flex-start;gap:var(--lumo-space-m)}.config-info{flex:0 0 250px;min-width:200px}.settings-field,.settings-combo{flex:1;min-width:200px}.image-upload-field{width:100%}.image-field-layout{flex-direction:row;align-items:center}.image-preview{align-self:center}.upload-dialog{max-width:90vw;width:500px}.settings-subheader{font-size:var(--lumo-font-size-l);margin-top:var(--lumo-space-l);margin-bottom:var(--lumo-space-m)}@media (max-width: 768px){.settings-view{padding:var(--lumo-space-s)}.settings-header{flex-direction:column;align-items:stretch;gap:var(--lumo-space-m)}.config-field{flex-direction:column;align-items:stretch}.config-info{flex:none;width:100%}.settings-field,.settings-combo{width:100%;margin-top:var(--lumo-space-s)}.image-field-layout{flex-direction:column;align-items:stretch;gap:var(--lumo-space-s)}.image-preview{align-self:center;max-width:100%;height:auto}.upload-dialog{width:95vw;max-width:none}.settings-subheader{font-size:var(--lumo-font-size-m)}}@media (max-width: 480px){.settings-view{padding:var(--lumo-space-xs)}.config-field{padding:var(--lumo-space-s);gap:var(--lumo-space-s)}.settings-subheader{font-size:var(--lumo-font-size-s)}}