@import "/UI/Theme.scss";

FacePoseEditor
{
    flex-direction: column;
    width: 100%;
    max-height: 400px;
}

FacePoseEditor .group-header
{
    @include ui-section-header;
    flex-shrink: 0;
}

FacePoseEditor .morph-columns
{
    flex-direction: row;
    align-items: center;
    padding: 2px 6px;
    gap: 12px;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    color: $ui-text-muted;

    > label
    {
        flex-grow: 1;
        flex-basis: 0px;
        justify-content: center;
    }

    > .name
    {
        width: 109px;
        flex-grow: 0;
        flex-basis: auto;
    }
}