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}.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-m);box-shadow:var(--lumo-box-shadow-xs);padding: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)}.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);overflow-y:auto}.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%}@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}}.info-view{display:flex;justify-content:center;margin-top:var(--lumo-space-l)}vaadin-grid::part(status-active){background-color:#e6ffed;color:#22863a}vaadin-grid::part(status-inactive){background-color:#ffeef0;color:#cb2431}vaadin-grid::part(status-no){background-color:#ececec;color:#080808}.image-gallery-view ol{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.image-gallery-view li{transition:all .2s cubic-bezier(.4,0,.2,1);transition-property:background-color,box-shadow}.image-gallery-view li:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s)}