[data-op3-element-options-type="evergreencountdowntimer"],
[data-op3-toolbar-element-type="evergreencountdowntimer"] {
    div[data-op3-element-options-property-name="redirectUrl"],
    div[data-op3-element-options-property-name="editFinishText"],
    div[data-op3-element-options-property-id="digitsBackgroundColor"],
    div[data-op3-element-options-property-id="wrapperBackgroundColor"] {
        display: none;
    }

    .op3-element-options-property[data-op3-element-options-property-id="spacingBetweenBlocks"] {
        flex-direction: column;

        .op3-element-options-label-group {
            margin-bottom: 10px;
        }
    }

    // Display digitBackgroundColor property only for style-6
    &[data-op3-element-options-style="style-6"],
    &[data-op3-toolbar-element-style="style-6"] {
        div[data-op3-element-options-property-id="digitsBackgroundColor"] {
            display: flex;
        }
    }

    // Display wrapperBackgroundColor property only for style-8
    &[data-op3-element-options-style="style-8"],
    &[data-op3-toolbar-element-style="style-8"] {
        div[data-op3-element-options-property-id="wrapperBackgroundColor"] {
            display: flex;
        }
    }

    /* Display redirectUrl or text property
       base of countdownFinishAction property */
    div[data-op3-element-options-property-name="countdownFinishAction"] {
        &[data-op3-element-options-property-value="redirect"] {
            ~ div[data-op3-element-options-property-name="redirectUrl"],
            ~ div[data-op3-element-options-property-name="redirectUrl"] input {
                display: flex;
            }
        }

        &[data-op3-element-options-property-value="text"] {
            ~ div[data-op3-element-options-property-name="editFinishText"] {
                display: flex;
            }
        }
    }

    // Display hour, minute and second property inline
    div[data-op3-element-options-property-name="day"],
    div[data-op3-element-options-property-name="hour"],
    div[data-op3-element-options-property-name="minute"],
    div[data-op3-element-options-property-name="second"],
    div[data-op3-element-options-property-name="restartDay"],
    div[data-op3-element-options-property-name="restartHour"] {
        display: inline-block;

        input.op3-element-options-property-input {
            width: 50px;
        }
    }

    div[data-op3-element-options-property-name="restartDay"],
    div[data-op3-element-options-property-name="day"] {
        padding: 16px 7px 0 22px;
    }

    div[data-op3-element-options-property-name="restartHour"],
    div[data-op3-element-options-property-name="hour"],
    div[data-op3-element-options-property-name="minute"] {
        padding: 16px 8px 0 8px;
    }

    div[data-op3-element-options-property-name="second"] {
        padding: 16px 22px 0 7px;
    }

    div[data-op3-element-options-property-name="restartDay"],
    div[data-op3-element-options-property-name="restartHour"] {
        display: none;
    }

    // Show/hide restartDay and restartHour properties
    // depending on restartTimer value
    div[data-op3-element-options-property-name="restartTimer"] {
        &[data-op3-element-options-property-value="1"] {
            ~ div[data-op3-element-options-property-name="restartDay"],
            ~ div[data-op3-element-options-property-name="restartHour"] {
                display: inline-block;
            }
        }
    }
}

#toolbar {
    [data-op3-element-options-path*="/evergreencountdowntimer/"] {
        [data-op3-toolbar-nav-id="clone"],
        [data-op3-toolbar-nav-id="delete"],
        [data-op3-toolbar-nav-id="move"] {
            display: none;
        }
    }
}

#op3-context-menu {
    &[data-op3-element-path*="/evergreencountdowntimer/"] {
        .op3-context-menu-list-item[data-op3-action="markAsGlobalElement"],
        .op3-context-menu-list-separator[data-op3-separator="clipboard/export"],
        .op3-context-menu-list-separator[data-op3-separator="global/delete"],
        .op3-context-menu-list-item[data-op3-action="clone"],
        .op3-context-menu-list-separator[data-op3-separator="clone/clipboard"],
        .op3-context-menu-list-separator[data-op3-separator="export/delete"],
        .op3-context-menu-list-item[data-op3-action="delete"] {
            display: none;
        }

        .op3-context-menu-list-item[data-op3-action="cut"],
        .op3-context-menu-list-item[data-op3-action="copy"],
        .op3-context-menu-list-item[data-op3-action="paste"] {
            opacity: 0.33;
            pointer-events: none;
        }
    }
}