@mixin css
{
    ng-dialog-vertical-metadata-selector
    {
        margin: 10px;
        display: block;

        .cdk-drag-animating 
        {
            transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
        }

        .metadata-columns.cdk-drop-list-dragging .metadata-column:not(.cdk-drag-placeholder) 
        {
            transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
        }

        .metadata-column, .metadata-column span, .metadata-column label
        {
            cursor: grab;
        }

        .metadata-column label
        {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .metadata-column input
        {
            margin: 0 5px;
        }

        .metadata-columns-title
        {
            margin-bottom: 5px;
            font-weight: bold;
            text-transform: uppercase;
        }
    }
}