Sunrise

@grid: 2x1 / 600px;
@place: center;

@nth(1) {
  @size: 105%;
  background: linear-gradient(
    #0B9FCC 20%, #B0CFD2 30%,
    #EBD5CE, #F3D18D 45%,
    #F2B739, #F53113 60%,
    #3C1D13, #000
  );
  will-change: transform;
  filter: @svg-filter(.009 .09, 20, seed=@r10000);
}

@nth(2) {
  @size: 16px;
  perspective: 30px;
  background: #fff;
  border-radius: 50%;
  filter: blur(1px);
  ::after {
    content: '';
    @place: 50% 200%;
    @size: 10% 70%;
    border-radius: 50%;
    filter: blur(8px);
    opacity: .65;
    box-shadow: 0 50px 15px 7px #f49530;
    transform:
      translateX(-30px) translateY(30px)
      rotateZ(-40deg) rotateY(60deg);
  }
}