.zof-form {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}
.zof-icon {
    font-size: var(--icon-2);
    margin-right: 0.5rem;
}

.zof-icon-valid {
    color: var(--valid);
}
.tng-dark-theme .zof-icon-valid {
    color: var(--dark-valid);
}
.tng-dark-theme .tv-treeview-node.active .zof-icon-valid {
    color: var(--dark-valid-active);
}
.tv-treeview-node.active .zof-icon-valid {
    color: var(--valid-active);
}

.zof-icon-warning {
    color: var(--warning);
}
.tng-dark-theme .zof-icon-warning {
    color: var(--dark-warning);
}
.tv-treeview-node.active .zof-icon-warning {
    color: var(--warning-active);
}
.tng-dark-theme .tv-treeview-node.active .zof-icon-warning {
    color: var(--dark-warning-active);
}

.zof-icon-error {
    color: var(--error);
}
.tng-dark-theme .zof-icon-error {
    color: var(--dark-red-1);
}
.tv-treeview-node.active .zof-icon-error {
    color: var(--error-active);
}
.tng-dark-theme .tv-treeview-node.active .zof-icon-error {
    color: var(--f-color-4);
}

.zof-icon-none {
    color: var(--gray-5);
}
.tng-dark-theme .zof-icon-none {
    color: var(--dark-gray-5);
}
.tv-treeview-node.active .zof-icon-none {
    color: var(--gray-5);
}
.tng-dark-theme .tv-treeview-node.active .zof-icon-none {
    color: var(--dark-gray-5);
}