.doc-section-title{
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.08);
    padding: 0.2em 0.5em;
}

.doc-object>h2{
    font-size: 1.3em;
}
.doc-object>h3{
    font-size: 1.1em;
}
.doc-object>h4{
    font-size: 1em;
}
.doc-object .doc-contents {
    padding-left: 2em;
}

.field-body code:first-child{
    color: var(--md-primary-fg-text);
}

.doc-labels{
    border-left: 6px solid;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
    width: 100%;
    padding: 0em 0.4em;
    opacity: 0.6;
}

.doc-label{
    opacity: 1 !important;
}
.doc-label code{
    background-color: transparent;
    font-size: 0.8em;
    font-style: italic;
}
.doc-attribute-name~.doc-labels{
    background-color: var(--doc-symbol-attribute-bg-color);
    border-left-color: var(--doc-symbol-attribute-fg-color);
}
.doc-class-name~.doc-labels{
    background-color: var(--doc-symbol-class-bg-color);
    border-left-color: var(--doc-symbol-class-fg-color);
}
.doc-function-name~.doc-labels{
    background-color: var(--doc-symbol-function-bg-color);
    border-left-color: var(--doc-symbol-function-fg-color);
}

.doc-attribute>h4>code::before,
.doc-attribute>h2>code::before,
.doc-attribute>h3>code::before{
    content: "@";
}
.doc-object-name {
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0.4em 0;
    border-left: 6px solid;
}

.doc-object-name.doc-function-name{
    background-color: var(--doc-symbol-function-bg-color);
    color: var(--doc-symbol-function-fg-color);
    border-left-color: var(--doc-symbol-function-fg-color);
}

.doc-function-name::before{
    content: "func";
    font-weight: normal;
    font-size: 0.8em;
    display: inline-block;
    padding: 0 0.8em;
    font-style: italic;
    font-family: 'Times New Roman', Times, serif;
}

.doc-object-name.doc-class-name{
    background-color: var(--doc-symbol-class-bg-color);
    color: var(--doc-symbol-class-fg-color);
    border-left-color: var(--doc-symbol-class-fg-color);
}

.doc-class-name::before{
    content: "class";
    font-weight: normal;
    font-size: 0.8em;
    display: inline-block;
    padding: 0 0.8em;
    font-style: italic;
    font-family: 'Times New Roman', Times, serif;
}

.doc-object-name.doc-attribute-name{
    background-color: var(--doc-symbol-attribute-bg-color);
    color: var(--doc-symbol-attribute-fg-color);
    border-left-color: var(--doc-symbol-attribute-fg-color);
    padding: 0.1em 0;
}

.doc-attribute-name::before{
    content: "attr";
    font-weight: normal;
    font-size: 0.8em;
    display: inline-block;
    padding: 0 0.8em;
    font-style: italic;
    font-family: 'Times New Roman', Times, serif;
}


.doc-section-item code:first-child{
    color: var(--doc-symbol-attribute-fg-color);
    background-color: var(--doc-symbol-attribute-bg-color);
}