/**
* Copyright JS Foundation and other contributors, http://js.foundation
*
* Licensed under the Apache License, Version 2.0 (the License);
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an AS IS BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
**/

.red-ui-editor-radial-menu {
    font-size: var(--red-ui-primary-font-size);
    font-family: var(--red-ui-primary-font);
    position: absolute;
    top: 0;
    left:0;
    bottom:0;
    right:0;
    z-index: 1000;

    & > div {
        position: absolute;
        border-radius: 80px;
        width: 160px;
        height: 160px;
        background: var(--red-ui-shadow);
        border: 1px solid var(--red-ui-primary-border-color);
    }
}

.red-ui-editor-radial-menu-opt {
    position: absolute;
    border-radius: 20px;
    width: 50px;
    height: 50px;
    background: var(--red-ui-secondary-background);
    border: 2px solid var(--red-ui-primary-border-color);
    color: var(--red-ui-primary-text-color);
    text-align: center;
    line-height:50px;

    &.selected {
        background: var(--red-ui-workspace-button-background-hover);
    }
}

.red-ui-editor-radial-menu-opt-disabled {
    border-color: var(--red-ui-tertiary-border-color);
    color: var(--red-ui-secondary-text-color-disabled);
}
.red-ui-editor-radial-menu-opt-active {
    background: var(--red-ui-secondary-background-hover);
}