.frame__header
{
    display: flex;
    justify-content: space-between;
    height: 36px;
    padding: 16px 30px;
    border-bottom: 1px solid rgb( var( --color-gray350 ) );
    background: rgb( var( --color-white ) );
}

.frame__header img,
.frame__header svg
{
    height: 36px;
    width: auto;
}

.frame__border
{
    height: 100%;
    padding: 30px;
    background: rgb( var( --color-gray100 ) );
}

.frame__viewer
{
    height: calc( 100% - 180px ) !important;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
    border-radius: 6px;
    border: 1px solid rgb( var( --color-gray350 ) );
    padding: 16px 20px 20px 20px;
    background: rgb( var( --color-white ) );
}

.frame__viewer .viewer__tree
{
    height: calc( 100% - 70px ) !important;
}