.titlebar{height:30px;background:#202225;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;z-index:10000;width:100%}.titlebar-drag-area{flex:1;height:100%;-webkit-app-region:drag}.titlebar-controls{display:flex;-webkit-app-region:no-drag;height:100%}.titlebar-button{width:45px;height:30px;border:none;background:#202225;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;position:relative}.titlebar-button:hover{background:#ffffff1a}.titlebar-button.minimize:before{content:"";width:12px;height:1px;background:#fff;display:block;position:absolute}.titlebar-button.minimize{font-size:0;line-height:0}.titlebar-button.maximize:before{content:"";width:10px;height:10px;border:1px solid #ffffff;display:block;position:absolute}.titlebar-button.maximize{font-size:0;line-height:0}.titlebar-button.close:hover{background:#e74c3c}.app-content{height:calc(100vh - 30px);width:100%}