.create-wayline-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 130px;
    height: 70px;

    .create-wayline-menu {
        background: url('@/assets/images/layerManagement/newcon_box.png') no-repeat center / 100% 100%;
        margin: 15px;

        div {
            color: #fff;
            width: 90px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-weight: bold;
            font-size: 12px;

            &:hover {
                background-color: rgba(0, 0, 0, 0.3);
            }
        }
    }
}

.planar-polygon-edit-tooltip {
    position: absolute;
    top: 0px;
    left: 0px;


    .planar-polygon-edit-menu {
        padding: 4px 0px;
        transform: translate(24px, 10px);
     
        background: url('@/assets/images/layerManagement/newcon_box.png') no-repeat center / 100% 100%;
        border-radius: 4px;

        div {
            color: #fff;
            width: 90px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-weight: bold;
            font-size: 12px;

            &:hover {
                background-color: rgba(0, 0, 0, 0.3);
            }
        }
    }
}