body {
    font-family: "Helvetica Neue", Helvetica, Arial, 'Source Sans Pro', "Microsoft YaHei", 'Microsoft JhengHei', "WenQuanYi Micro Hei", sans-serif;
}

:host {
    height: 100%;
    display: flex;
    flex-direction: column;
}

nav {
    -webkit-app-region: drag;
    padding-right: 0;
    flex-shrink: 0;
}

nav a, nav i, nav img {
    -webkit-app-region: no-drag;
}

nav.darwin {
    padding-left: 80px;
}

.navbar-right {
    float: right
}

.navbar-right > div, #user > .item {
    float: left;
    margin: 0 0.5rem;
}

.page {
    flex-grow: 1;
    /*margin-bottom: 60px;*/
}

#avatar {
    display: block;
    float: left;
    border-radius: 50%;
    height: 2rem;
    margin-top: 0.175rem;
}

.item {
    display: block;
    float: left;
    padding-top: .425rem;
    padding-bottom: .425rem;
    margin-left: 4px;
    color: #eceeef;
    text-decoration: none;
}

.item:hover {
    color: #fff;
}

a {
    cursor: default;
}

#window-buttons > i {
    color: rgba(255, 255, 255, .75);
    margin: .5rem;
}

li > a:hover, #window-buttons > i:hover {
    color: #fff;
}

.navbar {
    border-radius: initial;
}

/* https://github.com/electron/electron/issues/7661#event-827104990 */
lobby[hidden], webview[hidden] {
    width: 0;
    height: 0;
    flex: 0 1;
    display: inherit !important;
    overflow: hidden;
}