<template>


  <div class="position-0bg">
    <Bg_maze_gen
        :click-gen="false"
        :auto-gen-time="0"
        by-requirement
        snapped
        el-id="y54"
        overlayer-color="b3"
        overlayer="f0"
        color_from="#cf1313"
    >
      <div class="position-1bg">
        KFPOKAOPSK OPKSop dkpaks poKOPDK OPASK OPKskd poaksodp kaopskd opaksd pkaspo kdposk dpoakspodkosa
      </div>
    </Bg_maze_gen>
  </div>


  <!--

    <Bg_maze_gen :click-gen="false" :auto-gen-time="3000" by-requirement overlayer="n9" color_from="#f42212">
      <div class="position-1bg">
        jfoisjfio jaoisjf oisjdio jfiod j
      </div>
    </Bg_maze_gen>


  -->

</template>

<script>
import Bg_maze_gen from "../components/bg_maze_gen";

export default {
  name: "test_embeded",
  components: {Bg_maze_gen}
}
</script>

<style scoped lang="scss">

body {
  margin: 0;
}

.position-0bg {
  position: absolute;
  top: 301px;
  left: 302px;
  width: 300px;
  height: 130px;
  overflow: hidden;
  z-index: 1;
}

.position-1bg {
  position: absolute;
  top: 31px;
  left: 32px;
  width: 300px;
  height: 130px;
  overflow: hidden;
  z-index: 1;
}
</style>
