@import "@core/scss/theme/config.scss";

.editor-toolbar {
    display: none;
    width: 24px;
    background: #fff;
    display: none;
    box-shadow: 0 2px 12px 0 rgba(78, 58, 58, 0.2);
    position: absolute;
    left: calc(50vw + 164px);
    z-index: 9999;
    padding: 6px 2px 6px 2px;
    text-align: center;
    border-radius: 2px;
    .toolbar-icon {
        display: inline-block;
        margin: 6px 0px;
    }
    .cd-icons {
        &:hover {
            cursor: pointer;
        }
    }
    .cd-icons-up:hover {
        background-position: -21px -775px;
    }
    .cd-icons-down:hover {
        background-position: -174px -738px; 
    }
    .cd-icons-remove:hover {
        background-position: -714px -775px;
    }
    .cd-icons-upDisable {
        pointer-events: none;
    }
    .cd-icons-downDisable {
        pointer-events: none;
    }
}