.ce-toolbar {
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    display: none;
    width: auto;

    .ce-toolbox__tooltip {
        pointer-events: none;
        position: absolute;
        background: white;
        display: none;
        margin-left: 50px;
        padding: 0 10px;
        border-radius: 8px;
    }

    .ce-toolbox__tooltip--shown {
        // display: block;
    }

    .ce-toolbar__plus, .ce-toolbox__button, .ce-settings__button, .cdx-settings-button, .ce-toolbar__actions-buttons {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        line-height: 30px;
        text-align: center;
    }

    .ce-toolbar__actions-buttons {
        display: block;
        float: right;
    }

    svg {
        // position: relative;
        // display: inline;
    }

    .ce-toolbar__plus--hidden {
        display: none;
    }

    .ce-settings {
        display: block;
        float: right;
    }
}

.ce-toolbar--opened {
    display: block;
}

.ce-toolbar__content {
    line-height: 30px;
    font-size: 30px;
    display: block;
    float: left;
    height: 30px;
    top: 30px;
    position: relative;
}

.ce-toolbar__actions {
    display: block;
    float: right;
}

.ce-toolbar__content, .ce-settings, .ce-toolbar__actions-buttons {
    box-shadow: 0 6px 12px -6px rgba(131, 147, 173, 0.46), 5px -12px 34px -13px rgba(97, 105, 134, 0.6), 0 26px 52px 3px rgba(147, 165, 186, 0.24);
    background: white;
    border-radius: 5px;
}

.codex-editor {
    // position: relative;
}

.ce-conversion-toolbar {
    display: none;
}

.ce-settings {
    position: relative;
    right: -30px;
    max-width: 3 * 30px;
}

.ce-toolbar__actions--opened .ce-toolbar__actions-buttons {
    // display: none;
}