/* component MongoArray */
[component="MongoArray"] {
    font-family: monospace;
}

[component="MongoArray"]:before {
    display: block;
    content: '[';
}

[component="MongoArray"]:after {
    display: block;
    content: ']';
}

/* component MongoDocument */
[component="MongoDocument"] {
    font-family: monospace;
}

[component="MongoDocument"]:before {
    display: block;
    content: '{';
}

[component="MongoDocument"]:after {
    display: block;
    content: '}';
}

/* component MongoKeyValue */
[component="MongoKeyValue"] {
    padding-left: 16px;
    overflow: hidden;
}

[component="MongoKeyValue"] > .key {
    float: left;
    font-weight: bold;
}

[component="MongoKeyValue"] > .value {
    float: left;
}

[component="MongoKeyValue"] > .key:after {
    content: ':';
    padding-right: 4px;
}