body
{
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.entity *
{
    cursor: pointer;
}

.entity rect
{
    fill: var(--dark);
}

.entity text
{
    fill: var(--white);
}

.entity text.name
{
    fill: var(--light);
    font-weight: bold;
}

.entity.iq rect
{
    stroke: var(--light);
    stroke-width: 0.5;
}

.entity text.field-scalar
{
    fill: var(--info);
}

.entity text.field-object, .entity text.field-list
{
    fill: var(--success);
}

.entity text.field-key
{
    fill: var(--warning);
}

.entity.active rect
{
    fill: #312217;
    stroke: var(--orange);
    stroke-width: 2;
}

.entity.active .iq-text
{
    fill: var(--orange);
}

svg.pan
{
    cursor: grabbing;
}
svg.pan .entity *
{
    cursor: grabbing;
}

.icon
{
}

.icon:hover
{
    fill: #fff;
}

.entity:hover .iq-db
{
    fill: #fff;
}

.entity:hover .iq-text
{
    fill: #FDB77B;
}

.entity:hover rect
{
    stroke: var(--light);
    stroke-width: 1;
}

.entity:hover.active rect
{
    stroke: #FDB77B;
    stroke-width: 2;
}

.focus-container
{
    position: absolute;
    left: -10000px;
    top: 0;
}


/*# sourceMappingURL=bundle-main-5ad93b15201e10a4d249.css.map*/