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}.login-view{width:100%;height:100vh;background-color:#1c1e1b;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0}.login-view:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#1c1e1bcc;z-index:0}.login-view>*{position:relative;z-index:1}.login-view img{margin-bottom:1rem}.login-view h1{color:#fff;margin-bottom:2rem;font-size:2.5rem}.login-view h2{color:#fff;font-weight:400;margin-top:0;margin-bottom:2rem;font-size:1.5rem;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}vaadin-login-form{width:320px;min-width:280px;background-color:#1c1e1b;border-radius:8px;padding:2rem;box-shadow:0 4px 16px #0006;color:#fff}vaadin-login-form::part(form){background-color:transparent;color:#fff}vaadin-login-form::part(form-title){color:#9cbf43;font-size:1.8rem;margin-bottom:1rem}vaadin-login-form::part(label){color:#fff}vaadin-login-form::part(input-field){color:#fff;background-color:#1c1e1b;border:1px solid rgb(156,191,67);border-radius:4px}vaadin-login-form::part(submit-button){background-color:#9cbf43;color:#1c1e1b;border-radius:4px;font-weight:700}vaadin-login-form::part(submit-button):hover{background-color:#789632}vaadin-login-form::part(error-message){background-color:#bf434333;color:#fff;border-radius:4px;padding:.5rem;margin-bottom:1rem}vaadin-login-form::part(error-message-title),vaadin-login-form::part(error-message-description){color:#fff}vaadin-login-form::part(footer){color:#9cbf43}.grid-chart-view{display:flex;flex-direction:column;height:100%}.grid-chart-view vaadin-split-layout{width:100%;height:100%}.grid-chart-view vaadin-grid{height:100%}.grid-chart-view .chart-wrapper{flex-grow:1;width:100%;height:100%}.segments-view{display:flex;flex-direction:column;height:100%}.segments-view vaadin-split-layout{width:100%;height:100%}.segments-view vaadin-grid{height:100%}.segments-view .editor-layout{display:flex;flex-direction:column;width:400px}.segments-view .filter-layout{display:flex;flex-direction:row;align-items:end;gap:20px;width:100%}.segments-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.segments-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.segments-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)}.segments-view .grid-wrapper{width:100%}.contacts-view{display:flex;flex-direction:column;height:100%}.contacts-view vaadin-split-layout{width:100%;height:100%}.contacts-view vaadin-grid{height:100%}.contacts-view .editor-layout{display:flex;flex-direction:column;width:400px}.contacts-view .filter-layout{display:flex;flex-direction:row;align-items:end;gap:20px;width:100%}.contacts-view .actions{display:flex;flex-direction:row;align-items:center;gap:20px;width:100%}.contacts-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.contacts-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.contacts-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)}.contacts-view .grid-wrapper{width:100%}.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)}