.admin-nav {
    display: grid;
    gap: 4px;
}

.admin-nav__link {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 10px;
    border-radius: var(--st-radius-sm);
    color: var(--st-muted);
    padding: 0 12px;
    font-size: .92rem;
    font-weight: 650;
}

.admin-nav__link:hover,
.admin-nav__link.is-active {
    background: var(--st-surface-muted);
    color: var(--st-text);
}

.admin-nav__link .st-icon {
    color: currentColor;
}

.admin-nav__group {
    display: grid;
    gap: 2px;
}

.admin-nav__children {
    display: none;
    gap: 2px;
    padding: 2px 0 8px 38px;
}

.admin-nav__group.is-active .admin-nav__children {
    display: grid;
}

.admin-nav__child {
    border-radius: var(--st-radius-sm);
    color: var(--st-muted);
    padding: 7px 10px;
    font-size: .82rem;
    font-weight: 650;
    text-decoration: none;
}

.admin-nav__child:hover {
    background: var(--st-surface-muted);
    color: var(--st-text);
}