<hbox>
    <style>
        input[type='number'] {
            width: 3.5em;
        }
        vbox > label {
            opacity: 0.4;
        }
        @colorButton {
            width: 1.5em;
        }
        @colorButton:hover {
            opacity: 0.9;
        }
    </style>
    <vbox>
        <label>dx:</label>
        <input type="number" min="-30" max="30" size="2" anon-id="dx" title="X offset" />
    </vbox>
    <vbox>
        <label>dy:</label>
        <input type="number" min="-30" max="30" size="2" anon-id="dy" title="Y offset" />
    </vbox>
    <vbox>
        <label>blur:</label>
        <input type="number" min="-30" max="30" size="2" anon-id="size" title="Blur radius" />
    </vbox>
    <vbox>
        <label>opacity:</label>
        <input type="number" min="0" max="1" step="0.1" size="2" anon-id="opacity" title="Shadow opacity" />
    </vbox>
    <vbox>
        <label>color:</label>
        <button anon-id="colorButton" value="choose"></button>
        <ui:Popup anon-id="selectorContainer">
            <ui:ColorSelector anon-id="selector" />
        </ui:Popup>
    </vbox>
</hbox>
