#header {
    .header-btn.global-element-cancel,
    .header-btn.global-element-save {
        display: none;
    }
}

html[data-op3-global-element-edit] #header {
    .tab-button[data-tab="global-elements"],
    .tab-button[data-tab="blocks"],
    .tab-button[data-tab="settings"],
    .header-btn--preview,
    .tab-button.popoverlay {
        pointer-events: none;
        opacity: 0.25;
    }

    .header-btn.close,
    .header-btn.save {
        display: none;
    }

    .header-btn.global-element-cancel,
    .header-btn.global-element-save {
        display: flex;
    }

    // since save button doesn't actually save but
    // opens wizard, we do not want it disabed
    .header-btn.global-element-save.disabled {
        opacity: 1;
        pointer-events: all;
    }
}