@use "sass:map";

.ui-editor-menu {
    user-select: none;
    width: var(--editor-menu-width);
    filter: var(--editor-menu-filter); 
    background-color: var(--editor-menu-back);
    position: fixed;
    left: var(--editor-menu-left);
    top: var(--editor-head-height);
    bottom: 0;
    z-index: 2000;
    overflow: hidden;

    backdrop-filter: blur(4px);

    >div{
        height: 100%;
        width: 100%;
        overflow: visible;
    }

    .ui-editor-menu-item {
        width: var(--editor-menu-width);
        height: var(--editor-menu-width);
    }

    &::after{
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        border-left: solid 1px rgba(255, 255, 255, 0.16);
        border-right: solid 1px #000;
    }
}
