:root {
  --size:14;
  --size2:12;
  --size3:12;
  --unit:calc((var(--size) / 500) * 1vmin);
  --unit2:calc((var(--size2) / 500) * 1vmin);
  --unit3:calc((var(--size3) / 500) * 1vmin);
  --green: #217438;
  --green2: white;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5215686275);
  z-index: 20;
}
.loading img {
  position: absolute;
  width: calc(500 * var(--unit3));
  min-width: 100px;
}
.loading .loader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: l1 2s infinite;
}
.loading .loader .container {
  position: absolute;
  width: calc(500 * var(--unit));
  height: calc(500 * var(--unit));
  min-width: 120px;
  min-height: 120px;
}
.loading .loader .container > div {
  position: absolute;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-color: var(--green);
}
.loading .loader .container2 {
  position: absolute;
  width: calc(500 * var(--unit2));
  height: calc(500 * var(--unit2));
  min-width: 105px;
  min-height: 105px;
}
.loading .loader .container2 > div {
  position: absolute;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background-color: var(--green2);
}
.loading .loader #main-square {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  border-radius: 0%;
}
.loading .loader .leaf1-left {
  left: -25%;
}
.loading .loader .leaf1-right {
  top: -25%;
}
.loading .loader .leaf2-left {
  right: 0;
  top: -25%;
}
.loading .loader .leaf2-right {
  right: -25%;
}
.loading .loader .leaf3-left {
  right: -25%;
  bottom: 0;
}
.loading .loader .leaf3-right {
  right: 0;
  bottom: -25%;
}
.loading .loader .leaf4-left {
  bottom: -25%;
}
.loading .loader .leaf4-right {
  bottom: 0;
  left: -25%;
}

@keyframes l1 {
  to {
    transform: rotate(0.5turn);
  }
}

/*# sourceMappingURL=loading.css.f9337394fd02.map */