/* xl - DESKTOP STYLES */
.circles1 {
  height: 300px;
  width: 300px;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 100%;
  z-index: 10;
  transform: translate3D(-50%, -50%, 0);
}
.circle1 {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 40px solid transparent;
  border-radius: 115% 140% 145% 110%/125% 140% 110% 125%;
  mix-blend-mode: normal;
}
.circle1:nth-child(1) {
  border-color: rgba(255, 255, 255, 0.9);
  transform-origin: 48% 52%;
  animation: spin1 7.5s linear infinite;
}
.circle1:nth-child(2) {
  border-color: rgba(255, 255, 255, 0.2);
  transform-origin: 50% 50%;
  animation: spin2 7.5s linear infinite;
}
.circle1:nth-child(3) {
  border-color: rgba(255, 255, 255, 0.2);
  transform-origin: 50% 50%;
  animation: spin3 7.5s linear infinite;
}
.circle1:nth-child(4) {
  border-color: rgba(255, 255, 255, 0.2);
  transform-origin: 52% 51%;
  animation: spin4 7.5s linear infinite;
}
.circles2 {
  height: 300px;
  width: 300px;
  position: absolute;
  margin: 0 auto;
  top: -100px;
  left: 1%;
  z-index: 10;
  transform: translate3D(-50%, -50%, 0);
}
.circle2 {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 40px solid transparent;
  border-radius: 115% 140% 145% 110%/125% 140% 110% 125%;
  mix-blend-mode: normal;
}
.circle2:nth-child(1) {
  border-color: rgba(42, 47, 255, 0.9);
  transform-origin: 48% 52%;
  animation: spin1 7.5s linear infinite;
}
.circle2:nth-child(2) {
  border-color: rgba(42, 47, 255, 0.2);
  transform-origin: 50% 50%;
  animation: spin2 7.5s linear infinite;
}
.circle2:nth-child(3) {
  border-color: rgba(42, 47, 255, 0.2);
  transform-origin: 50% 50%;
  animation: spin3 7.5s linear infinite;
}
.circle2:nth-child(4) {
  border-color: rgba(42, 47, 255, 0.2);
  transform-origin: 52% 51%;
  animation: spin4 7.5s linear infinite;
}
@keyframes spin1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(72deg);
  }
  100% {
    transform: rotate(-288deg);
  }
}
@keyframes spin3 {
  0% {
    transform: rotate(-144deg);
  }
  100% {
    transform: rotate(216deg);
  }
}
@keyframes spin4 {
  0% {
    transform: rotate(216deg);
  }
  100% {
    transform: rotate(-144deg);
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F57-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BACKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%22%7D */