img.main-layout-img-1{border-radius:var(--lumo-border-radius-l);border-style:solid;border-width:2px;padding:var(--lumo-space-xs)}vaadin-horizontal-layout.main-layout-horizontal-layout-banner1{background-color:#b8d1cb!important}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[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}.dashboard-view vaadin-board-row>*{border-bottom:1px solid var(--lumo-contrast-10pct);border-right:1px solid var(--lumo-contrast-10pct)}.dashboard-view vaadin-board-row.small>*{border-right:none}.dashboard-view vaadin-board-row.medium>*:nth-child(even),.dashboard-view vaadin-board-row.medium>*:only-child{border-right:none}.dashboard-view vaadin-board-row.large>*:last-child{border-right:none}.card-list-view{display:block;height:100%}.card-list-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.card-list-view vaadin-grid,.card-list-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct)}.card-list-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)}.card-list-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)}.card-list-view .header{align-items:baseline}.card-list-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.card-list-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.card-list-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.card-list-view .actions{align-items:center}.card-list-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)}.card-list-view .likes,.card-list-view .comments,.card-list-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.list-view{display:block;height:100%}.list-view vaadin-grid-pro{height:100%}.list-view vaadin-grid-filter,.list-view vaadin-grid-filter>*{width:100%}.list-view vaadin-grid-pro vaadin-horizontal-layout{align-items:center}.list-view vaadin-grid-pro img{border-radius:50%;flex-shrink:0;height:var(--lumo-size-m);width:var(--lumo-size-m)}.list-view .name{overflow:hidden;text-overflow:ellipsis}.master-detail-view{display:flex;flex-direction:column;height:100%}.master-detail-view vaadin-split-layout{width:100%;height:100%}.master-detail-view vaadin-grid{height:100%}.master-detail-view .editor-layout{display:flex;flex-direction:column;width:400px}.master-detail-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.master-detail-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.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)}.master-detail-view .grid-wrapper{width:100%}.collaborative-master-detail-view{display:flex;flex-direction:column;height:100%}.collaborative-master-detail-view vaadin-split-layout{width:100%;height:100%}.collaborative-master-detail-view vaadin-grid{height:100%}.collaborative-master-detail-view .editor-layout{display:flex;flex-direction:column;width:400px}.collaborative-master-detail-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.collaborative-master-detail-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.collaborative-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)}.collaborative-master-detail-view .grid-wrapper{width:100%}.address-form-view{display:block;margin:0 auto;max-width:1024px;padding:0 var(--lumo-space-l)}.address-form-view .button-layout{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-m)}.address-form-view h3{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-l)}.credit-card-form-view{display:block;margin:0 auto;max-width:1024px;padding:0 var(--lumo-space-l)}.credit-card-form-view .button-layout{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-m)}.credit-card-form-view h3{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-l)}.map-view{display:flex;flex-direction:row;height:100%}.map-view .sidebar{width:21rem}.map-view .search-field{width:20rem}.map-view .card{width:16rem;white-space:normal;text-align:left}@media screen and (max-width: 768px){.map-view{flex-direction:column}.map-view .sidebar{width:100%}.map-view .sidebar vaadin-scroller{min-height:10rem}.map-view .search-field{width:100%}.map-view .card{width:max-content;min-width:10rem;padding-right:var(--lumo-space-l)}.map-view .sidebar .card-list{flex-direction:row;gap:var(--lumo-space-s)}}@media screen and (max-width: 740px){.chat-view{flex-direction:column-reverse}.chat-view aside{width:100%!important;flex-direction:row}.chat-view aside header{display:none}.chat-view aside vaadin-tabs{flex:1 1 auto;overflow:auto}.chat-view aside vaadin-tabs vaadin-tab.justify-between{justify-content:flex-start}}.image-list-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.image-list-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.image-list-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}.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}}.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)}}master-detail2-view{display:flex;flex-direction:column;height:100%}master-detail2-view vaadin-split-layout{width:100%;height:100%}master-detail2-view vaadin-grid{height:100%}master-detail2-view .editor-layout{display:flex;flex-direction:column;width:400px}master-detail2-view .editor{flex-grow:1;padding:var(--lumo-space-l)}master-detail2-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}master-detail2-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)}master-detail2-view .grid-wrapper{width:100%}