/*1rem ~ 16px*/

.result-item-toogle-nm {
    cursor: pointer;
    user-select: none;
    color: #5c6370;
    font-family: monospace;
}

.result-item-toogle-ml {
    cursor: pointer;
    user-select: none;
    color: #5c6370;
    font-family: monospace;
    margin-left: 0.15rem;
}

.result-root { /* весь результат */
    padding-left: 1.25rem;
    margin: 4px 0;
}

.result-child-items-ol { /*ol нумерований, дочірні - це елементи масиву*/
    padding-left: 1.25rem;
    margin: 4px 0;
}

.result-child-items-ul { /*ul не нумерований, дочірні - це властивості обєкту*/
    padding-left: 1.25rem;
    margin: 4px 0;
    list-style-type: none;
}

.result-item { /*li елемент*/
    margin: 1px 0;
}

.result-item-highlighted { /* підсвітка елементів рамкою і заливкою */
    border: 1px solid var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.25);
    display: inline-block;
    line-height: 1.3; /* Фіксована висота рядка всередині рамки */
    vertical-align: middle; /* Прибирає відступ під базовою лінією шрифту */
    padding: 2px 4px;
    margin-top: -2px; /* Застібає рамки впритул одна до одної */
    margin-bottom: -2px;
}

.result-property-name {
    color: #871bab; /*#a626a4; #7e57a4;*/
    font-weight: bold;
}

.result-property-value {
    color: darkgreen;
    margin-left: 5px;
}

.result-property-value-numeric {
    color: #0264b5;
    margin-left: 5px;
}

.result-property-value-null {
    color: #ff1493;
    margin-left: 5px;
    font-style: italic;
}