<vbox>
    <style>
        button {
            box-shadow: none;
        }
        @propertyContainer {
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-transition: opacity 1s;
            transition: opacity 1s;
            font-size: 0.9em;
            padding: 0.5em;
        }
        @propertyContainer > .Group + .Group {
            margin-top: 2em;
        }
        @propertyContainer > .Group > .Wrapper {
            align-items: center;
            padding-left: 1em;
        }
        @propertyContainer > .Group > .Label + .Wrapper {
            margin-top: 0.5em;
        }
        @propertyContainer > .Group > .Wrapper + .Wrapper {
            padding-top: 0.5ex;
        }
        @propertyContainer > .Group > div.Label.Group {
            font-weight: bold;
            color: darken(@app_bg, 50%);
            text-shadow: 1px 1px 0px lighten(@app_bg, 20%);
        }
        @propertyContainer > .Group > .Wrapper > div.Label {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 0.9em;
        }
        @propertyContainer > .Group > .Wrapper > * {
            flex-basis: 2em;
        }

        @propertyContainer input[type='text'],
        @propertyContainer input[type='number'],
        @propertyContainer button {
            font-size: 1em;
            line-height: 1.8em;
            height: 1.8em;
            padding: 0em .4em;
            box-sizing: border-box;
        }
        @propertyContainer button {
            min-width: 1.8em;
        }
        @propertyContainer button > i {
            font-size: 1.4em;
            line-height: 1.286em;
        }

        @propertyContainer input[type='text'],
        @propertyContainer input[type='number'] {
            border: solid 1px rgba(0, 0, 0, 0.2);
            padding: 0em 0.2em;
        }

        @noTargetMessagePane {
            color: #BBB;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, .8);
            text-align: center;
            vertical-align: middle;
            align-items: center;
            justify-content: center;
            padding: 2em;
        }
        @propertyContainer .DefaultButton {
            min-width: 10em;
            margin-top: 3em;
            padding-left: 1em;
            padding-right: 1em;
            height: 2.4em;
            vertical-align: middle;;
            align-items: center;
            font-weight: bold;
            line-height: 2.4
        }
        @propertyContainer .SymbolNameContainer {
            margin-top: 1em;
            border-top: solid 1px rgba(0, 0, 0, 0.2);
            padding-top: 1em;
        }
        @propertyContainer .SymbolNameContainer label {
            margin-bottom: 0.3ex;
        }
    </style>
    <vbox anon-id="noTargetMessagePane" flex="1">
        <span>Select objects in the canvas to edit properties.</span>
    </vbox>
    <vbox anon-id="propertyContainer" flex="1" style="transition: opacity 0.1s; -webkit-transition: opacity 0.1s;">
    </vbox>
</vbox>
