@import 'variables';

:host {
    // flex: 0 0 auto;
    order: -1;
    background-color: var(--clr-nav-background-color);
}

nav.sidenav {
    height: 100%;
    width: 10.8rem;
    border-right-color: var(--clr-sidenav-border-color);
}

.sidenav .nav-group {
    .nav-list {
        margin: 0;
    }
    .nav-group-header {
        margin: 0;
        line-height: 1.2;
    }
    .nav-link {
        display: inline-flex;
        line-height: 1rem;
        padding-right: 0.6rem;
    }
}

.nav-list clr-icon {
    flex-shrink: 0;
    margin-right: 12px;
}

.nav-group {
    hyphens: auto;
}

.nav-group,
.nav-link {
    position: relative;
}
.nav-group vdr-status-badge {
    left: 10px;
    top: 6px;
}
.nav-link vdr-status-badge {
    left: 25px;
    top: 3px;
}
