// Lock margin & margin handles to prevent layout breaking
form[data-op3-element-options-type="creditcarditem"] {
    .op3-boxmodel {
        .op3-boxmodel-margin-top,
        .op3-boxmodel-margin-bottom,
        .op3-boxmodel-margin-left,
        .op3-boxmodel-margin-right {
            pointer-events: none;
            opacity: 0.5;

            & + .op3-boxmodel-handler {
                display: none;
            }
        }
    }
}

#toolbar {
    // Hide color property
    // when colored icon is selected
    [data-op3-parent-options-property-hide-color="1"] {
        [data-op3-toolbar-nav-id="color"] {
            display: none;
        }
    }
}