Difference between revisions of "MediaWiki:Common.css"

From SHA2017
Jump to: navigation, search
Line 79: Line 79:
 
padding-top: 5px;
 
padding-top: 5px;
 
font-size: 16px;
 
font-size: 16px;
 +
}
 +
 +
 +
/* Some testing */
 +
 +
html {
 +
  overflow: hidden;
 +
  background: #222;
 +
  color: white;
 +
}
 +
html:after {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -16.25em;
 +
  width: 32.5em;
 +
  height: 32.5em;
 +
  box-shadow: 0 0 0 50vmax;
 +
  content: '';
 +
}
 +
 +
.assembly {
 +
  animation: rot 5s linear infinite;
 +
}
 +
.assembly, .assembly *, .assembly :before {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
}
 +
 +
.square {
 +
  content: 313;
 +
}
 +
.square:nth-child(n + 2):before {
 +
  animation-name: ani1;
 +
}
 +
@keyframes ani1 {
 +
  13.84615%, 100% {
 +
    transform: rotate(45deg) scale(0);
 +
  }
 +
}
 +
.square:nth-child(2) {
 +
  transform: rotate(-44.9814deg) translate(3.53553em) rotate(44.9814deg);
 +
  animation: collapse-1-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-1-0 {
 +
  13.84615%, 100% {
 +
    transform: rotate(-44.9814deg) translate(2.5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(3) {
 +
  transform: rotate(45.0186deg) translate(3.53553em) rotate(-45.0186deg);
 +
  animation: collapse-1-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-1-1 {
 +
  13.84615%, 100% {
 +
    transform: rotate(45.0186deg) translate(2.5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(4) {
 +
  transform: rotate(135.0186deg) translate(3.53553em) rotate(-135.0186deg);
 +
  animation: collapse-1-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-1-2 {
 +
  13.84615%, 100% {
 +
    transform: rotate(135.0186deg) translate(2.5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(5) {
 +
  transform: rotate(225.0186deg) translate(3.53553em) rotate(-225.0186deg);
 +
  animation: collapse-1-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-1-3 {
 +
  13.84615%, 100% {
 +
    transform: rotate(225.0186deg) translate(2.5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(n + 6):before {
 +
  animation-name: ani2;
 +
}
 +
@keyframes ani2 {
 +
  20.76923%, 100% {
 +
    transform: rotate(45deg) scale(1);
 +
  }
 +
}
 +
.square:nth-child(6) {
 +
  transform: rotate(-44.9814deg) translate(7.07107em) rotate(44.9814deg);
 +
  animation: collapse-2-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-0 {
 +
  20.76923%, 100% {
 +
    transform: rotate(-44.9814deg) translate(5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(7) {
 +
  transform: rotate(0deg) translate(5em) rotate(0deg);
 +
  animation: collapse-2-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-1 {
 +
  20.76923%, 100% {
 +
    transform: rotate(0deg) translate(3.53553em) rotate(0deg);
 +
  }
 +
}
 +
.square:nth-child(8) {
 +
  transform: rotate(45.0186deg) translate(7.07107em) rotate(-45.0186deg);
 +
  animation: collapse-2-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-2 {
 +
  20.76923%, 100% {
 +
    transform: rotate(45.0186deg) translate(5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(9) {
 +
  transform: rotate(90deg) translate(5em) rotate(-90deg);
 +
  animation: collapse-2-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-3 {
 +
  20.76923%, 100% {
 +
    transform: rotate(90deg) translate(3.53553em) rotate(-90deg);
 +
  }
 +
}
 +
.square:nth-child(10) {
 +
  transform: rotate(135.0186deg) translate(7.07107em) rotate(-135.0186deg);
 +
  animation: collapse-2-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-4 {
 +
  20.76923%, 100% {
 +
    transform: rotate(135.0186deg) translate(5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(11) {
 +
  transform: rotate(180deg) translate(5em) rotate(-180deg);
 +
  animation: collapse-2-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-5 {
 +
  20.76923%, 100% {
 +
    transform: rotate(180deg) translate(3.53553em) rotate(-180deg);
 +
  }
 +
}
 +
.square:nth-child(12) {
 +
  transform: rotate(225.0186deg) translate(7.07107em) rotate(-225.0186deg);
 +
  animation: collapse-2-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-6 {
 +
  20.76923%, 100% {
 +
    transform: rotate(225.0186deg) translate(5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(13) {
 +
  transform: rotate(270deg) translate(5em) rotate(-270deg);
 +
  animation: collapse-2-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-2-7 {
 +
  20.76923%, 100% {
 +
    transform: rotate(270deg) translate(3.53553em) rotate(-270deg);
 +
  }
 +
}
 +
.square:nth-child(n + 14):before {
 +
  animation-name: ani3;
 +
}
 +
@keyframes ani3 {
 +
  27.69231%, 100% {
 +
    transform: rotate(45deg) scale(0);
 +
  }
 +
}
 +
.square:nth-child(14) {
 +
  transform: rotate(-44.9814deg) translate(10.6066em) rotate(44.9814deg);
 +
  animation: collapse-3-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-0 {
 +
  27.69231%, 100% {
 +
    transform: rotate(-44.9814deg) translate(7.5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(15) {
 +
  transform: rotate(-18.43408deg) translate(7.90569em) rotate(18.43408deg);
 +
  animation: collapse-3-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-1 {
 +
  27.69231%, 100% {
 +
    transform: rotate(-18.43408deg) translate(5.59017em) rotate(18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(16) {
 +
  transform: rotate(18.43408deg) translate(7.90569em) rotate(-18.43408deg);
 +
  animation: collapse-3-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-2 {
 +
  27.69231%, 100% {
 +
    transform: rotate(18.43408deg) translate(5.59017em) rotate(-18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(17) {
 +
  transform: rotate(45.0186deg) translate(10.6066em) rotate(-45.0186deg);
 +
  animation: collapse-3-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-3 {
 +
  27.69231%, 100% {
 +
    transform: rotate(45.0186deg) translate(7.5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(18) {
 +
  transform: rotate(71.56592deg) translate(7.90569em) rotate(-71.56592deg);
 +
  animation: collapse-3-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-4 {
 +
  27.69231%, 100% {
 +
    transform: rotate(71.56592deg) translate(5.59017em) rotate(-71.56592deg);
 +
  }
 +
}
 +
.square:nth-child(19) {
 +
  transform: rotate(108.43408deg) translate(7.90569em) rotate(-108.43408deg);
 +
  animation: collapse-3-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-5 {
 +
  27.69231%, 100% {
 +
    transform: rotate(108.43408deg) translate(5.59017em) rotate(-108.43408deg);
 +
  }
 +
}
 +
.square:nth-child(20) {
 +
  transform: rotate(135.0186deg) translate(10.6066em) rotate(-135.0186deg);
 +
  animation: collapse-3-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-6 {
 +
  27.69231%, 100% {
 +
    transform: rotate(135.0186deg) translate(7.5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(21) {
 +
  transform: rotate(161.56592deg) translate(7.90569em) rotate(-161.56592deg);
 +
  animation: collapse-3-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-7 {
 +
  27.69231%, 100% {
 +
    transform: rotate(161.56592deg) translate(5.59017em) rotate(-161.56592deg);
 +
  }
 +
}
 +
.square:nth-child(22) {
 +
  transform: rotate(198.43408deg) translate(7.90569em) rotate(-198.43408deg);
 +
  animation: collapse-3-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-8 {
 +
  27.69231%, 100% {
 +
    transform: rotate(198.43408deg) translate(5.59017em) rotate(-198.43408deg);
 +
  }
 +
}
 +
.square:nth-child(23) {
 +
  transform: rotate(225.0186deg) translate(10.6066em) rotate(-225.0186deg);
 +
  animation: collapse-3-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-9 {
 +
  27.69231%, 100% {
 +
    transform: rotate(225.0186deg) translate(7.5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(24) {
 +
  transform: rotate(251.56592deg) translate(7.90569em) rotate(-251.56592deg);
 +
  animation: collapse-3-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-10 {
 +
  27.69231%, 100% {
 +
    transform: rotate(251.56592deg) translate(5.59017em) rotate(-251.56592deg);
 +
  }
 +
}
 +
.square:nth-child(25) {
 +
  transform: rotate(288.43408deg) translate(7.90569em) rotate(-288.43408deg);
 +
  animation: collapse-3-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-3-11 {
 +
  27.69231%, 100% {
 +
    transform: rotate(288.43408deg) translate(5.59017em) rotate(-288.43408deg);
 +
  }
 +
}
 +
.square:nth-child(n + 26):before {
 +
  animation-name: ani4;
 +
}
 +
@keyframes ani4 {
 +
  34.61538%, 100% {
 +
    transform: rotate(45deg) scale(1);
 +
  }
 +
}
 +
.square:nth-child(26) {
 +
  transform: rotate(-44.9814deg) translate(14.14214em) rotate(44.9814deg);
 +
  animation: collapse-4-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-0 {
 +
  34.61538%, 100% {
 +
    transform: rotate(-44.9814deg) translate(10em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(27) {
 +
  transform: rotate(-26.55444deg) translate(11.18034em) rotate(26.55444deg);
 +
  animation: collapse-4-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-1 {
 +
  34.61538%, 100% {
 +
    transform: rotate(-26.55444deg) translate(7.90569em) rotate(26.55444deg);
 +
  }
 +
}
 +
.square:nth-child(28) {
 +
  transform: rotate(0deg) translate(10em) rotate(0deg);
 +
  animation: collapse-4-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-2 {
 +
  34.61538%, 100% {
 +
    transform: rotate(0deg) translate(7.07107em) rotate(0deg);
 +
  }
 +
}
 +
.square:nth-child(29) {
 +
  transform: rotate(26.55444deg) translate(11.18034em) rotate(-26.55444deg);
 +
  animation: collapse-4-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-3 {
 +
  34.61538%, 100% {
 +
    transform: rotate(26.55444deg) translate(7.90569em) rotate(-26.55444deg);
 +
  }
 +
}
 +
.square:nth-child(30) {
 +
  transform: rotate(45.0186deg) translate(14.14214em) rotate(-45.0186deg);
 +
  animation: collapse-4-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-4 {
 +
  34.61538%, 100% {
 +
    transform: rotate(45.0186deg) translate(10em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(31) {
 +
  transform: rotate(63.44556deg) translate(11.18034em) rotate(-63.44556deg);
 +
  animation: collapse-4-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-5 {
 +
  34.61538%, 100% {
 +
    transform: rotate(63.44556deg) translate(7.90569em) rotate(-63.44556deg);
 +
  }
 +
}
 +
.square:nth-child(32) {
 +
  transform: rotate(90deg) translate(10em) rotate(-90deg);
 +
  animation: collapse-4-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-6 {
 +
  34.61538%, 100% {
 +
    transform: rotate(90deg) translate(7.07107em) rotate(-90deg);
 +
  }
 +
}
 +
.square:nth-child(33) {
 +
  transform: rotate(116.55444deg) translate(11.18034em) rotate(-116.55444deg);
 +
  animation: collapse-4-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-7 {
 +
  34.61538%, 100% {
 +
    transform: rotate(116.55444deg) translate(7.90569em) rotate(-116.55444deg);
 +
  }
 +
}
 +
.square:nth-child(34) {
 +
  transform: rotate(135.0186deg) translate(14.14214em) rotate(-135.0186deg);
 +
  animation: collapse-4-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-8 {
 +
  34.61538%, 100% {
 +
    transform: rotate(135.0186deg) translate(10em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(35) {
 +
  transform: rotate(153.44556deg) translate(11.18034em) rotate(-153.44556deg);
 +
  animation: collapse-4-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-9 {
 +
  34.61538%, 100% {
 +
    transform: rotate(153.44556deg) translate(7.90569em) rotate(-153.44556deg);
 +
  }
 +
}
 +
.square:nth-child(36) {
 +
  transform: rotate(180deg) translate(10em) rotate(-180deg);
 +
  animation: collapse-4-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-10 {
 +
  34.61538%, 100% {
 +
    transform: rotate(180deg) translate(7.07107em) rotate(-180deg);
 +
  }
 +
}
 +
.square:nth-child(37) {
 +
  transform: rotate(206.55444deg) translate(11.18034em) rotate(-206.55444deg);
 +
  animation: collapse-4-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-11 {
 +
  34.61538%, 100% {
 +
    transform: rotate(206.55444deg) translate(7.90569em) rotate(-206.55444deg);
 +
  }
 +
}
 +
.square:nth-child(38) {
 +
  transform: rotate(225.0186deg) translate(14.14214em) rotate(-225.0186deg);
 +
  animation: collapse-4-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-12 {
 +
  34.61538%, 100% {
 +
    transform: rotate(225.0186deg) translate(10em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(39) {
 +
  transform: rotate(243.44556deg) translate(11.18034em) rotate(-243.44556deg);
 +
  animation: collapse-4-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-13 {
 +
  34.61538%, 100% {
 +
    transform: rotate(243.44556deg) translate(7.90569em) rotate(-243.44556deg);
 +
  }
 +
}
 +
.square:nth-child(40) {
 +
  transform: rotate(270deg) translate(10em) rotate(-270deg);
 +
  animation: collapse-4-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-14 {
 +
  34.61538%, 100% {
 +
    transform: rotate(270deg) translate(7.07107em) rotate(-270deg);
 +
  }
 +
}
 +
.square:nth-child(41) {
 +
  transform: rotate(296.55444deg) translate(11.18034em) rotate(-296.55444deg);
 +
  animation: collapse-4-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-4-15 {
 +
  34.61538%, 100% {
 +
    transform: rotate(296.55444deg) translate(7.90569em) rotate(-296.55444deg);
 +
  }
 +
}
 +
.square:nth-child(n + 42):before {
 +
  animation-name: ani5;
 +
}
 +
@keyframes ani5 {
 +
  41.53846%, 100% {
 +
    transform: rotate(45deg) scale(0);
 +
  }
 +
}
 +
.square:nth-child(42) {
 +
  transform: rotate(-44.9814deg) translate(17.67767em) rotate(44.9814deg);
 +
  animation: collapse-5-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-0 {
 +
  41.53846%, 100% {
 +
    transform: rotate(-44.9814deg) translate(12.5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(43) {
 +
  transform: rotate(-30.95828deg) translate(14.57738em) rotate(30.95828deg);
 +
  animation: collapse-5-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-1 {
 +
  41.53846%, 100% {
 +
    transform: rotate(-30.95828deg) translate(10.30776em) rotate(30.95828deg);
 +
  }
 +
}
 +
.square:nth-child(44) {
 +
  transform: rotate(-11.30866deg) translate(12.74755em) rotate(11.30866deg);
 +
  animation: collapse-5-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-2 {
 +
  41.53846%, 100% {
 +
    transform: rotate(-11.30866deg) translate(9.01388em) rotate(11.30866deg);
 +
  }
 +
}
 +
.square:nth-child(45) {
 +
  transform: rotate(11.30866deg) translate(12.74755em) rotate(-11.30866deg);
 +
  animation: collapse-5-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-3 {
 +
  41.53846%, 100% {
 +
    transform: rotate(11.30866deg) translate(9.01388em) rotate(-11.30866deg);
 +
  }
 +
}
 +
.square:nth-child(46) {
 +
  transform: rotate(30.95828deg) translate(14.57738em) rotate(-30.95828deg);
 +
  animation: collapse-5-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-4 {
 +
  41.53846%, 100% {
 +
    transform: rotate(30.95828deg) translate(10.30776em) rotate(-30.95828deg);
 +
  }
 +
}
 +
.square:nth-child(47) {
 +
  transform: rotate(45.0186deg) translate(17.67767em) rotate(-45.0186deg);
 +
  animation: collapse-5-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-5 {
 +
  41.53846%, 100% {
 +
    transform: rotate(45.0186deg) translate(12.5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(48) {
 +
  transform: rotate(59.04172deg) translate(14.57738em) rotate(-59.04172deg);
 +
  animation: collapse-5-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-6 {
 +
  41.53846%, 100% {
 +
    transform: rotate(59.04172deg) translate(10.30776em) rotate(-59.04172deg);
 +
  }
 +
}
 +
.square:nth-child(49) {
 +
  transform: rotate(78.69134deg) translate(12.74755em) rotate(-78.69134deg);
 +
  animation: collapse-5-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-7 {
 +
  41.53846%, 100% {
 +
    transform: rotate(78.69134deg) translate(9.01388em) rotate(-78.69134deg);
 +
  }
 +
}
 +
.square:nth-child(50) {
 +
  transform: rotate(101.30866deg) translate(12.74755em) rotate(-101.30866deg);
 +
  animation: collapse-5-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-8 {
 +
  41.53846%, 100% {
 +
    transform: rotate(101.30866deg) translate(9.01388em) rotate(-101.30866deg);
 +
  }
 +
}
 +
.square:nth-child(51) {
 +
  transform: rotate(120.95828deg) translate(14.57738em) rotate(-120.95828deg);
 +
  animation: collapse-5-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-9 {
 +
  41.53846%, 100% {
 +
    transform: rotate(120.95828deg) translate(10.30776em) rotate(-120.95828deg);
 +
  }
 +
}
 +
.square:nth-child(52) {
 +
  transform: rotate(135.0186deg) translate(17.67767em) rotate(-135.0186deg);
 +
  animation: collapse-5-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-10 {
 +
  41.53846%, 100% {
 +
    transform: rotate(135.0186deg) translate(12.5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(53) {
 +
  transform: rotate(149.04172deg) translate(14.57738em) rotate(-149.04172deg);
 +
  animation: collapse-5-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-11 {
 +
  41.53846%, 100% {
 +
    transform: rotate(149.04172deg) translate(10.30776em) rotate(-149.04172deg);
 +
  }
 +
}
 +
.square:nth-child(54) {
 +
  transform: rotate(168.69134deg) translate(12.74755em) rotate(-168.69134deg);
 +
  animation: collapse-5-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-12 {
 +
  41.53846%, 100% {
 +
    transform: rotate(168.69134deg) translate(9.01388em) rotate(-168.69134deg);
 +
  }
 +
}
 +
.square:nth-child(55) {
 +
  transform: rotate(191.30866deg) translate(12.74755em) rotate(-191.30866deg);
 +
  animation: collapse-5-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-13 {
 +
  41.53846%, 100% {
 +
    transform: rotate(191.30866deg) translate(9.01388em) rotate(-191.30866deg);
 +
  }
 +
}
 +
.square:nth-child(56) {
 +
  transform: rotate(210.95828deg) translate(14.57738em) rotate(-210.95828deg);
 +
  animation: collapse-5-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-14 {
 +
  41.53846%, 100% {
 +
    transform: rotate(210.95828deg) translate(10.30776em) rotate(-210.95828deg);
 +
  }
 +
}
 +
.square:nth-child(57) {
 +
  transform: rotate(225.0186deg) translate(17.67767em) rotate(-225.0186deg);
 +
  animation: collapse-5-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-15 {
 +
  41.53846%, 100% {
 +
    transform: rotate(225.0186deg) translate(12.5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(58) {
 +
  transform: rotate(239.04172deg) translate(14.57738em) rotate(-239.04172deg);
 +
  animation: collapse-5-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-16 {
 +
  41.53846%, 100% {
 +
    transform: rotate(239.04172deg) translate(10.30776em) rotate(-239.04172deg);
 +
  }
 +
}
 +
.square:nth-child(59) {
 +
  transform: rotate(258.69134deg) translate(12.74755em) rotate(-258.69134deg);
 +
  animation: collapse-5-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-17 {
 +
  41.53846%, 100% {
 +
    transform: rotate(258.69134deg) translate(9.01388em) rotate(-258.69134deg);
 +
  }
 +
}
 +
.square:nth-child(60) {
 +
  transform: rotate(281.30866deg) translate(12.74755em) rotate(-281.30866deg);
 +
  animation: collapse-5-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-18 {
 +
  41.53846%, 100% {
 +
    transform: rotate(281.30866deg) translate(9.01388em) rotate(-281.30866deg);
 +
  }
 +
}
 +
.square:nth-child(61) {
 +
  transform: rotate(300.95828deg) translate(14.57738em) rotate(-300.95828deg);
 +
  animation: collapse-5-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-5-19 {
 +
  41.53846%, 100% {
 +
    transform: rotate(300.95828deg) translate(10.30776em) rotate(-300.95828deg);
 +
  }
 +
}
 +
.square:nth-child(n + 62):before {
 +
  animation-name: ani6;
 +
}
 +
@keyframes ani6 {
 +
  48.46154%, 100% {
 +
    transform: rotate(45deg) scale(1);
 +
  }
 +
}
 +
.square:nth-child(62) {
 +
  transform: rotate(-44.9814deg) translate(21.2132em) rotate(44.9814deg);
 +
  animation: collapse-6-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-0 {
 +
  48.46154%, 100% {
 +
    transform: rotate(-44.9814deg) translate(15em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(63) {
 +
  transform: rotate(-33.67883deg) translate(18.02776em) rotate(33.67883deg);
 +
  animation: collapse-6-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-1 {
 +
  48.46154%, 100% {
 +
    transform: rotate(-33.67883deg) translate(12.74755em) rotate(33.67883deg);
 +
  }
 +
}
 +
.square:nth-child(64) {
 +
  transform: rotate(-18.43408deg) translate(15.81139em) rotate(18.43408deg);
 +
  animation: collapse-6-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-2 {
 +
  48.46154%, 100% {
 +
    transform: rotate(-18.43408deg) translate(11.18034em) rotate(18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(65) {
 +
  transform: rotate(0deg) translate(15em) rotate(0deg);
 +
  animation: collapse-6-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-3 {
 +
  48.46154%, 100% {
 +
    transform: rotate(0deg) translate(10.6066em) rotate(0deg);
 +
  }
 +
}
 +
.square:nth-child(66) {
 +
  transform: rotate(18.43408deg) translate(15.81139em) rotate(-18.43408deg);
 +
  animation: collapse-6-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-4 {
 +
  48.46154%, 100% {
 +
    transform: rotate(18.43408deg) translate(11.18034em) rotate(-18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(67) {
 +
  transform: rotate(33.67883deg) translate(18.02776em) rotate(-33.67883deg);
 +
  animation: collapse-6-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-5 {
 +
  48.46154%, 100% {
 +
    transform: rotate(33.67883deg) translate(12.74755em) rotate(-33.67883deg);
 +
  }
 +
}
 +
.square:nth-child(68) {
 +
  transform: rotate(45.0186deg) translate(21.2132em) rotate(-45.0186deg);
 +
  animation: collapse-6-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-6 {
 +
  48.46154%, 100% {
 +
    transform: rotate(45.0186deg) translate(15em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(69) {
 +
  transform: rotate(56.32117deg) translate(18.02776em) rotate(-56.32117deg);
 +
  animation: collapse-6-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-7 {
 +
  48.46154%, 100% {
 +
    transform: rotate(56.32117deg) translate(12.74755em) rotate(-56.32117deg);
 +
  }
 +
}
 +
.square:nth-child(70) {
 +
  transform: rotate(71.56592deg) translate(15.81139em) rotate(-71.56592deg);
 +
  animation: collapse-6-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-8 {
 +
  48.46154%, 100% {
 +
    transform: rotate(71.56592deg) translate(11.18034em) rotate(-71.56592deg);
 +
  }
 +
}
 +
.square:nth-child(71) {
 +
  transform: rotate(90deg) translate(15em) rotate(-90deg);
 +
  animation: collapse-6-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-9 {
 +
  48.46154%, 100% {
 +
    transform: rotate(90deg) translate(10.6066em) rotate(-90deg);
 +
  }
 +
}
 +
.square:nth-child(72) {
 +
  transform: rotate(108.43408deg) translate(15.81139em) rotate(-108.43408deg);
 +
  animation: collapse-6-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-10 {
 +
  48.46154%, 100% {
 +
    transform: rotate(108.43408deg) translate(11.18034em) rotate(-108.43408deg);
 +
  }
 +
}
 +
.square:nth-child(73) {
 +
  transform: rotate(123.67883deg) translate(18.02776em) rotate(-123.67883deg);
 +
  animation: collapse-6-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-11 {
 +
  48.46154%, 100% {
 +
    transform: rotate(123.67883deg) translate(12.74755em) rotate(-123.67883deg);
 +
  }
 +
}
 +
.square:nth-child(74) {
 +
  transform: rotate(135.0186deg) translate(21.2132em) rotate(-135.0186deg);
 +
  animation: collapse-6-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-12 {
 +
  48.46154%, 100% {
 +
    transform: rotate(135.0186deg) translate(15em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(75) {
 +
  transform: rotate(146.32117deg) translate(18.02776em) rotate(-146.32117deg);
 +
  animation: collapse-6-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-13 {
 +
  48.46154%, 100% {
 +
    transform: rotate(146.32117deg) translate(12.74755em) rotate(-146.32117deg);
 +
  }
 +
}
 +
.square:nth-child(76) {
 +
  transform: rotate(161.56592deg) translate(15.81139em) rotate(-161.56592deg);
 +
  animation: collapse-6-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-14 {
 +
  48.46154%, 100% {
 +
    transform: rotate(161.56592deg) translate(11.18034em) rotate(-161.56592deg);
 +
  }
 +
}
 +
.square:nth-child(77) {
 +
  transform: rotate(180deg) translate(15em) rotate(-180deg);
 +
  animation: collapse-6-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-15 {
 +
  48.46154%, 100% {
 +
    transform: rotate(180deg) translate(10.6066em) rotate(-180deg);
 +
  }
 +
}
 +
.square:nth-child(78) {
 +
  transform: rotate(198.43408deg) translate(15.81139em) rotate(-198.43408deg);
 +
  animation: collapse-6-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-16 {
 +
  48.46154%, 100% {
 +
    transform: rotate(198.43408deg) translate(11.18034em) rotate(-198.43408deg);
 +
  }
 +
}
 +
.square:nth-child(79) {
 +
  transform: rotate(213.67883deg) translate(18.02776em) rotate(-213.67883deg);
 +
  animation: collapse-6-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-17 {
 +
  48.46154%, 100% {
 +
    transform: rotate(213.67883deg) translate(12.74755em) rotate(-213.67883deg);
 +
  }
 +
}
 +
.square:nth-child(80) {
 +
  transform: rotate(225.0186deg) translate(21.2132em) rotate(-225.0186deg);
 +
  animation: collapse-6-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-18 {
 +
  48.46154%, 100% {
 +
    transform: rotate(225.0186deg) translate(15em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(81) {
 +
  transform: rotate(236.32117deg) translate(18.02776em) rotate(-236.32117deg);
 +
  animation: collapse-6-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-19 {
 +
  48.46154%, 100% {
 +
    transform: rotate(236.32117deg) translate(12.74755em) rotate(-236.32117deg);
 +
  }
 +
}
 +
.square:nth-child(82) {
 +
  transform: rotate(251.56592deg) translate(15.81139em) rotate(-251.56592deg);
 +
  animation: collapse-6-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-20 {
 +
  48.46154%, 100% {
 +
    transform: rotate(251.56592deg) translate(11.18034em) rotate(-251.56592deg);
 +
  }
 +
}
 +
.square:nth-child(83) {
 +
  transform: rotate(270deg) translate(15em) rotate(-270deg);
 +
  animation: collapse-6-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-21 {
 +
  48.46154%, 100% {
 +
    transform: rotate(270deg) translate(10.6066em) rotate(-270deg);
 +
  }
 +
}
 +
.square:nth-child(84) {
 +
  transform: rotate(288.43408deg) translate(15.81139em) rotate(-288.43408deg);
 +
  animation: collapse-6-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-22 {
 +
  48.46154%, 100% {
 +
    transform: rotate(288.43408deg) translate(11.18034em) rotate(-288.43408deg);
 +
  }
 +
}
 +
.square:nth-child(85) {
 +
  transform: rotate(303.67883deg) translate(18.02776em) rotate(-303.67883deg);
 +
  animation: collapse-6-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-6-23 {
 +
  48.46154%, 100% {
 +
    transform: rotate(303.67883deg) translate(12.74755em) rotate(-303.67883deg);
 +
  }
 +
}
 +
.square:nth-child(n + 86):before {
 +
  animation-name: ani7;
 +
}
 +
@keyframes ani7 {
 +
  55.38462%, 100% {
 +
    transform: rotate(45deg) scale(0);
 +
  }
 +
}
 +
.square:nth-child(86) {
 +
  transform: rotate(-44.9814deg) translate(24.74874em) rotate(44.9814deg);
 +
  animation: collapse-7-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-0 {
 +
  55.38462%, 100% {
 +
    transform: rotate(-44.9814deg) translate(17.5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(87) {
 +
  transform: rotate(-35.53321deg) translate(21.50581em) rotate(35.53321deg);
 +
  animation: collapse-7-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-1 {
 +
  55.38462%, 100% {
 +
    transform: rotate(-35.53321deg) translate(15.20691em) rotate(35.53321deg);
 +
  }
 +
}
 +
.square:nth-child(88) {
 +
  transform: rotate(-23.19438deg) translate(19.03943em) rotate(23.19438deg);
 +
  animation: collapse-7-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-2 {
 +
  55.38462%, 100% {
 +
    transform: rotate(-23.19438deg) translate(13.46291em) rotate(23.19438deg);
 +
  }
 +
}
 +
.square:nth-child(89) {
 +
  transform: rotate(-8.12986deg) translate(17.67767em) rotate(8.12986deg);
 +
  animation: collapse-7-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-3 {
 +
  55.38462%, 100% {
 +
    transform: rotate(-8.12986deg) translate(12.5em) rotate(8.12986deg);
 +
  }
 +
}
 +
.square:nth-child(90) {
 +
  transform: rotate(8.12986deg) translate(17.67767em) rotate(-8.12986deg);
 +
  animation: collapse-7-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-4 {
 +
  55.38462%, 100% {
 +
    transform: rotate(8.12986deg) translate(12.5em) rotate(-8.12986deg);
 +
  }
 +
}
 +
.square:nth-child(91) {
 +
  transform: rotate(23.19438deg) translate(19.03943em) rotate(-23.19438deg);
 +
  animation: collapse-7-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-5 {
 +
  55.38462%, 100% {
 +
    transform: rotate(23.19438deg) translate(13.46291em) rotate(-23.19438deg);
 +
  }
 +
}
 +
.square:nth-child(92) {
 +
  transform: rotate(35.53321deg) translate(21.50581em) rotate(-35.53321deg);
 +
  animation: collapse-7-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-6 {
 +
  55.38462%, 100% {
 +
    transform: rotate(35.53321deg) translate(15.20691em) rotate(-35.53321deg);
 +
  }
 +
}
 +
.square:nth-child(93) {
 +
  transform: rotate(45.0186deg) translate(24.74874em) rotate(-45.0186deg);
 +
  animation: collapse-7-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-7 {
 +
  55.38462%, 100% {
 +
    transform: rotate(45.0186deg) translate(17.5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(94) {
 +
  transform: rotate(54.46679deg) translate(21.50581em) rotate(-54.46679deg);
 +
  animation: collapse-7-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-8 {
 +
  55.38462%, 100% {
 +
    transform: rotate(54.46679deg) translate(15.20691em) rotate(-54.46679deg);
 +
  }
 +
}
 +
.square:nth-child(95) {
 +
  transform: rotate(66.80562deg) translate(19.03943em) rotate(-66.80562deg);
 +
  animation: collapse-7-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-9 {
 +
  55.38462%, 100% {
 +
    transform: rotate(66.80562deg) translate(13.46291em) rotate(-66.80562deg);
 +
  }
 +
}
 +
.square:nth-child(96) {
 +
  transform: rotate(81.87014deg) translate(17.67767em) rotate(-81.87014deg);
 +
  animation: collapse-7-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-10 {
 +
  55.38462%, 100% {
 +
    transform: rotate(81.87014deg) translate(12.5em) rotate(-81.87014deg);
 +
  }
 +
}
 +
.square:nth-child(97) {
 +
  transform: rotate(98.12986deg) translate(17.67767em) rotate(-98.12986deg);
 +
  animation: collapse-7-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-11 {
 +
  55.38462%, 100% {
 +
    transform: rotate(98.12986deg) translate(12.5em) rotate(-98.12986deg);
 +
  }
 +
}
 +
.square:nth-child(98) {
 +
  transform: rotate(113.19438deg) translate(19.03943em) rotate(-113.19438deg);
 +
  animation: collapse-7-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-12 {
 +
  55.38462%, 100% {
 +
    transform: rotate(113.19438deg) translate(13.46291em) rotate(-113.19438deg);
 +
  }
 +
}
 +
.square:nth-child(99) {
 +
  transform: rotate(125.53321deg) translate(21.50581em) rotate(-125.53321deg);
 +
  animation: collapse-7-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-13 {
 +
  55.38462%, 100% {
 +
    transform: rotate(125.53321deg) translate(15.20691em) rotate(-125.53321deg);
 +
  }
 +
}
 +
.square:nth-child(100) {
 +
  transform: rotate(135.0186deg) translate(24.74874em) rotate(-135.0186deg);
 +
  animation: collapse-7-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-14 {
 +
  55.38462%, 100% {
 +
    transform: rotate(135.0186deg) translate(17.5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(101) {
 +
  transform: rotate(144.46679deg) translate(21.50581em) rotate(-144.46679deg);
 +
  animation: collapse-7-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-15 {
 +
  55.38462%, 100% {
 +
    transform: rotate(144.46679deg) translate(15.20691em) rotate(-144.46679deg);
 +
  }
 +
}
 +
.square:nth-child(102) {
 +
  transform: rotate(156.80562deg) translate(19.03943em) rotate(-156.80562deg);
 +
  animation: collapse-7-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-16 {
 +
  55.38462%, 100% {
 +
    transform: rotate(156.80562deg) translate(13.46291em) rotate(-156.80562deg);
 +
  }
 +
}
 +
.square:nth-child(103) {
 +
  transform: rotate(171.87014deg) translate(17.67767em) rotate(-171.87014deg);
 +
  animation: collapse-7-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-17 {
 +
  55.38462%, 100% {
 +
    transform: rotate(171.87014deg) translate(12.5em) rotate(-171.87014deg);
 +
  }
 +
}
 +
.square:nth-child(104) {
 +
  transform: rotate(188.12986deg) translate(17.67767em) rotate(-188.12986deg);
 +
  animation: collapse-7-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-18 {
 +
  55.38462%, 100% {
 +
    transform: rotate(188.12986deg) translate(12.5em) rotate(-188.12986deg);
 +
  }
 +
}
 +
.square:nth-child(105) {
 +
  transform: rotate(203.19438deg) translate(19.03943em) rotate(-203.19438deg);
 +
  animation: collapse-7-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-19 {
 +
  55.38462%, 100% {
 +
    transform: rotate(203.19438deg) translate(13.46291em) rotate(-203.19438deg);
 +
  }
 +
}
 +
.square:nth-child(106) {
 +
  transform: rotate(215.53321deg) translate(21.50581em) rotate(-215.53321deg);
 +
  animation: collapse-7-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-20 {
 +
  55.38462%, 100% {
 +
    transform: rotate(215.53321deg) translate(15.20691em) rotate(-215.53321deg);
 +
  }
 +
}
 +
.square:nth-child(107) {
 +
  transform: rotate(225.0186deg) translate(24.74874em) rotate(-225.0186deg);
 +
  animation: collapse-7-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-21 {
 +
  55.38462%, 100% {
 +
    transform: rotate(225.0186deg) translate(17.5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(108) {
 +
  transform: rotate(234.46679deg) translate(21.50581em) rotate(-234.46679deg);
 +
  animation: collapse-7-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-22 {
 +
  55.38462%, 100% {
 +
    transform: rotate(234.46679deg) translate(15.20691em) rotate(-234.46679deg);
 +
  }
 +
}
 +
.square:nth-child(109) {
 +
  transform: rotate(246.80562deg) translate(19.03943em) rotate(-246.80562deg);
 +
  animation: collapse-7-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-23 {
 +
  55.38462%, 100% {
 +
    transform: rotate(246.80562deg) translate(13.46291em) rotate(-246.80562deg);
 +
  }
 +
}
 +
.square:nth-child(110) {
 +
  transform: rotate(261.87014deg) translate(17.67767em) rotate(-261.87014deg);
 +
  animation: collapse-7-24 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-24 {
 +
  55.38462%, 100% {
 +
    transform: rotate(261.87014deg) translate(12.5em) rotate(-261.87014deg);
 +
  }
 +
}
 +
.square:nth-child(111) {
 +
  transform: rotate(278.12986deg) translate(17.67767em) rotate(-278.12986deg);
 +
  animation: collapse-7-25 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-25 {
 +
  55.38462%, 100% {
 +
    transform: rotate(278.12986deg) translate(12.5em) rotate(-278.12986deg);
 +
  }
 +
}
 +
.square:nth-child(112) {
 +
  transform: rotate(293.19438deg) translate(19.03943em) rotate(-293.19438deg);
 +
  animation: collapse-7-26 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-26 {
 +
  55.38462%, 100% {
 +
    transform: rotate(293.19438deg) translate(13.46291em) rotate(-293.19438deg);
 +
  }
 +
}
 +
.square:nth-child(113) {
 +
  transform: rotate(305.53321deg) translate(21.50581em) rotate(-305.53321deg);
 +
  animation: collapse-7-27 5s ease-in infinite;
 +
}
 +
@keyframes collapse-7-27 {
 +
  55.38462%, 100% {
 +
    transform: rotate(305.53321deg) translate(15.20691em) rotate(-305.53321deg);
 +
  }
 +
}
 +
.square:nth-child(n + 114):before {
 +
  animation-name: ani8;
 +
}
 +
@keyframes ani8 {
 +
  62.30769%, 100% {
 +
    transform: rotate(45deg) scale(1);
 +
  }
 +
}
 +
.square:nth-child(114) {
 +
  transform: rotate(-44.9814deg) translate(28.28427em) rotate(44.9814deg);
 +
  animation: collapse-8-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-0 {
 +
  62.30769%, 100% {
 +
    transform: rotate(-44.9814deg) translate(20em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(115) {
 +
  transform: rotate(-36.86341deg) translate(25em) rotate(36.86341deg);
 +
  animation: collapse-8-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-1 {
 +
  62.30769%, 100% {
 +
    transform: rotate(-36.86341deg) translate(17.67767em) rotate(36.86341deg);
 +
  }
 +
}
 +
.square:nth-child(116) {
 +
  transform: rotate(-26.55444deg) translate(22.36068em) rotate(26.55444deg);
 +
  animation: collapse-8-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-2 {
 +
  62.30769%, 100% {
 +
    transform: rotate(-26.55444deg) translate(15.81139em) rotate(26.55444deg);
 +
  }
 +
}
 +
.square:nth-child(117) {
 +
  transform: rotate(-14.03251deg) translate(20.61553em) rotate(14.03251deg);
 +
  animation: collapse-8-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-3 {
 +
  62.30769%, 100% {
 +
    transform: rotate(-14.03251deg) translate(14.57738em) rotate(14.03251deg);
 +
  }
 +
}
 +
.square:nth-child(118) {
 +
  transform: rotate(0deg) translate(20em) rotate(0deg);
 +
  animation: collapse-8-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-4 {
 +
  62.30769%, 100% {
 +
    transform: rotate(0deg) translate(14.14214em) rotate(0deg);
 +
  }
 +
}
 +
.square:nth-child(119) {
 +
  transform: rotate(14.03251deg) translate(20.61553em) rotate(-14.03251deg);
 +
  animation: collapse-8-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-5 {
 +
  62.30769%, 100% {
 +
    transform: rotate(14.03251deg) translate(14.57738em) rotate(-14.03251deg);
 +
  }
 +
}
 +
.square:nth-child(120) {
 +
  transform: rotate(26.55444deg) translate(22.36068em) rotate(-26.55444deg);
 +
  animation: collapse-8-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-6 {
 +
  62.30769%, 100% {
 +
    transform: rotate(26.55444deg) translate(15.81139em) rotate(-26.55444deg);
 +
  }
 +
}
 +
.square:nth-child(121) {
 +
  transform: rotate(36.86341deg) translate(25em) rotate(-36.86341deg);
 +
  animation: collapse-8-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-7 {
 +
  62.30769%, 100% {
 +
    transform: rotate(36.86341deg) translate(17.67767em) rotate(-36.86341deg);
 +
  }
 +
}
 +
.square:nth-child(122) {
 +
  transform: rotate(45.0186deg) translate(28.28427em) rotate(-45.0186deg);
 +
  animation: collapse-8-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-8 {
 +
  62.30769%, 100% {
 +
    transform: rotate(45.0186deg) translate(20em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(123) {
 +
  transform: rotate(53.13659deg) translate(25em) rotate(-53.13659deg);
 +
  animation: collapse-8-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-9 {
 +
  62.30769%, 100% {
 +
    transform: rotate(53.13659deg) translate(17.67767em) rotate(-53.13659deg);
 +
  }
 +
}
 +
.square:nth-child(124) {
 +
  transform: rotate(63.44556deg) translate(22.36068em) rotate(-63.44556deg);
 +
  animation: collapse-8-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-10 {
 +
  62.30769%, 100% {
 +
    transform: rotate(63.44556deg) translate(15.81139em) rotate(-63.44556deg);
 +
  }
 +
}
 +
.square:nth-child(125) {
 +
  transform: rotate(75.96749deg) translate(20.61553em) rotate(-75.96749deg);
 +
  animation: collapse-8-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-11 {
 +
  62.30769%, 100% {
 +
    transform: rotate(75.96749deg) translate(14.57738em) rotate(-75.96749deg);
 +
  }
 +
}
 +
.square:nth-child(126) {
 +
  transform: rotate(90deg) translate(20em) rotate(-90deg);
 +
  animation: collapse-8-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-12 {
 +
  62.30769%, 100% {
 +
    transform: rotate(90deg) translate(14.14214em) rotate(-90deg);
 +
  }
 +
}
 +
.square:nth-child(127) {
 +
  transform: rotate(104.03251deg) translate(20.61553em) rotate(-104.03251deg);
 +
  animation: collapse-8-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-13 {
 +
  62.30769%, 100% {
 +
    transform: rotate(104.03251deg) translate(14.57738em) rotate(-104.03251deg);
 +
  }
 +
}
 +
.square:nth-child(128) {
 +
  transform: rotate(116.55444deg) translate(22.36068em) rotate(-116.55444deg);
 +
  animation: collapse-8-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-14 {
 +
  62.30769%, 100% {
 +
    transform: rotate(116.55444deg) translate(15.81139em) rotate(-116.55444deg);
 +
  }
 +
}
 +
.square:nth-child(129) {
 +
  transform: rotate(126.86341deg) translate(25em) rotate(-126.86341deg);
 +
  animation: collapse-8-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-15 {
 +
  62.30769%, 100% {
 +
    transform: rotate(126.86341deg) translate(17.67767em) rotate(-126.86341deg);
 +
  }
 +
}
 +
.square:nth-child(130) {
 +
  transform: rotate(135.0186deg) translate(28.28427em) rotate(-135.0186deg);
 +
  animation: collapse-8-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-16 {
 +
  62.30769%, 100% {
 +
    transform: rotate(135.0186deg) translate(20em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(131) {
 +
  transform: rotate(143.13659deg) translate(25em) rotate(-143.13659deg);
 +
  animation: collapse-8-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-17 {
 +
  62.30769%, 100% {
 +
    transform: rotate(143.13659deg) translate(17.67767em) rotate(-143.13659deg);
 +
  }
 +
}
 +
.square:nth-child(132) {
 +
  transform: rotate(153.44556deg) translate(22.36068em) rotate(-153.44556deg);
 +
  animation: collapse-8-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-18 {
 +
  62.30769%, 100% {
 +
    transform: rotate(153.44556deg) translate(15.81139em) rotate(-153.44556deg);
 +
  }
 +
}
 +
.square:nth-child(133) {
 +
  transform: rotate(165.96749deg) translate(20.61553em) rotate(-165.96749deg);
 +
  animation: collapse-8-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-19 {
 +
  62.30769%, 100% {
 +
    transform: rotate(165.96749deg) translate(14.57738em) rotate(-165.96749deg);
 +
  }
 +
}
 +
.square:nth-child(134) {
 +
  transform: rotate(180deg) translate(20em) rotate(-180deg);
 +
  animation: collapse-8-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-20 {
 +
  62.30769%, 100% {
 +
    transform: rotate(180deg) translate(14.14214em) rotate(-180deg);
 +
  }
 +
}
 +
.square:nth-child(135) {
 +
  transform: rotate(194.03251deg) translate(20.61553em) rotate(-194.03251deg);
 +
  animation: collapse-8-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-21 {
 +
  62.30769%, 100% {
 +
    transform: rotate(194.03251deg) translate(14.57738em) rotate(-194.03251deg);
 +
  }
 +
}
 +
.square:nth-child(136) {
 +
  transform: rotate(206.55444deg) translate(22.36068em) rotate(-206.55444deg);
 +
  animation: collapse-8-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-22 {
 +
  62.30769%, 100% {
 +
    transform: rotate(206.55444deg) translate(15.81139em) rotate(-206.55444deg);
 +
  }
 +
}
 +
.square:nth-child(137) {
 +
  transform: rotate(216.86341deg) translate(25em) rotate(-216.86341deg);
 +
  animation: collapse-8-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-23 {
 +
  62.30769%, 100% {
 +
    transform: rotate(216.86341deg) translate(17.67767em) rotate(-216.86341deg);
 +
  }
 +
}
 +
.square:nth-child(138) {
 +
  transform: rotate(225.0186deg) translate(28.28427em) rotate(-225.0186deg);
 +
  animation: collapse-8-24 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-24 {
 +
  62.30769%, 100% {
 +
    transform: rotate(225.0186deg) translate(20em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(139) {
 +
  transform: rotate(233.13659deg) translate(25em) rotate(-233.13659deg);
 +
  animation: collapse-8-25 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-25 {
 +
  62.30769%, 100% {
 +
    transform: rotate(233.13659deg) translate(17.67767em) rotate(-233.13659deg);
 +
  }
 +
}
 +
.square:nth-child(140) {
 +
  transform: rotate(243.44556deg) translate(22.36068em) rotate(-243.44556deg);
 +
  animation: collapse-8-26 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-26 {
 +
  62.30769%, 100% {
 +
    transform: rotate(243.44556deg) translate(15.81139em) rotate(-243.44556deg);
 +
  }
 +
}
 +
.square:nth-child(141) {
 +
  transform: rotate(255.96749deg) translate(20.61553em) rotate(-255.96749deg);
 +
  animation: collapse-8-27 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-27 {
 +
  62.30769%, 100% {
 +
    transform: rotate(255.96749deg) translate(14.57738em) rotate(-255.96749deg);
 +
  }
 +
}
 +
.square:nth-child(142) {
 +
  transform: rotate(270deg) translate(20em) rotate(-270deg);
 +
  animation: collapse-8-28 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-28 {
 +
  62.30769%, 100% {
 +
    transform: rotate(270deg) translate(14.14214em) rotate(-270deg);
 +
  }
 +
}
 +
.square:nth-child(143) {
 +
  transform: rotate(284.03251deg) translate(20.61553em) rotate(-284.03251deg);
 +
  animation: collapse-8-29 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-29 {
 +
  62.30769%, 100% {
 +
    transform: rotate(284.03251deg) translate(14.57738em) rotate(-284.03251deg);
 +
  }
 +
}
 +
.square:nth-child(144) {
 +
  transform: rotate(296.55444deg) translate(22.36068em) rotate(-296.55444deg);
 +
  animation: collapse-8-30 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-30 {
 +
  62.30769%, 100% {
 +
    transform: rotate(296.55444deg) translate(15.81139em) rotate(-296.55444deg);
 +
  }
 +
}
 +
.square:nth-child(145) {
 +
  transform: rotate(306.86341deg) translate(25em) rotate(-306.86341deg);
 +
  animation: collapse-8-31 5s ease-in infinite;
 +
}
 +
@keyframes collapse-8-31 {
 +
  62.30769%, 100% {
 +
    transform: rotate(306.86341deg) translate(17.67767em) rotate(-306.86341deg);
 +
  }
 +
}
 +
.square:nth-child(n + 146):before {
 +
  animation-name: ani9;
 +
}
 +
@keyframes ani9 {
 +
  69.23077%, 100% {
 +
    transform: rotate(45deg) scale(0);
 +
  }
 +
}
 +
.square:nth-child(146) {
 +
  transform: rotate(-44.9814deg) translate(31.81981em) rotate(44.9814deg);
 +
  animation: collapse-9-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-0 {
 +
  69.23077%, 100% {
 +
    transform: rotate(-44.9814deg) translate(22.5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(147) {
 +
  transform: rotate(-37.86647deg) translate(28.50439em) rotate(37.86647deg);
 +
  animation: collapse-9-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-1 {
 +
  69.23077%, 100% {
 +
    transform: rotate(-37.86647deg) translate(20.15564em) rotate(37.86647deg);
 +
  }
 +
}
 +
.square:nth-child(148) {
 +
  transform: rotate(-29.05143deg) translate(25.73908em) rotate(29.05143deg);
 +
  animation: collapse-9-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-2 {
 +
  69.23077%, 100% {
 +
    transform: rotate(-29.05143deg) translate(18.20027em) rotate(29.05143deg);
 +
  }
 +
}
 +
.square:nth-child(149) {
 +
  transform: rotate(-18.43408deg) translate(23.71708em) rotate(18.43408deg);
 +
  animation: collapse-9-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-3 {
 +
  69.23077%, 100% {
 +
    transform: rotate(-18.43408deg) translate(16.77051em) rotate(18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(150) {
 +
  transform: rotate(-6.34012deg) translate(22.63846em) rotate(6.34012deg);
 +
  animation: collapse-9-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-4 {
 +
  69.23077%, 100% {
 +
    transform: rotate(-6.34012deg) translate(16.00781em) rotate(6.34012deg);
 +
  }
 +
}
 +
.square:nth-child(151) {
 +
  transform: rotate(6.34012deg) translate(22.63846em) rotate(-6.34012deg);
 +
  animation: collapse-9-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-5 {
 +
  69.23077%, 100% {
 +
    transform: rotate(6.34012deg) translate(16.00781em) rotate(-6.34012deg);
 +
  }
 +
}
 +
.square:nth-child(152) {
 +
  transform: rotate(18.43408deg) translate(23.71708em) rotate(-18.43408deg);
 +
  animation: collapse-9-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-6 {
 +
  69.23077%, 100% {
 +
    transform: rotate(18.43408deg) translate(16.77051em) rotate(-18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(153) {
 +
  transform: rotate(29.05143deg) translate(25.73908em) rotate(-29.05143deg);
 +
  animation: collapse-9-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-7 {
 +
  69.23077%, 100% {
 +
    transform: rotate(29.05143deg) translate(18.20027em) rotate(-29.05143deg);
 +
  }
 +
}
 +
.square:nth-child(154) {
 +
  transform: rotate(37.86647deg) translate(28.50439em) rotate(-37.86647deg);
 +
  animation: collapse-9-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-8 {
 +
  69.23077%, 100% {
 +
    transform: rotate(37.86647deg) translate(20.15564em) rotate(-37.86647deg);
 +
  }
 +
}
 +
.square:nth-child(155) {
 +
  transform: rotate(45.0186deg) translate(31.81981em) rotate(-45.0186deg);
 +
  animation: collapse-9-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-9 {
 +
  69.23077%, 100% {
 +
    transform: rotate(45.0186deg) translate(22.5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(156) {
 +
  transform: rotate(52.13353deg) translate(28.50439em) rotate(-52.13353deg);
 +
  animation: collapse-9-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-10 {
 +
  69.23077%, 100% {
 +
    transform: rotate(52.13353deg) translate(20.15564em) rotate(-52.13353deg);
 +
  }
 +
}
 +
.square:nth-child(157) {
 +
  transform: rotate(60.94857deg) translate(25.73908em) rotate(-60.94857deg);
 +
  animation: collapse-9-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-11 {
 +
  69.23077%, 100% {
 +
    transform: rotate(60.94857deg) translate(18.20027em) rotate(-60.94857deg);
 +
  }
 +
}
 +
.square:nth-child(158) {
 +
  transform: rotate(71.56592deg) translate(23.71708em) rotate(-71.56592deg);
 +
  animation: collapse-9-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-12 {
 +
  69.23077%, 100% {
 +
    transform: rotate(71.56592deg) translate(16.77051em) rotate(-71.56592deg);
 +
  }
 +
}
 +
.square:nth-child(159) {
 +
  transform: rotate(83.65988deg) translate(22.63846em) rotate(-83.65988deg);
 +
  animation: collapse-9-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-13 {
 +
  69.23077%, 100% {
 +
    transform: rotate(83.65988deg) translate(16.00781em) rotate(-83.65988deg);
 +
  }
 +
}
 +
.square:nth-child(160) {
 +
  transform: rotate(96.34012deg) translate(22.63846em) rotate(-96.34012deg);
 +
  animation: collapse-9-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-14 {
 +
  69.23077%, 100% {
 +
    transform: rotate(96.34012deg) translate(16.00781em) rotate(-96.34012deg);
 +
  }
 +
}
 +
.square:nth-child(161) {
 +
  transform: rotate(108.43408deg) translate(23.71708em) rotate(-108.43408deg);
 +
  animation: collapse-9-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-15 {
 +
  69.23077%, 100% {
 +
    transform: rotate(108.43408deg) translate(16.77051em) rotate(-108.43408deg);
 +
  }
 +
}
 +
.square:nth-child(162) {
 +
  transform: rotate(119.05143deg) translate(25.73908em) rotate(-119.05143deg);
 +
  animation: collapse-9-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-16 {
 +
  69.23077%, 100% {
 +
    transform: rotate(119.05143deg) translate(18.20027em) rotate(-119.05143deg);
 +
  }
 +
}
 +
.square:nth-child(163) {
 +
  transform: rotate(127.86647deg) translate(28.50439em) rotate(-127.86647deg);
 +
  animation: collapse-9-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-17 {
 +
  69.23077%, 100% {
 +
    transform: rotate(127.86647deg) translate(20.15564em) rotate(-127.86647deg);
 +
  }
 +
}
 +
.square:nth-child(164) {
 +
  transform: rotate(135.0186deg) translate(31.81981em) rotate(-135.0186deg);
 +
  animation: collapse-9-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-18 {
 +
  69.23077%, 100% {
 +
    transform: rotate(135.0186deg) translate(22.5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(165) {
 +
  transform: rotate(142.13353deg) translate(28.50439em) rotate(-142.13353deg);
 +
  animation: collapse-9-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-19 {
 +
  69.23077%, 100% {
 +
    transform: rotate(142.13353deg) translate(20.15564em) rotate(-142.13353deg);
 +
  }
 +
}
 +
.square:nth-child(166) {
 +
  transform: rotate(150.94857deg) translate(25.73908em) rotate(-150.94857deg);
 +
  animation: collapse-9-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-20 {
 +
  69.23077%, 100% {
 +
    transform: rotate(150.94857deg) translate(18.20027em) rotate(-150.94857deg);
 +
  }
 +
}
 +
.square:nth-child(167) {
 +
  transform: rotate(161.56592deg) translate(23.71708em) rotate(-161.56592deg);
 +
  animation: collapse-9-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-21 {
 +
  69.23077%, 100% {
 +
    transform: rotate(161.56592deg) translate(16.77051em) rotate(-161.56592deg);
 +
  }
 +
}
 +
.square:nth-child(168) {
 +
  transform: rotate(173.65988deg) translate(22.63846em) rotate(-173.65988deg);
 +
  animation: collapse-9-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-22 {
 +
  69.23077%, 100% {
 +
    transform: rotate(173.65988deg) translate(16.00781em) rotate(-173.65988deg);
 +
  }
 +
}
 +
.square:nth-child(169) {
 +
  transform: rotate(186.34012deg) translate(22.63846em) rotate(-186.34012deg);
 +
  animation: collapse-9-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-23 {
 +
  69.23077%, 100% {
 +
    transform: rotate(186.34012deg) translate(16.00781em) rotate(-186.34012deg);
 +
  }
 +
}
 +
.square:nth-child(170) {
 +
  transform: rotate(198.43408deg) translate(23.71708em) rotate(-198.43408deg);
 +
  animation: collapse-9-24 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-24 {
 +
  69.23077%, 100% {
 +
    transform: rotate(198.43408deg) translate(16.77051em) rotate(-198.43408deg);
 +
  }
 +
}
 +
.square:nth-child(171) {
 +
  transform: rotate(209.05143deg) translate(25.73908em) rotate(-209.05143deg);
 +
  animation: collapse-9-25 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-25 {
 +
  69.23077%, 100% {
 +
    transform: rotate(209.05143deg) translate(18.20027em) rotate(-209.05143deg);
 +
  }
 +
}
 +
.square:nth-child(172) {
 +
  transform: rotate(217.86647deg) translate(28.50439em) rotate(-217.86647deg);
 +
  animation: collapse-9-26 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-26 {
 +
  69.23077%, 100% {
 +
    transform: rotate(217.86647deg) translate(20.15564em) rotate(-217.86647deg);
 +
  }
 +
}
 +
.square:nth-child(173) {
 +
  transform: rotate(225.0186deg) translate(31.81981em) rotate(-225.0186deg);
 +
  animation: collapse-9-27 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-27 {
 +
  69.23077%, 100% {
 +
    transform: rotate(225.0186deg) translate(22.5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(174) {
 +
  transform: rotate(232.13353deg) translate(28.50439em) rotate(-232.13353deg);
 +
  animation: collapse-9-28 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-28 {
 +
  69.23077%, 100% {
 +
    transform: rotate(232.13353deg) translate(20.15564em) rotate(-232.13353deg);
 +
  }
 +
}
 +
.square:nth-child(175) {
 +
  transform: rotate(240.94857deg) translate(25.73908em) rotate(-240.94857deg);
 +
  animation: collapse-9-29 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-29 {
 +
  69.23077%, 100% {
 +
    transform: rotate(240.94857deg) translate(18.20027em) rotate(-240.94857deg);
 +
  }
 +
}
 +
.square:nth-child(176) {
 +
  transform: rotate(251.56592deg) translate(23.71708em) rotate(-251.56592deg);
 +
  animation: collapse-9-30 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-30 {
 +
  69.23077%, 100% {
 +
    transform: rotate(251.56592deg) translate(16.77051em) rotate(-251.56592deg);
 +
  }
 +
}
 +
.square:nth-child(177) {
 +
  transform: rotate(263.65988deg) translate(22.63846em) rotate(-263.65988deg);
 +
  animation: collapse-9-31 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-31 {
 +
  69.23077%, 100% {
 +
    transform: rotate(263.65988deg) translate(16.00781em) rotate(-263.65988deg);
 +
  }
 +
}
 +
.square:nth-child(178) {
 +
  transform: rotate(276.34012deg) translate(22.63846em) rotate(-276.34012deg);
 +
  animation: collapse-9-32 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-32 {
 +
  69.23077%, 100% {
 +
    transform: rotate(276.34012deg) translate(16.00781em) rotate(-276.34012deg);
 +
  }
 +
}
 +
.square:nth-child(179) {
 +
  transform: rotate(288.43408deg) translate(23.71708em) rotate(-288.43408deg);
 +
  animation: collapse-9-33 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-33 {
 +
  69.23077%, 100% {
 +
    transform: rotate(288.43408deg) translate(16.77051em) rotate(-288.43408deg);
 +
  }
 +
}
 +
.square:nth-child(180) {
 +
  transform: rotate(299.05143deg) translate(25.73908em) rotate(-299.05143deg);
 +
  animation: collapse-9-34 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-34 {
 +
  69.23077%, 100% {
 +
    transform: rotate(299.05143deg) translate(18.20027em) rotate(-299.05143deg);
 +
  }
 +
}
 +
.square:nth-child(181) {
 +
  transform: rotate(307.86647deg) translate(28.50439em) rotate(-307.86647deg);
 +
  animation: collapse-9-35 5s ease-in infinite;
 +
}
 +
@keyframes collapse-9-35 {
 +
  69.23077%, 100% {
 +
    transform: rotate(307.86647deg) translate(20.15564em) rotate(-307.86647deg);
 +
  }
 +
}
 +
.square:nth-child(n + 182):before {
 +
  animation-name: ani10;
 +
}
 +
@keyframes ani10 {
 +
  76.15385%, 100% {
 +
    transform: rotate(45deg) scale(1);
 +
  }
 +
}
 +
.square:nth-child(182) {
 +
  transform: rotate(-44.9814deg) translate(35.35534em) rotate(44.9814deg);
 +
  animation: collapse-10-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-0 {
 +
  76.15385%, 100% {
 +
    transform: rotate(-44.9814deg) translate(25em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(183) {
 +
  transform: rotate(-38.64935deg) translate(32.01562em) rotate(38.64935deg);
 +
  animation: collapse-10-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-1 {
 +
  76.15385%, 100% {
 +
    transform: rotate(-38.64935deg) translate(22.63846em) rotate(38.64935deg);
 +
  }
 +
}
 +
.square:nth-child(184) {
 +
  transform: rotate(-30.95828deg) translate(29.15476em) rotate(30.95828deg);
 +
  animation: collapse-10-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-2 {
 +
  76.15385%, 100% {
 +
    transform: rotate(-30.95828deg) translate(20.61553em) rotate(30.95828deg);
 +
  }
 +
}
 +
.square:nth-child(185) {
 +
  transform: rotate(-21.79866deg) translate(26.92582em) rotate(21.79866deg);
 +
  animation: collapse-10-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-3 {
 +
  76.15385%, 100% {
 +
    transform: rotate(-21.79866deg) translate(19.03943em) rotate(21.79866deg);
 +
  }
 +
}
 +
.square:nth-child(186) {
 +
  transform: rotate(-11.30866deg) translate(25.4951em) rotate(11.30866deg);
 +
  animation: collapse-10-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-4 {
 +
  76.15385%, 100% {
 +
    transform: rotate(-11.30866deg) translate(18.02776em) rotate(11.30866deg);
 +
  }
 +
}
 +
.square:nth-child(187) {
 +
  transform: rotate(0deg) translate(25em) rotate(0deg);
 +
  animation: collapse-10-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-5 {
 +
  76.15385%, 100% {
 +
    transform: rotate(0deg) translate(17.67767em) rotate(0deg);
 +
  }
 +
}
 +
.square:nth-child(188) {
 +
  transform: rotate(11.30866deg) translate(25.4951em) rotate(-11.30866deg);
 +
  animation: collapse-10-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-6 {
 +
  76.15385%, 100% {
 +
    transform: rotate(11.30866deg) translate(18.02776em) rotate(-11.30866deg);
 +
  }
 +
}
 +
.square:nth-child(189) {
 +
  transform: rotate(21.79866deg) translate(26.92582em) rotate(-21.79866deg);
 +
  animation: collapse-10-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-7 {
 +
  76.15385%, 100% {
 +
    transform: rotate(21.79866deg) translate(19.03943em) rotate(-21.79866deg);
 +
  }
 +
}
 +
.square:nth-child(190) {
 +
  transform: rotate(30.95828deg) translate(29.15476em) rotate(-30.95828deg);
 +
  animation: collapse-10-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-8 {
 +
  76.15385%, 100% {
 +
    transform: rotate(30.95828deg) translate(20.61553em) rotate(-30.95828deg);
 +
  }
 +
}
 +
.square:nth-child(191) {
 +
  transform: rotate(38.64935deg) translate(32.01562em) rotate(-38.64935deg);
 +
  animation: collapse-10-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-9 {
 +
  76.15385%, 100% {
 +
    transform: rotate(38.64935deg) translate(22.63846em) rotate(-38.64935deg);
 +
  }
 +
}
 +
.square:nth-child(192) {
 +
  transform: rotate(45.0186deg) translate(35.35534em) rotate(-45.0186deg);
 +
  animation: collapse-10-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-10 {
 +
  76.15385%, 100% {
 +
    transform: rotate(45.0186deg) translate(25em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(193) {
 +
  transform: rotate(51.35065deg) translate(32.01562em) rotate(-51.35065deg);
 +
  animation: collapse-10-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-11 {
 +
  76.15385%, 100% {
 +
    transform: rotate(51.35065deg) translate(22.63846em) rotate(-51.35065deg);
 +
  }
 +
}
 +
.square:nth-child(194) {
 +
  transform: rotate(59.04172deg) translate(29.15476em) rotate(-59.04172deg);
 +
  animation: collapse-10-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-12 {
 +
  76.15385%, 100% {
 +
    transform: rotate(59.04172deg) translate(20.61553em) rotate(-59.04172deg);
 +
  }
 +
}
 +
.square:nth-child(195) {
 +
  transform: rotate(68.20134deg) translate(26.92582em) rotate(-68.20134deg);
 +
  animation: collapse-10-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-13 {
 +
  76.15385%, 100% {
 +
    transform: rotate(68.20134deg) translate(19.03943em) rotate(-68.20134deg);
 +
  }
 +
}
 +
.square:nth-child(196) {
 +
  transform: rotate(78.69134deg) translate(25.4951em) rotate(-78.69134deg);
 +
  animation: collapse-10-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-14 {
 +
  76.15385%, 100% {
 +
    transform: rotate(78.69134deg) translate(18.02776em) rotate(-78.69134deg);
 +
  }
 +
}
 +
.square:nth-child(197) {
 +
  transform: rotate(90deg) translate(25em) rotate(-90deg);
 +
  animation: collapse-10-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-15 {
 +
  76.15385%, 100% {
 +
    transform: rotate(90deg) translate(17.67767em) rotate(-90deg);
 +
  }
 +
}
 +
.square:nth-child(198) {
 +
  transform: rotate(101.30866deg) translate(25.4951em) rotate(-101.30866deg);
 +
  animation: collapse-10-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-16 {
 +
  76.15385%, 100% {
 +
    transform: rotate(101.30866deg) translate(18.02776em) rotate(-101.30866deg);
 +
  }
 +
}
 +
.square:nth-child(199) {
 +
  transform: rotate(111.79866deg) translate(26.92582em) rotate(-111.79866deg);
 +
  animation: collapse-10-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-17 {
 +
  76.15385%, 100% {
 +
    transform: rotate(111.79866deg) translate(19.03943em) rotate(-111.79866deg);
 +
  }
 +
}
 +
.square:nth-child(200) {
 +
  transform: rotate(120.95828deg) translate(29.15476em) rotate(-120.95828deg);
 +
  animation: collapse-10-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-18 {
 +
  76.15385%, 100% {
 +
    transform: rotate(120.95828deg) translate(20.61553em) rotate(-120.95828deg);
 +
  }
 +
}
 +
.square:nth-child(201) {
 +
  transform: rotate(128.64935deg) translate(32.01562em) rotate(-128.64935deg);
 +
  animation: collapse-10-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-19 {
 +
  76.15385%, 100% {
 +
    transform: rotate(128.64935deg) translate(22.63846em) rotate(-128.64935deg);
 +
  }
 +
}
 +
.square:nth-child(202) {
 +
  transform: rotate(135.0186deg) translate(35.35534em) rotate(-135.0186deg);
 +
  animation: collapse-10-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-20 {
 +
  76.15385%, 100% {
 +
    transform: rotate(135.0186deg) translate(25em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(203) {
 +
  transform: rotate(141.35065deg) translate(32.01562em) rotate(-141.35065deg);
 +
  animation: collapse-10-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-21 {
 +
  76.15385%, 100% {
 +
    transform: rotate(141.35065deg) translate(22.63846em) rotate(-141.35065deg);
 +
  }
 +
}
 +
.square:nth-child(204) {
 +
  transform: rotate(149.04172deg) translate(29.15476em) rotate(-149.04172deg);
 +
  animation: collapse-10-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-22 {
 +
  76.15385%, 100% {
 +
    transform: rotate(149.04172deg) translate(20.61553em) rotate(-149.04172deg);
 +
  }
 +
}
 +
.square:nth-child(205) {
 +
  transform: rotate(158.20134deg) translate(26.92582em) rotate(-158.20134deg);
 +
  animation: collapse-10-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-23 {
 +
  76.15385%, 100% {
 +
    transform: rotate(158.20134deg) translate(19.03943em) rotate(-158.20134deg);
 +
  }
 +
}
 +
.square:nth-child(206) {
 +
  transform: rotate(168.69134deg) translate(25.4951em) rotate(-168.69134deg);
 +
  animation: collapse-10-24 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-24 {
 +
  76.15385%, 100% {
 +
    transform: rotate(168.69134deg) translate(18.02776em) rotate(-168.69134deg);
 +
  }
 +
}
 +
.square:nth-child(207) {
 +
  transform: rotate(180deg) translate(25em) rotate(-180deg);
 +
  animation: collapse-10-25 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-25 {
 +
  76.15385%, 100% {
 +
    transform: rotate(180deg) translate(17.67767em) rotate(-180deg);
 +
  }
 +
}
 +
.square:nth-child(208) {
 +
  transform: rotate(191.30866deg) translate(25.4951em) rotate(-191.30866deg);
 +
  animation: collapse-10-26 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-26 {
 +
  76.15385%, 100% {
 +
    transform: rotate(191.30866deg) translate(18.02776em) rotate(-191.30866deg);
 +
  }
 +
}
 +
.square:nth-child(209) {
 +
  transform: rotate(201.79866deg) translate(26.92582em) rotate(-201.79866deg);
 +
  animation: collapse-10-27 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-27 {
 +
  76.15385%, 100% {
 +
    transform: rotate(201.79866deg) translate(19.03943em) rotate(-201.79866deg);
 +
  }
 +
}
 +
.square:nth-child(210) {
 +
  transform: rotate(210.95828deg) translate(29.15476em) rotate(-210.95828deg);
 +
  animation: collapse-10-28 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-28 {
 +
  76.15385%, 100% {
 +
    transform: rotate(210.95828deg) translate(20.61553em) rotate(-210.95828deg);
 +
  }
 +
}
 +
.square:nth-child(211) {
 +
  transform: rotate(218.64935deg) translate(32.01562em) rotate(-218.64935deg);
 +
  animation: collapse-10-29 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-29 {
 +
  76.15385%, 100% {
 +
    transform: rotate(218.64935deg) translate(22.63846em) rotate(-218.64935deg);
 +
  }
 +
}
 +
.square:nth-child(212) {
 +
  transform: rotate(225.0186deg) translate(35.35534em) rotate(-225.0186deg);
 +
  animation: collapse-10-30 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-30 {
 +
  76.15385%, 100% {
 +
    transform: rotate(225.0186deg) translate(25em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(213) {
 +
  transform: rotate(231.35065deg) translate(32.01562em) rotate(-231.35065deg);
 +
  animation: collapse-10-31 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-31 {
 +
  76.15385%, 100% {
 +
    transform: rotate(231.35065deg) translate(22.63846em) rotate(-231.35065deg);
 +
  }
 +
}
 +
.square:nth-child(214) {
 +
  transform: rotate(239.04172deg) translate(29.15476em) rotate(-239.04172deg);
 +
  animation: collapse-10-32 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-32 {
 +
  76.15385%, 100% {
 +
    transform: rotate(239.04172deg) translate(20.61553em) rotate(-239.04172deg);
 +
  }
 +
}
 +
.square:nth-child(215) {
 +
  transform: rotate(248.20134deg) translate(26.92582em) rotate(-248.20134deg);
 +
  animation: collapse-10-33 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-33 {
 +
  76.15385%, 100% {
 +
    transform: rotate(248.20134deg) translate(19.03943em) rotate(-248.20134deg);
 +
  }
 +
}
 +
.square:nth-child(216) {
 +
  transform: rotate(258.69134deg) translate(25.4951em) rotate(-258.69134deg);
 +
  animation: collapse-10-34 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-34 {
 +
  76.15385%, 100% {
 +
    transform: rotate(258.69134deg) translate(18.02776em) rotate(-258.69134deg);
 +
  }
 +
}
 +
.square:nth-child(217) {
 +
  transform: rotate(270deg) translate(25em) rotate(-270deg);
 +
  animation: collapse-10-35 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-35 {
 +
  76.15385%, 100% {
 +
    transform: rotate(270deg) translate(17.67767em) rotate(-270deg);
 +
  }
 +
}
 +
.square:nth-child(218) {
 +
  transform: rotate(281.30866deg) translate(25.4951em) rotate(-281.30866deg);
 +
  animation: collapse-10-36 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-36 {
 +
  76.15385%, 100% {
 +
    transform: rotate(281.30866deg) translate(18.02776em) rotate(-281.30866deg);
 +
  }
 +
}
 +
.square:nth-child(219) {
 +
  transform: rotate(291.79866deg) translate(26.92582em) rotate(-291.79866deg);
 +
  animation: collapse-10-37 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-37 {
 +
  76.15385%, 100% {
 +
    transform: rotate(291.79866deg) translate(19.03943em) rotate(-291.79866deg);
 +
  }
 +
}
 +
.square:nth-child(220) {
 +
  transform: rotate(300.95828deg) translate(29.15476em) rotate(-300.95828deg);
 +
  animation: collapse-10-38 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-38 {
 +
  76.15385%, 100% {
 +
    transform: rotate(300.95828deg) translate(20.61553em) rotate(-300.95828deg);
 +
  }
 +
}
 +
.square:nth-child(221) {
 +
  transform: rotate(308.64935deg) translate(32.01562em) rotate(-308.64935deg);
 +
  animation: collapse-10-39 5s ease-in infinite;
 +
}
 +
@keyframes collapse-10-39 {
 +
  76.15385%, 100% {
 +
    transform: rotate(308.64935deg) translate(22.63846em) rotate(-308.64935deg);
 +
  }
 +
}
 +
.square:nth-child(n + 222):before {
 +
  animation-name: ani11;
 +
}
 +
@keyframes ani11 {
 +
  83.07692%, 100% {
 +
    transform: rotate(45deg) scale(0);
 +
  }
 +
}
 +
.square:nth-child(222) {
 +
  transform: rotate(-44.9814deg) translate(38.89087em) rotate(44.9814deg);
 +
  animation: collapse-11-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-0 {
 +
  83.07692%, 100% {
 +
    transform: rotate(-44.9814deg) translate(27.5em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(223) {
 +
  transform: rotate(-39.2771deg) translate(35.53168em) rotate(39.2771deg);
 +
  animation: collapse-11-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-1 {
 +
  83.07692%, 100% {
 +
    transform: rotate(-39.2771deg) translate(25.12469em) rotate(39.2771deg);
 +
  }
 +
}
 +
.square:nth-child(224) {
 +
  transform: rotate(-32.46297deg) translate(32.59601em) rotate(32.46297deg);
 +
  animation: collapse-11-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-2 {
 +
  83.07692%, 100% {
 +
    transform: rotate(-32.46297deg) translate(23.04886em) rotate(32.46297deg);
 +
  }
 +
}
 +
.square:nth-child(225) {
 +
  transform: rotate(-24.43793deg) translate(30.20761em) rotate(24.43793deg);
 +
  animation: collapse-11-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-3 {
 +
  83.07692%, 100% {
 +
    transform: rotate(-24.43793deg) translate(21.36001em) rotate(24.43793deg);
 +
  }
 +
}
 +
.square:nth-child(226) {
 +
  transform: rotate(-15.24947deg) translate(28.50439em) rotate(15.24947deg);
 +
  animation: collapse-11-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-4 {
 +
  83.07692%, 100% {
 +
    transform: rotate(-15.24947deg) translate(20.15564em) rotate(15.24947deg);
 +
  }
 +
}
 +
.square:nth-child(227) {
 +
  transform: rotate(-5.18732deg) translate(27.6134em) rotate(5.18732deg);
 +
  animation: collapse-11-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-5 {
 +
  83.07692%, 100% {
 +
    transform: rotate(-5.18732deg) translate(19.52562em) rotate(5.18732deg);
 +
  }
 +
}
 +
.square:nth-child(228) {
 +
  transform: rotate(5.18732deg) translate(27.6134em) rotate(-5.18732deg);
 +
  animation: collapse-11-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-6 {
 +
  83.07692%, 100% {
 +
    transform: rotate(5.18732deg) translate(19.52562em) rotate(-5.18732deg);
 +
  }
 +
}
 +
.square:nth-child(229) {
 +
  transform: rotate(15.24947deg) translate(28.50439em) rotate(-15.24947deg);
 +
  animation: collapse-11-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-7 {
 +
  83.07692%, 100% {
 +
    transform: rotate(15.24947deg) translate(20.15564em) rotate(-15.24947deg);
 +
  }
 +
}
 +
.square:nth-child(230) {
 +
  transform: rotate(24.43793deg) translate(30.20761em) rotate(-24.43793deg);
 +
  animation: collapse-11-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-8 {
 +
  83.07692%, 100% {
 +
    transform: rotate(24.43793deg) translate(21.36001em) rotate(-24.43793deg);
 +
  }
 +
}
 +
.square:nth-child(231) {
 +
  transform: rotate(32.46297deg) translate(32.59601em) rotate(-32.46297deg);
 +
  animation: collapse-11-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-9 {
 +
  83.07692%, 100% {
 +
    transform: rotate(32.46297deg) translate(23.04886em) rotate(-32.46297deg);
 +
  }
 +
}
 +
.square:nth-child(232) {
 +
  transform: rotate(39.2771deg) translate(35.53168em) rotate(-39.2771deg);
 +
  animation: collapse-11-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-10 {
 +
  83.07692%, 100% {
 +
    transform: rotate(39.2771deg) translate(25.12469em) rotate(-39.2771deg);
 +
  }
 +
}
 +
.square:nth-child(233) {
 +
  transform: rotate(45.0186deg) translate(38.89087em) rotate(-45.0186deg);
 +
  animation: collapse-11-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-11 {
 +
  83.07692%, 100% {
 +
    transform: rotate(45.0186deg) translate(27.5em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(234) {
 +
  transform: rotate(50.7229deg) translate(35.53168em) rotate(-50.7229deg);
 +
  animation: collapse-11-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-12 {
 +
  83.07692%, 100% {
 +
    transform: rotate(50.7229deg) translate(25.12469em) rotate(-50.7229deg);
 +
  }
 +
}
 +
.square:nth-child(235) {
 +
  transform: rotate(57.53703deg) translate(32.59601em) rotate(-57.53703deg);
 +
  animation: collapse-11-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-13 {
 +
  83.07692%, 100% {
 +
    transform: rotate(57.53703deg) translate(23.04886em) rotate(-57.53703deg);
 +
  }
 +
}
 +
.square:nth-child(236) {
 +
  transform: rotate(65.56207deg) translate(30.20761em) rotate(-65.56207deg);
 +
  animation: collapse-11-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-14 {
 +
  83.07692%, 100% {
 +
    transform: rotate(65.56207deg) translate(21.36001em) rotate(-65.56207deg);
 +
  }
 +
}
 +
.square:nth-child(237) {
 +
  transform: rotate(74.75053deg) translate(28.50439em) rotate(-74.75053deg);
 +
  animation: collapse-11-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-15 {
 +
  83.07692%, 100% {
 +
    transform: rotate(74.75053deg) translate(20.15564em) rotate(-74.75053deg);
 +
  }
 +
}
 +
.square:nth-child(238) {
 +
  transform: rotate(84.81268deg) translate(27.6134em) rotate(-84.81268deg);
 +
  animation: collapse-11-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-16 {
 +
  83.07692%, 100% {
 +
    transform: rotate(84.81268deg) translate(19.52562em) rotate(-84.81268deg);
 +
  }
 +
}
 +
.square:nth-child(239) {
 +
  transform: rotate(95.18732deg) translate(27.6134em) rotate(-95.18732deg);
 +
  animation: collapse-11-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-17 {
 +
  83.07692%, 100% {
 +
    transform: rotate(95.18732deg) translate(19.52562em) rotate(-95.18732deg);
 +
  }
 +
}
 +
.square:nth-child(240) {
 +
  transform: rotate(105.24947deg) translate(28.50439em) rotate(-105.24947deg);
 +
  animation: collapse-11-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-18 {
 +
  83.07692%, 100% {
 +
    transform: rotate(105.24947deg) translate(20.15564em) rotate(-105.24947deg);
 +
  }
 +
}
 +
.square:nth-child(241) {
 +
  transform: rotate(114.43793deg) translate(30.20761em) rotate(-114.43793deg);
 +
  animation: collapse-11-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-19 {
 +
  83.07692%, 100% {
 +
    transform: rotate(114.43793deg) translate(21.36001em) rotate(-114.43793deg);
 +
  }
 +
}
 +
.square:nth-child(242) {
 +
  transform: rotate(122.46297deg) translate(32.59601em) rotate(-122.46297deg);
 +
  animation: collapse-11-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-20 {
 +
  83.07692%, 100% {
 +
    transform: rotate(122.46297deg) translate(23.04886em) rotate(-122.46297deg);
 +
  }
 +
}
 +
.square:nth-child(243) {
 +
  transform: rotate(129.2771deg) translate(35.53168em) rotate(-129.2771deg);
 +
  animation: collapse-11-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-21 {
 +
  83.07692%, 100% {
 +
    transform: rotate(129.2771deg) translate(25.12469em) rotate(-129.2771deg);
 +
  }
 +
}
 +
.square:nth-child(244) {
 +
  transform: rotate(135.0186deg) translate(38.89087em) rotate(-135.0186deg);
 +
  animation: collapse-11-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-22 {
 +
  83.07692%, 100% {
 +
    transform: rotate(135.0186deg) translate(27.5em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(245) {
 +
  transform: rotate(140.7229deg) translate(35.53168em) rotate(-140.7229deg);
 +
  animation: collapse-11-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-23 {
 +
  83.07692%, 100% {
 +
    transform: rotate(140.7229deg) translate(25.12469em) rotate(-140.7229deg);
 +
  }
 +
}
 +
.square:nth-child(246) {
 +
  transform: rotate(147.53703deg) translate(32.59601em) rotate(-147.53703deg);
 +
  animation: collapse-11-24 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-24 {
 +
  83.07692%, 100% {
 +
    transform: rotate(147.53703deg) translate(23.04886em) rotate(-147.53703deg);
 +
  }
 +
}
 +
.square:nth-child(247) {
 +
  transform: rotate(155.56207deg) translate(30.20761em) rotate(-155.56207deg);
 +
  animation: collapse-11-25 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-25 {
 +
  83.07692%, 100% {
 +
    transform: rotate(155.56207deg) translate(21.36001em) rotate(-155.56207deg);
 +
  }
 +
}
 +
.square:nth-child(248) {
 +
  transform: rotate(164.75053deg) translate(28.50439em) rotate(-164.75053deg);
 +
  animation: collapse-11-26 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-26 {
 +
  83.07692%, 100% {
 +
    transform: rotate(164.75053deg) translate(20.15564em) rotate(-164.75053deg);
 +
  }
 +
}
 +
.square:nth-child(249) {
 +
  transform: rotate(174.81268deg) translate(27.6134em) rotate(-174.81268deg);
 +
  animation: collapse-11-27 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-27 {
 +
  83.07692%, 100% {
 +
    transform: rotate(174.81268deg) translate(19.52562em) rotate(-174.81268deg);
 +
  }
 +
}
 +
.square:nth-child(250) {
 +
  transform: rotate(185.18732deg) translate(27.6134em) rotate(-185.18732deg);
 +
  animation: collapse-11-28 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-28 {
 +
  83.07692%, 100% {
 +
    transform: rotate(185.18732deg) translate(19.52562em) rotate(-185.18732deg);
 +
  }
 +
}
 +
.square:nth-child(251) {
 +
  transform: rotate(195.24947deg) translate(28.50439em) rotate(-195.24947deg);
 +
  animation: collapse-11-29 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-29 {
 +
  83.07692%, 100% {
 +
    transform: rotate(195.24947deg) translate(20.15564em) rotate(-195.24947deg);
 +
  }
 +
}
 +
.square:nth-child(252) {
 +
  transform: rotate(204.43793deg) translate(30.20761em) rotate(-204.43793deg);
 +
  animation: collapse-11-30 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-30 {
 +
  83.07692%, 100% {
 +
    transform: rotate(204.43793deg) translate(21.36001em) rotate(-204.43793deg);
 +
  }
 +
}
 +
.square:nth-child(253) {
 +
  transform: rotate(212.46297deg) translate(32.59601em) rotate(-212.46297deg);
 +
  animation: collapse-11-31 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-31 {
 +
  83.07692%, 100% {
 +
    transform: rotate(212.46297deg) translate(23.04886em) rotate(-212.46297deg);
 +
  }
 +
}
 +
.square:nth-child(254) {
 +
  transform: rotate(219.2771deg) translate(35.53168em) rotate(-219.2771deg);
 +
  animation: collapse-11-32 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-32 {
 +
  83.07692%, 100% {
 +
    transform: rotate(219.2771deg) translate(25.12469em) rotate(-219.2771deg);
 +
  }
 +
}
 +
.square:nth-child(255) {
 +
  transform: rotate(225.0186deg) translate(38.89087em) rotate(-225.0186deg);
 +
  animation: collapse-11-33 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-33 {
 +
  83.07692%, 100% {
 +
    transform: rotate(225.0186deg) translate(27.5em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(256) {
 +
  transform: rotate(230.7229deg) translate(35.53168em) rotate(-230.7229deg);
 +
  animation: collapse-11-34 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-34 {
 +
  83.07692%, 100% {
 +
    transform: rotate(230.7229deg) translate(25.12469em) rotate(-230.7229deg);
 +
  }
 +
}
 +
.square:nth-child(257) {
 +
  transform: rotate(237.53703deg) translate(32.59601em) rotate(-237.53703deg);
 +
  animation: collapse-11-35 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-35 {
 +
  83.07692%, 100% {
 +
    transform: rotate(237.53703deg) translate(23.04886em) rotate(-237.53703deg);
 +
  }
 +
}
 +
.square:nth-child(258) {
 +
  transform: rotate(245.56207deg) translate(30.20761em) rotate(-245.56207deg);
 +
  animation: collapse-11-36 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-36 {
 +
  83.07692%, 100% {
 +
    transform: rotate(245.56207deg) translate(21.36001em) rotate(-245.56207deg);
 +
  }
 +
}
 +
.square:nth-child(259) {
 +
  transform: rotate(254.75053deg) translate(28.50439em) rotate(-254.75053deg);
 +
  animation: collapse-11-37 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-37 {
 +
  83.07692%, 100% {
 +
    transform: rotate(254.75053deg) translate(20.15564em) rotate(-254.75053deg);
 +
  }
 +
}
 +
.square:nth-child(260) {
 +
  transform: rotate(264.81268deg) translate(27.6134em) rotate(-264.81268deg);
 +
  animation: collapse-11-38 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-38 {
 +
  83.07692%, 100% {
 +
    transform: rotate(264.81268deg) translate(19.52562em) rotate(-264.81268deg);
 +
  }
 +
}
 +
.square:nth-child(261) {
 +
  transform: rotate(275.18732deg) translate(27.6134em) rotate(-275.18732deg);
 +
  animation: collapse-11-39 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-39 {
 +
  83.07692%, 100% {
 +
    transform: rotate(275.18732deg) translate(19.52562em) rotate(-275.18732deg);
 +
  }
 +
}
 +
.square:nth-child(262) {
 +
  transform: rotate(285.24947deg) translate(28.50439em) rotate(-285.24947deg);
 +
  animation: collapse-11-40 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-40 {
 +
  83.07692%, 100% {
 +
    transform: rotate(285.24947deg) translate(20.15564em) rotate(-285.24947deg);
 +
  }
 +
}
 +
.square:nth-child(263) {
 +
  transform: rotate(294.43793deg) translate(30.20761em) rotate(-294.43793deg);
 +
  animation: collapse-11-41 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-41 {
 +
  83.07692%, 100% {
 +
    transform: rotate(294.43793deg) translate(21.36001em) rotate(-294.43793deg);
 +
  }
 +
}
 +
.square:nth-child(264) {
 +
  transform: rotate(302.46297deg) translate(32.59601em) rotate(-302.46297deg);
 +
  animation: collapse-11-42 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-42 {
 +
  83.07692%, 100% {
 +
    transform: rotate(302.46297deg) translate(23.04886em) rotate(-302.46297deg);
 +
  }
 +
}
 +
.square:nth-child(265) {
 +
  transform: rotate(309.2771deg) translate(35.53168em) rotate(-309.2771deg);
 +
  animation: collapse-11-43 5s ease-in infinite;
 +
}
 +
@keyframes collapse-11-43 {
 +
  83.07692%, 100% {
 +
    transform: rotate(309.2771deg) translate(25.12469em) rotate(-309.2771deg);
 +
  }
 +
}
 +
.square:nth-child(n + 266):before {
 +
  animation-name: ani12;
 +
}
 +
@keyframes ani12 {
 +
  90%, 100% {
 +
    transform: rotate(45deg) scale(1);
 +
  }
 +
}
 +
.square:nth-child(266) {
 +
  transform: rotate(-44.9814deg) translate(42.42641em) rotate(44.9814deg);
 +
  animation: collapse-12-0 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-0 {
 +
  90%, 100% {
 +
    transform: rotate(-44.9814deg) translate(30em) rotate(44.9814deg);
 +
  }
 +
}
 +
.square:nth-child(267) {
 +
  transform: rotate(-39.79155deg) translate(39.05125em) rotate(39.79155deg);
 +
  animation: collapse-12-1 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-1 {
 +
  90%, 100% {
 +
    transform: rotate(-39.79155deg) translate(27.6134em) rotate(39.79155deg);
 +
  }
 +
}
 +
.square:nth-child(268) {
 +
  transform: rotate(-33.67883deg) translate(36.05551em) rotate(33.67883deg);
 +
  animation: collapse-12-2 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-2 {
 +
  90%, 100% {
 +
    transform: rotate(-33.67883deg) translate(25.4951em) rotate(33.67883deg);
 +
  }
 +
}
 +
.square:nth-child(269) {
 +
  transform: rotate(-26.55444deg) translate(33.54102em) rotate(26.55444deg);
 +
  animation: collapse-12-3 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-3 {
 +
  90%, 100% {
 +
    transform: rotate(-26.55444deg) translate(23.71708em) rotate(26.55444deg);
 +
  }
 +
}
 +
.square:nth-child(270) {
 +
  transform: rotate(-18.43408deg) translate(31.62278em) rotate(18.43408deg);
 +
  animation: collapse-12-4 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-4 {
 +
  90%, 100% {
 +
    transform: rotate(-18.43408deg) translate(22.36068em) rotate(18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(271) {
 +
  transform: rotate(-9.4618deg) translate(30.41381em) rotate(9.4618deg);
 +
  animation: collapse-12-5 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-5 {
 +
  90%, 100% {
 +
    transform: rotate(-9.4618deg) translate(21.50581em) rotate(9.4618deg);
 +
  }
 +
}
 +
.square:nth-child(272) {
 +
  transform: rotate(0deg) translate(30em) rotate(0deg);
 +
  animation: collapse-12-6 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-6 {
 +
  90%, 100% {
 +
    transform: rotate(0deg) translate(21.2132em) rotate(0deg);
 +
  }
 +
}
 +
.square:nth-child(273) {
 +
  transform: rotate(9.4618deg) translate(30.41381em) rotate(-9.4618deg);
 +
  animation: collapse-12-7 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-7 {
 +
  90%, 100% {
 +
    transform: rotate(9.4618deg) translate(21.50581em) rotate(-9.4618deg);
 +
  }
 +
}
 +
.square:nth-child(274) {
 +
  transform: rotate(18.43408deg) translate(31.62278em) rotate(-18.43408deg);
 +
  animation: collapse-12-8 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-8 {
 +
  90%, 100% {
 +
    transform: rotate(18.43408deg) translate(22.36068em) rotate(-18.43408deg);
 +
  }
 +
}
 +
.square:nth-child(275) {
 +
  transform: rotate(26.55444deg) translate(33.54102em) rotate(-26.55444deg);
 +
  animation: collapse-12-9 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-9 {
 +
  90%, 100% {
 +
    transform: rotate(26.55444deg) translate(23.71708em) rotate(-26.55444deg);
 +
  }
 +
}
 +
.square:nth-child(276) {
 +
  transform: rotate(33.67883deg) translate(36.05551em) rotate(-33.67883deg);
 +
  animation: collapse-12-10 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-10 {
 +
  90%, 100% {
 +
    transform: rotate(33.67883deg) translate(25.4951em) rotate(-33.67883deg);
 +
  }
 +
}
 +
.square:nth-child(277) {
 +
  transform: rotate(39.79155deg) translate(39.05125em) rotate(-39.79155deg);
 +
  animation: collapse-12-11 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-11 {
 +
  90%, 100% {
 +
    transform: rotate(39.79155deg) translate(27.6134em) rotate(-39.79155deg);
 +
  }
 +
}
 +
.square:nth-child(278) {
 +
  transform: rotate(45.0186deg) translate(42.42641em) rotate(-45.0186deg);
 +
  animation: collapse-12-12 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-12 {
 +
  90%, 100% {
 +
    transform: rotate(45.0186deg) translate(30em) rotate(-45.0186deg);
 +
  }
 +
}
 +
.square:nth-child(279) {
 +
  transform: rotate(50.20845deg) translate(39.05125em) rotate(-50.20845deg);
 +
  animation: collapse-12-13 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-13 {
 +
  90%, 100% {
 +
    transform: rotate(50.20845deg) translate(27.6134em) rotate(-50.20845deg);
 +
  }
 +
}
 +
.square:nth-child(280) {
 +
  transform: rotate(56.32117deg) translate(36.05551em) rotate(-56.32117deg);
 +
  animation: collapse-12-14 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-14 {
 +
  90%, 100% {
 +
    transform: rotate(56.32117deg) translate(25.4951em) rotate(-56.32117deg);
 +
  }
 +
}
 +
.square:nth-child(281) {
 +
  transform: rotate(63.44556deg) translate(33.54102em) rotate(-63.44556deg);
 +
  animation: collapse-12-15 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-15 {
 +
  90%, 100% {
 +
    transform: rotate(63.44556deg) translate(23.71708em) rotate(-63.44556deg);
 +
  }
 +
}
 +
.square:nth-child(282) {
 +
  transform: rotate(71.56592deg) translate(31.62278em) rotate(-71.56592deg);
 +
  animation: collapse-12-16 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-16 {
 +
  90%, 100% {
 +
    transform: rotate(71.56592deg) translate(22.36068em) rotate(-71.56592deg);
 +
  }
 +
}
 +
.square:nth-child(283) {
 +
  transform: rotate(80.5382deg) translate(30.41381em) rotate(-80.5382deg);
 +
  animation: collapse-12-17 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-17 {
 +
  90%, 100% {
 +
    transform: rotate(80.5382deg) translate(21.50581em) rotate(-80.5382deg);
 +
  }
 +
}
 +
.square:nth-child(284) {
 +
  transform: rotate(90deg) translate(30em) rotate(-90deg);
 +
  animation: collapse-12-18 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-18 {
 +
  90%, 100% {
 +
    transform: rotate(90deg) translate(21.2132em) rotate(-90deg);
 +
  }
 +
}
 +
.square:nth-child(285) {
 +
  transform: rotate(99.4618deg) translate(30.41381em) rotate(-99.4618deg);
 +
  animation: collapse-12-19 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-19 {
 +
  90%, 100% {
 +
    transform: rotate(99.4618deg) translate(21.50581em) rotate(-99.4618deg);
 +
  }
 +
}
 +
.square:nth-child(286) {
 +
  transform: rotate(108.43408deg) translate(31.62278em) rotate(-108.43408deg);
 +
  animation: collapse-12-20 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-20 {
 +
  90%, 100% {
 +
    transform: rotate(108.43408deg) translate(22.36068em) rotate(-108.43408deg);
 +
  }
 +
}
 +
.square:nth-child(287) {
 +
  transform: rotate(116.55444deg) translate(33.54102em) rotate(-116.55444deg);
 +
  animation: collapse-12-21 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-21 {
 +
  90%, 100% {
 +
    transform: rotate(116.55444deg) translate(23.71708em) rotate(-116.55444deg);
 +
  }
 +
}
 +
.square:nth-child(288) {
 +
  transform: rotate(123.67883deg) translate(36.05551em) rotate(-123.67883deg);
 +
  animation: collapse-12-22 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-22 {
 +
  90%, 100% {
 +
    transform: rotate(123.67883deg) translate(25.4951em) rotate(-123.67883deg);
 +
  }
 +
}
 +
.square:nth-child(289) {
 +
  transform: rotate(129.79155deg) translate(39.05125em) rotate(-129.79155deg);
 +
  animation: collapse-12-23 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-23 {
 +
  90%, 100% {
 +
    transform: rotate(129.79155deg) translate(27.6134em) rotate(-129.79155deg);
 +
  }
 +
}
 +
.square:nth-child(290) {
 +
  transform: rotate(135.0186deg) translate(42.42641em) rotate(-135.0186deg);
 +
  animation: collapse-12-24 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-24 {
 +
  90%, 100% {
 +
    transform: rotate(135.0186deg) translate(30em) rotate(-135.0186deg);
 +
  }
 +
}
 +
.square:nth-child(291) {
 +
  transform: rotate(140.20845deg) translate(39.05125em) rotate(-140.20845deg);
 +
  animation: collapse-12-25 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-25 {
 +
  90%, 100% {
 +
    transform: rotate(140.20845deg) translate(27.6134em) rotate(-140.20845deg);
 +
  }
 +
}
 +
.square:nth-child(292) {
 +
  transform: rotate(146.32117deg) translate(36.05551em) rotate(-146.32117deg);
 +
  animation: collapse-12-26 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-26 {
 +
  90%, 100% {
 +
    transform: rotate(146.32117deg) translate(25.4951em) rotate(-146.32117deg);
 +
  }
 +
}
 +
.square:nth-child(293) {
 +
  transform: rotate(153.44556deg) translate(33.54102em) rotate(-153.44556deg);
 +
  animation: collapse-12-27 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-27 {
 +
  90%, 100% {
 +
    transform: rotate(153.44556deg) translate(23.71708em) rotate(-153.44556deg);
 +
  }
 +
}
 +
.square:nth-child(294) {
 +
  transform: rotate(161.56592deg) translate(31.62278em) rotate(-161.56592deg);
 +
  animation: collapse-12-28 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-28 {
 +
  90%, 100% {
 +
    transform: rotate(161.56592deg) translate(22.36068em) rotate(-161.56592deg);
 +
  }
 +
}
 +
.square:nth-child(295) {
 +
  transform: rotate(170.5382deg) translate(30.41381em) rotate(-170.5382deg);
 +
  animation: collapse-12-29 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-29 {
 +
  90%, 100% {
 +
    transform: rotate(170.5382deg) translate(21.50581em) rotate(-170.5382deg);
 +
  }
 +
}
 +
.square:nth-child(296) {
 +
  transform: rotate(180deg) translate(30em) rotate(-180deg);
 +
  animation: collapse-12-30 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-30 {
 +
  90%, 100% {
 +
    transform: rotate(180deg) translate(21.2132em) rotate(-180deg);
 +
  }
 +
}
 +
.square:nth-child(297) {
 +
  transform: rotate(189.4618deg) translate(30.41381em) rotate(-189.4618deg);
 +
  animation: collapse-12-31 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-31 {
 +
  90%, 100% {
 +
    transform: rotate(189.4618deg) translate(21.50581em) rotate(-189.4618deg);
 +
  }
 +
}
 +
.square:nth-child(298) {
 +
  transform: rotate(198.43408deg) translate(31.62278em) rotate(-198.43408deg);
 +
  animation: collapse-12-32 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-32 {
 +
  90%, 100% {
 +
    transform: rotate(198.43408deg) translate(22.36068em) rotate(-198.43408deg);
 +
  }
 +
}
 +
.square:nth-child(299) {
 +
  transform: rotate(206.55444deg) translate(33.54102em) rotate(-206.55444deg);
 +
  animation: collapse-12-33 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-33 {
 +
  90%, 100% {
 +
    transform: rotate(206.55444deg) translate(23.71708em) rotate(-206.55444deg);
 +
  }
 +
}
 +
.square:nth-child(300) {
 +
  transform: rotate(213.67883deg) translate(36.05551em) rotate(-213.67883deg);
 +
  animation: collapse-12-34 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-34 {
 +
  90%, 100% {
 +
    transform: rotate(213.67883deg) translate(25.4951em) rotate(-213.67883deg);
 +
  }
 +
}
 +
.square:nth-child(301) {
 +
  transform: rotate(219.79155deg) translate(39.05125em) rotate(-219.79155deg);
 +
  animation: collapse-12-35 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-35 {
 +
  90%, 100% {
 +
    transform: rotate(219.79155deg) translate(27.6134em) rotate(-219.79155deg);
 +
  }
 +
}
 +
.square:nth-child(302) {
 +
  transform: rotate(225.0186deg) translate(42.42641em) rotate(-225.0186deg);
 +
  animation: collapse-12-36 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-36 {
 +
  90%, 100% {
 +
    transform: rotate(225.0186deg) translate(30em) rotate(-225.0186deg);
 +
  }
 +
}
 +
.square:nth-child(303) {
 +
  transform: rotate(230.20845deg) translate(39.05125em) rotate(-230.20845deg);
 +
  animation: collapse-12-37 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-37 {
 +
  90%, 100% {
 +
    transform: rotate(230.20845deg) translate(27.6134em) rotate(-230.20845deg);
 +
  }
 +
}
 +
.square:nth-child(304) {
 +
  transform: rotate(236.32117deg) translate(36.05551em) rotate(-236.32117deg);
 +
  animation: collapse-12-38 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-38 {
 +
  90%, 100% {
 +
    transform: rotate(236.32117deg) translate(25.4951em) rotate(-236.32117deg);
 +
  }
 +
}
 +
.square:nth-child(305) {
 +
  transform: rotate(243.44556deg) translate(33.54102em) rotate(-243.44556deg);
 +
  animation: collapse-12-39 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-39 {
 +
  90%, 100% {
 +
    transform: rotate(243.44556deg) translate(23.71708em) rotate(-243.44556deg);
 +
  }
 +
}
 +
.square:nth-child(306) {
 +
  transform: rotate(251.56592deg) translate(31.62278em) rotate(-251.56592deg);
 +
  animation: collapse-12-40 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-40 {
 +
  90%, 100% {
 +
    transform: rotate(251.56592deg) translate(22.36068em) rotate(-251.56592deg);
 +
  }
 +
}
 +
.square:nth-child(307) {
 +
  transform: rotate(260.5382deg) translate(30.41381em) rotate(-260.5382deg);
 +
  animation: collapse-12-41 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-41 {
 +
  90%, 100% {
 +
    transform: rotate(260.5382deg) translate(21.50581em) rotate(-260.5382deg);
 +
  }
 +
}
 +
.square:nth-child(308) {
 +
  transform: rotate(270deg) translate(30em) rotate(-270deg);
 +
  animation: collapse-12-42 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-42 {
 +
  90%, 100% {
 +
    transform: rotate(270deg) translate(21.2132em) rotate(-270deg);
 +
  }
 +
}
 +
.square:nth-child(309) {
 +
  transform: rotate(279.4618deg) translate(30.41381em) rotate(-279.4618deg);
 +
  animation: collapse-12-43 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-43 {
 +
  90%, 100% {
 +
    transform: rotate(279.4618deg) translate(21.50581em) rotate(-279.4618deg);
 +
  }
 +
}
 +
.square:nth-child(310) {
 +
  transform: rotate(288.43408deg) translate(31.62278em) rotate(-288.43408deg);
 +
  animation: collapse-12-44 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-44 {
 +
  90%, 100% {
 +
    transform: rotate(288.43408deg) translate(22.36068em) rotate(-288.43408deg);
 +
  }
 +
}
 +
.square:nth-child(311) {
 +
  transform: rotate(296.55444deg) translate(33.54102em) rotate(-296.55444deg);
 +
  animation: collapse-12-45 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-45 {
 +
  90%, 100% {
 +
    transform: rotate(296.55444deg) translate(23.71708em) rotate(-296.55444deg);
 +
  }
 +
}
 +
.square:nth-child(312) {
 +
  transform: rotate(303.67883deg) translate(36.05551em) rotate(-303.67883deg);
 +
  animation: collapse-12-46 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-46 {
 +
  90%, 100% {
 +
    transform: rotate(303.67883deg) translate(25.4951em) rotate(-303.67883deg);
 +
  }
 +
}
 +
.square:nth-child(313) {
 +
  transform: rotate(309.79155deg) translate(39.05125em) rotate(-309.79155deg);
 +
  animation: collapse-12-47 5s ease-in infinite;
 +
}
 +
@keyframes collapse-12-47 {
 +
  90%, 100% {
 +
    transform: rotate(309.79155deg) translate(27.6134em) rotate(-309.79155deg);
 +
  }
 +
}
 +
.square:before {
 +
  margin: -1.25em;
 +
  width: 2.5em;
 +
  height: 2.5em;
 +
  background: white;
 +
  animation: ani0 5s linear infinite;
 +
  content: '';
 +
}
 +
 +
@keyframes ani0 {
 +
  6.92308%, 100% {
 +
    transform: rotate(45deg);
 +
  }
 +
}
 +
@keyframes rot {
 +
  to {
 +
    transform: rotate(45deg);
 +
  }
 
}
 
}

Revision as of 10:30, 8 January 2017

/* CSS placed here will be applied to all skins . LOLHAX */
.mw-wiki-logo {
    background-image: url('/images/5/52/Shawiki.png') !important;
}

.fivecolumns
{
-moz-column-count:5;
-moz-column-gap:20px;
-webkit-column-count:5;
-webkit-column-gap:20px;
column-count:5;
column-gap:20px;
}

/* Mentioneduser, user information boxes on mouse over. */
.mentioneduser a {
position: relative;
}

.mentioneduser a span {display: none; z-index: 1000;}

.mentioneduser a:hover span {
display: block;
position: absolute; 
top: 5px; 
left: -50%; 
width: 200px;
padding: 5px; 
margin: 10px; 
z-index: 1000;
color: #AAA; 
background: white;
font: 10px Verdana, sans-serif; 
border: 1px solid silver;
text-decoration: none;
}

.mentioneduser a:hover {
    text-decoration: none;
}

input,
textarea,
select,
button {
  color: black;
}


/* the countdown clock on the front page of the wiki. See common.js for the script. */
#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}

#clockdiv > div{
	padding: 10px;
	border-radius: 3px;
	background: #00BF96;
	display: inline-block;
        margin-left: 10px;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
        width:50px;
        height:50px;
}

.clocksmalltext{
	padding-top: 5px;
	font-size: 16px;
}


/* Some testing */

html {
  overflow: hidden;
  background: #222;
  color: white;
}
html:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16.25em;
  width: 32.5em;
  height: 32.5em;
  box-shadow: 0 0 0 50vmax;
  content: '';
}

.assembly {
  animation: rot 5s linear infinite;
}
.assembly, .assembly *, .assembly :before {
  position: absolute;
  top: 50%;
  left: 50%;
}

.square {
  content: 313;
}
.square:nth-child(n + 2):before {
  animation-name: ani1;
}
@keyframes ani1 {
  13.84615%, 100% {
    transform: rotate(45deg) scale(0);
  }
}
.square:nth-child(2) {
  transform: rotate(-44.9814deg) translate(3.53553em) rotate(44.9814deg);
  animation: collapse-1-0 5s ease-in infinite;
}
@keyframes collapse-1-0 {
  13.84615%, 100% {
    transform: rotate(-44.9814deg) translate(2.5em) rotate(44.9814deg);
  }
}
.square:nth-child(3) {
  transform: rotate(45.0186deg) translate(3.53553em) rotate(-45.0186deg);
  animation: collapse-1-1 5s ease-in infinite;
}
@keyframes collapse-1-1 {
  13.84615%, 100% {
    transform: rotate(45.0186deg) translate(2.5em) rotate(-45.0186deg);
  }
}
.square:nth-child(4) {
  transform: rotate(135.0186deg) translate(3.53553em) rotate(-135.0186deg);
  animation: collapse-1-2 5s ease-in infinite;
}
@keyframes collapse-1-2 {
  13.84615%, 100% {
    transform: rotate(135.0186deg) translate(2.5em) rotate(-135.0186deg);
  }
}
.square:nth-child(5) {
  transform: rotate(225.0186deg) translate(3.53553em) rotate(-225.0186deg);
  animation: collapse-1-3 5s ease-in infinite;
}
@keyframes collapse-1-3 {
  13.84615%, 100% {
    transform: rotate(225.0186deg) translate(2.5em) rotate(-225.0186deg);
  }
}
.square:nth-child(n + 6):before {
  animation-name: ani2;
}
@keyframes ani2 {
  20.76923%, 100% {
    transform: rotate(45deg) scale(1);
  }
}
.square:nth-child(6) {
  transform: rotate(-44.9814deg) translate(7.07107em) rotate(44.9814deg);
  animation: collapse-2-0 5s ease-in infinite;
}
@keyframes collapse-2-0 {
  20.76923%, 100% {
    transform: rotate(-44.9814deg) translate(5em) rotate(44.9814deg);
  }
}
.square:nth-child(7) {
  transform: rotate(0deg) translate(5em) rotate(0deg);
  animation: collapse-2-1 5s ease-in infinite;
}
@keyframes collapse-2-1 {
  20.76923%, 100% {
    transform: rotate(0deg) translate(3.53553em) rotate(0deg);
  }
}
.square:nth-child(8) {
  transform: rotate(45.0186deg) translate(7.07107em) rotate(-45.0186deg);
  animation: collapse-2-2 5s ease-in infinite;
}
@keyframes collapse-2-2 {
  20.76923%, 100% {
    transform: rotate(45.0186deg) translate(5em) rotate(-45.0186deg);
  }
}
.square:nth-child(9) {
  transform: rotate(90deg) translate(5em) rotate(-90deg);
  animation: collapse-2-3 5s ease-in infinite;
}
@keyframes collapse-2-3 {
  20.76923%, 100% {
    transform: rotate(90deg) translate(3.53553em) rotate(-90deg);
  }
}
.square:nth-child(10) {
  transform: rotate(135.0186deg) translate(7.07107em) rotate(-135.0186deg);
  animation: collapse-2-4 5s ease-in infinite;
}
@keyframes collapse-2-4 {
  20.76923%, 100% {
    transform: rotate(135.0186deg) translate(5em) rotate(-135.0186deg);
  }
}
.square:nth-child(11) {
  transform: rotate(180deg) translate(5em) rotate(-180deg);
  animation: collapse-2-5 5s ease-in infinite;
}
@keyframes collapse-2-5 {
  20.76923%, 100% {
    transform: rotate(180deg) translate(3.53553em) rotate(-180deg);
  }
}
.square:nth-child(12) {
  transform: rotate(225.0186deg) translate(7.07107em) rotate(-225.0186deg);
  animation: collapse-2-6 5s ease-in infinite;
}
@keyframes collapse-2-6 {
  20.76923%, 100% {
    transform: rotate(225.0186deg) translate(5em) rotate(-225.0186deg);
  }
}
.square:nth-child(13) {
  transform: rotate(270deg) translate(5em) rotate(-270deg);
  animation: collapse-2-7 5s ease-in infinite;
}
@keyframes collapse-2-7 {
  20.76923%, 100% {
    transform: rotate(270deg) translate(3.53553em) rotate(-270deg);
  }
}
.square:nth-child(n + 14):before {
  animation-name: ani3;
}
@keyframes ani3 {
  27.69231%, 100% {
    transform: rotate(45deg) scale(0);
  }
}
.square:nth-child(14) {
  transform: rotate(-44.9814deg) translate(10.6066em) rotate(44.9814deg);
  animation: collapse-3-0 5s ease-in infinite;
}
@keyframes collapse-3-0 {
  27.69231%, 100% {
    transform: rotate(-44.9814deg) translate(7.5em) rotate(44.9814deg);
  }
}
.square:nth-child(15) {
  transform: rotate(-18.43408deg) translate(7.90569em) rotate(18.43408deg);
  animation: collapse-3-1 5s ease-in infinite;
}
@keyframes collapse-3-1 {
  27.69231%, 100% {
    transform: rotate(-18.43408deg) translate(5.59017em) rotate(18.43408deg);
  }
}
.square:nth-child(16) {
  transform: rotate(18.43408deg) translate(7.90569em) rotate(-18.43408deg);
  animation: collapse-3-2 5s ease-in infinite;
}
@keyframes collapse-3-2 {
  27.69231%, 100% {
    transform: rotate(18.43408deg) translate(5.59017em) rotate(-18.43408deg);
  }
}
.square:nth-child(17) {
  transform: rotate(45.0186deg) translate(10.6066em) rotate(-45.0186deg);
  animation: collapse-3-3 5s ease-in infinite;
}
@keyframes collapse-3-3 {
  27.69231%, 100% {
    transform: rotate(45.0186deg) translate(7.5em) rotate(-45.0186deg);
  }
}
.square:nth-child(18) {
  transform: rotate(71.56592deg) translate(7.90569em) rotate(-71.56592deg);
  animation: collapse-3-4 5s ease-in infinite;
}
@keyframes collapse-3-4 {
  27.69231%, 100% {
    transform: rotate(71.56592deg) translate(5.59017em) rotate(-71.56592deg);
  }
}
.square:nth-child(19) {
  transform: rotate(108.43408deg) translate(7.90569em) rotate(-108.43408deg);
  animation: collapse-3-5 5s ease-in infinite;
}
@keyframes collapse-3-5 {
  27.69231%, 100% {
    transform: rotate(108.43408deg) translate(5.59017em) rotate(-108.43408deg);
  }
}
.square:nth-child(20) {
  transform: rotate(135.0186deg) translate(10.6066em) rotate(-135.0186deg);
  animation: collapse-3-6 5s ease-in infinite;
}
@keyframes collapse-3-6 {
  27.69231%, 100% {
    transform: rotate(135.0186deg) translate(7.5em) rotate(-135.0186deg);
  }
}
.square:nth-child(21) {
  transform: rotate(161.56592deg) translate(7.90569em) rotate(-161.56592deg);
  animation: collapse-3-7 5s ease-in infinite;
}
@keyframes collapse-3-7 {
  27.69231%, 100% {
    transform: rotate(161.56592deg) translate(5.59017em) rotate(-161.56592deg);
  }
}
.square:nth-child(22) {
  transform: rotate(198.43408deg) translate(7.90569em) rotate(-198.43408deg);
  animation: collapse-3-8 5s ease-in infinite;
}
@keyframes collapse-3-8 {
  27.69231%, 100% {
    transform: rotate(198.43408deg) translate(5.59017em) rotate(-198.43408deg);
  }
}
.square:nth-child(23) {
  transform: rotate(225.0186deg) translate(10.6066em) rotate(-225.0186deg);
  animation: collapse-3-9 5s ease-in infinite;
}
@keyframes collapse-3-9 {
  27.69231%, 100% {
    transform: rotate(225.0186deg) translate(7.5em) rotate(-225.0186deg);
  }
}
.square:nth-child(24) {
  transform: rotate(251.56592deg) translate(7.90569em) rotate(-251.56592deg);
  animation: collapse-3-10 5s ease-in infinite;
}
@keyframes collapse-3-10 {
  27.69231%, 100% {
    transform: rotate(251.56592deg) translate(5.59017em) rotate(-251.56592deg);
  }
}
.square:nth-child(25) {
  transform: rotate(288.43408deg) translate(7.90569em) rotate(-288.43408deg);
  animation: collapse-3-11 5s ease-in infinite;
}
@keyframes collapse-3-11 {
  27.69231%, 100% {
    transform: rotate(288.43408deg) translate(5.59017em) rotate(-288.43408deg);
  }
}
.square:nth-child(n + 26):before {
  animation-name: ani4;
}
@keyframes ani4 {
  34.61538%, 100% {
    transform: rotate(45deg) scale(1);
  }
}
.square:nth-child(26) {
  transform: rotate(-44.9814deg) translate(14.14214em) rotate(44.9814deg);
  animation: collapse-4-0 5s ease-in infinite;
}
@keyframes collapse-4-0 {
  34.61538%, 100% {
    transform: rotate(-44.9814deg) translate(10em) rotate(44.9814deg);
  }
}
.square:nth-child(27) {
  transform: rotate(-26.55444deg) translate(11.18034em) rotate(26.55444deg);
  animation: collapse-4-1 5s ease-in infinite;
}
@keyframes collapse-4-1 {
  34.61538%, 100% {
    transform: rotate(-26.55444deg) translate(7.90569em) rotate(26.55444deg);
  }
}
.square:nth-child(28) {
  transform: rotate(0deg) translate(10em) rotate(0deg);
  animation: collapse-4-2 5s ease-in infinite;
}
@keyframes collapse-4-2 {
  34.61538%, 100% {
    transform: rotate(0deg) translate(7.07107em) rotate(0deg);
  }
}
.square:nth-child(29) {
  transform: rotate(26.55444deg) translate(11.18034em) rotate(-26.55444deg);
  animation: collapse-4-3 5s ease-in infinite;
}
@keyframes collapse-4-3 {
  34.61538%, 100% {
    transform: rotate(26.55444deg) translate(7.90569em) rotate(-26.55444deg);
  }
}
.square:nth-child(30) {
  transform: rotate(45.0186deg) translate(14.14214em) rotate(-45.0186deg);
  animation: collapse-4-4 5s ease-in infinite;
}
@keyframes collapse-4-4 {
  34.61538%, 100% {
    transform: rotate(45.0186deg) translate(10em) rotate(-45.0186deg);
  }
}
.square:nth-child(31) {
  transform: rotate(63.44556deg) translate(11.18034em) rotate(-63.44556deg);
  animation: collapse-4-5 5s ease-in infinite;
}
@keyframes collapse-4-5 {
  34.61538%, 100% {
    transform: rotate(63.44556deg) translate(7.90569em) rotate(-63.44556deg);
  }
}
.square:nth-child(32) {
  transform: rotate(90deg) translate(10em) rotate(-90deg);
  animation: collapse-4-6 5s ease-in infinite;
}
@keyframes collapse-4-6 {
  34.61538%, 100% {
    transform: rotate(90deg) translate(7.07107em) rotate(-90deg);
  }
}
.square:nth-child(33) {
  transform: rotate(116.55444deg) translate(11.18034em) rotate(-116.55444deg);
  animation: collapse-4-7 5s ease-in infinite;
}
@keyframes collapse-4-7 {
  34.61538%, 100% {
    transform: rotate(116.55444deg) translate(7.90569em) rotate(-116.55444deg);
  }
}
.square:nth-child(34) {
  transform: rotate(135.0186deg) translate(14.14214em) rotate(-135.0186deg);
  animation: collapse-4-8 5s ease-in infinite;
}
@keyframes collapse-4-8 {
  34.61538%, 100% {
    transform: rotate(135.0186deg) translate(10em) rotate(-135.0186deg);
  }
}
.square:nth-child(35) {
  transform: rotate(153.44556deg) translate(11.18034em) rotate(-153.44556deg);
  animation: collapse-4-9 5s ease-in infinite;
}
@keyframes collapse-4-9 {
  34.61538%, 100% {
    transform: rotate(153.44556deg) translate(7.90569em) rotate(-153.44556deg);
  }
}
.square:nth-child(36) {
  transform: rotate(180deg) translate(10em) rotate(-180deg);
  animation: collapse-4-10 5s ease-in infinite;
}
@keyframes collapse-4-10 {
  34.61538%, 100% {
    transform: rotate(180deg) translate(7.07107em) rotate(-180deg);
  }
}
.square:nth-child(37) {
  transform: rotate(206.55444deg) translate(11.18034em) rotate(-206.55444deg);
  animation: collapse-4-11 5s ease-in infinite;
}
@keyframes collapse-4-11 {
  34.61538%, 100% {
    transform: rotate(206.55444deg) translate(7.90569em) rotate(-206.55444deg);
  }
}
.square:nth-child(38) {
  transform: rotate(225.0186deg) translate(14.14214em) rotate(-225.0186deg);
  animation: collapse-4-12 5s ease-in infinite;
}
@keyframes collapse-4-12 {
  34.61538%, 100% {
    transform: rotate(225.0186deg) translate(10em) rotate(-225.0186deg);
  }
}
.square:nth-child(39) {
  transform: rotate(243.44556deg) translate(11.18034em) rotate(-243.44556deg);
  animation: collapse-4-13 5s ease-in infinite;
}
@keyframes collapse-4-13 {
  34.61538%, 100% {
    transform: rotate(243.44556deg) translate(7.90569em) rotate(-243.44556deg);
  }
}
.square:nth-child(40) {
  transform: rotate(270deg) translate(10em) rotate(-270deg);
  animation: collapse-4-14 5s ease-in infinite;
}
@keyframes collapse-4-14 {
  34.61538%, 100% {
    transform: rotate(270deg) translate(7.07107em) rotate(-270deg);
  }
}
.square:nth-child(41) {
  transform: rotate(296.55444deg) translate(11.18034em) rotate(-296.55444deg);
  animation: collapse-4-15 5s ease-in infinite;
}
@keyframes collapse-4-15 {
  34.61538%, 100% {
    transform: rotate(296.55444deg) translate(7.90569em) rotate(-296.55444deg);
  }
}
.square:nth-child(n + 42):before {
  animation-name: ani5;
}
@keyframes ani5 {
  41.53846%, 100% {
    transform: rotate(45deg) scale(0);
  }
}
.square:nth-child(42) {
  transform: rotate(-44.9814deg) translate(17.67767em) rotate(44.9814deg);
  animation: collapse-5-0 5s ease-in infinite;
}
@keyframes collapse-5-0 {
  41.53846%, 100% {
    transform: rotate(-44.9814deg) translate(12.5em) rotate(44.9814deg);
  }
}
.square:nth-child(43) {
  transform: rotate(-30.95828deg) translate(14.57738em) rotate(30.95828deg);
  animation: collapse-5-1 5s ease-in infinite;
}
@keyframes collapse-5-1 {
  41.53846%, 100% {
    transform: rotate(-30.95828deg) translate(10.30776em) rotate(30.95828deg);
  }
}
.square:nth-child(44) {
  transform: rotate(-11.30866deg) translate(12.74755em) rotate(11.30866deg);
  animation: collapse-5-2 5s ease-in infinite;
}
@keyframes collapse-5-2 {
  41.53846%, 100% {
    transform: rotate(-11.30866deg) translate(9.01388em) rotate(11.30866deg);
  }
}
.square:nth-child(45) {
  transform: rotate(11.30866deg) translate(12.74755em) rotate(-11.30866deg);
  animation: collapse-5-3 5s ease-in infinite;
}
@keyframes collapse-5-3 {
  41.53846%, 100% {
    transform: rotate(11.30866deg) translate(9.01388em) rotate(-11.30866deg);
  }
}
.square:nth-child(46) {
  transform: rotate(30.95828deg) translate(14.57738em) rotate(-30.95828deg);
  animation: collapse-5-4 5s ease-in infinite;
}
@keyframes collapse-5-4 {
  41.53846%, 100% {
    transform: rotate(30.95828deg) translate(10.30776em) rotate(-30.95828deg);
  }
}
.square:nth-child(47) {
  transform: rotate(45.0186deg) translate(17.67767em) rotate(-45.0186deg);
  animation: collapse-5-5 5s ease-in infinite;
}
@keyframes collapse-5-5 {
  41.53846%, 100% {
    transform: rotate(45.0186deg) translate(12.5em) rotate(-45.0186deg);
  }
}
.square:nth-child(48) {
  transform: rotate(59.04172deg) translate(14.57738em) rotate(-59.04172deg);
  animation: collapse-5-6 5s ease-in infinite;
}
@keyframes collapse-5-6 {
  41.53846%, 100% {
    transform: rotate(59.04172deg) translate(10.30776em) rotate(-59.04172deg);
  }
}
.square:nth-child(49) {
  transform: rotate(78.69134deg) translate(12.74755em) rotate(-78.69134deg);
  animation: collapse-5-7 5s ease-in infinite;
}
@keyframes collapse-5-7 {
  41.53846%, 100% {
    transform: rotate(78.69134deg) translate(9.01388em) rotate(-78.69134deg);
  }
}
.square:nth-child(50) {
  transform: rotate(101.30866deg) translate(12.74755em) rotate(-101.30866deg);
  animation: collapse-5-8 5s ease-in infinite;
}
@keyframes collapse-5-8 {
  41.53846%, 100% {
    transform: rotate(101.30866deg) translate(9.01388em) rotate(-101.30866deg);
  }
}
.square:nth-child(51) {
  transform: rotate(120.95828deg) translate(14.57738em) rotate(-120.95828deg);
  animation: collapse-5-9 5s ease-in infinite;
}
@keyframes collapse-5-9 {
  41.53846%, 100% {
    transform: rotate(120.95828deg) translate(10.30776em) rotate(-120.95828deg);
  }
}
.square:nth-child(52) {
  transform: rotate(135.0186deg) translate(17.67767em) rotate(-135.0186deg);
  animation: collapse-5-10 5s ease-in infinite;
}
@keyframes collapse-5-10 {
  41.53846%, 100% {
    transform: rotate(135.0186deg) translate(12.5em) rotate(-135.0186deg);
  }
}
.square:nth-child(53) {
  transform: rotate(149.04172deg) translate(14.57738em) rotate(-149.04172deg);
  animation: collapse-5-11 5s ease-in infinite;
}
@keyframes collapse-5-11 {
  41.53846%, 100% {
    transform: rotate(149.04172deg) translate(10.30776em) rotate(-149.04172deg);
  }
}
.square:nth-child(54) {
  transform: rotate(168.69134deg) translate(12.74755em) rotate(-168.69134deg);
  animation: collapse-5-12 5s ease-in infinite;
}
@keyframes collapse-5-12 {
  41.53846%, 100% {
    transform: rotate(168.69134deg) translate(9.01388em) rotate(-168.69134deg);
  }
}
.square:nth-child(55) {
  transform: rotate(191.30866deg) translate(12.74755em) rotate(-191.30866deg);
  animation: collapse-5-13 5s ease-in infinite;
}
@keyframes collapse-5-13 {
  41.53846%, 100% {
    transform: rotate(191.30866deg) translate(9.01388em) rotate(-191.30866deg);
  }
}
.square:nth-child(56) {
  transform: rotate(210.95828deg) translate(14.57738em) rotate(-210.95828deg);
  animation: collapse-5-14 5s ease-in infinite;
}
@keyframes collapse-5-14 {
  41.53846%, 100% {
    transform: rotate(210.95828deg) translate(10.30776em) rotate(-210.95828deg);
  }
}
.square:nth-child(57) {
  transform: rotate(225.0186deg) translate(17.67767em) rotate(-225.0186deg);
  animation: collapse-5-15 5s ease-in infinite;
}
@keyframes collapse-5-15 {
  41.53846%, 100% {
    transform: rotate(225.0186deg) translate(12.5em) rotate(-225.0186deg);
  }
}
.square:nth-child(58) {
  transform: rotate(239.04172deg) translate(14.57738em) rotate(-239.04172deg);
  animation: collapse-5-16 5s ease-in infinite;
}
@keyframes collapse-5-16 {
  41.53846%, 100% {
    transform: rotate(239.04172deg) translate(10.30776em) rotate(-239.04172deg);
  }
}
.square:nth-child(59) {
  transform: rotate(258.69134deg) translate(12.74755em) rotate(-258.69134deg);
  animation: collapse-5-17 5s ease-in infinite;
}
@keyframes collapse-5-17 {
  41.53846%, 100% {
    transform: rotate(258.69134deg) translate(9.01388em) rotate(-258.69134deg);
  }
}
.square:nth-child(60) {
  transform: rotate(281.30866deg) translate(12.74755em) rotate(-281.30866deg);
  animation: collapse-5-18 5s ease-in infinite;
}
@keyframes collapse-5-18 {
  41.53846%, 100% {
    transform: rotate(281.30866deg) translate(9.01388em) rotate(-281.30866deg);
  }
}
.square:nth-child(61) {
  transform: rotate(300.95828deg) translate(14.57738em) rotate(-300.95828deg);
  animation: collapse-5-19 5s ease-in infinite;
}
@keyframes collapse-5-19 {
  41.53846%, 100% {
    transform: rotate(300.95828deg) translate(10.30776em) rotate(-300.95828deg);
  }
}
.square:nth-child(n + 62):before {
  animation-name: ani6;
}
@keyframes ani6 {
  48.46154%, 100% {
    transform: rotate(45deg) scale(1);
  }
}
.square:nth-child(62) {
  transform: rotate(-44.9814deg) translate(21.2132em) rotate(44.9814deg);
  animation: collapse-6-0 5s ease-in infinite;
}
@keyframes collapse-6-0 {
  48.46154%, 100% {
    transform: rotate(-44.9814deg) translate(15em) rotate(44.9814deg);
  }
}
.square:nth-child(63) {
  transform: rotate(-33.67883deg) translate(18.02776em) rotate(33.67883deg);
  animation: collapse-6-1 5s ease-in infinite;
}
@keyframes collapse-6-1 {
  48.46154%, 100% {
    transform: rotate(-33.67883deg) translate(12.74755em) rotate(33.67883deg);
  }
}
.square:nth-child(64) {
  transform: rotate(-18.43408deg) translate(15.81139em) rotate(18.43408deg);
  animation: collapse-6-2 5s ease-in infinite;
}
@keyframes collapse-6-2 {
  48.46154%, 100% {
    transform: rotate(-18.43408deg) translate(11.18034em) rotate(18.43408deg);
  }
}
.square:nth-child(65) {
  transform: rotate(0deg) translate(15em) rotate(0deg);
  animation: collapse-6-3 5s ease-in infinite;
}
@keyframes collapse-6-3 {
  48.46154%, 100% {
    transform: rotate(0deg) translate(10.6066em) rotate(0deg);
  }
}
.square:nth-child(66) {
  transform: rotate(18.43408deg) translate(15.81139em) rotate(-18.43408deg);
  animation: collapse-6-4 5s ease-in infinite;
}
@keyframes collapse-6-4 {
  48.46154%, 100% {
    transform: rotate(18.43408deg) translate(11.18034em) rotate(-18.43408deg);
  }
}
.square:nth-child(67) {
  transform: rotate(33.67883deg) translate(18.02776em) rotate(-33.67883deg);
  animation: collapse-6-5 5s ease-in infinite;
}
@keyframes collapse-6-5 {
  48.46154%, 100% {
    transform: rotate(33.67883deg) translate(12.74755em) rotate(-33.67883deg);
  }
}
.square:nth-child(68) {
  transform: rotate(45.0186deg) translate(21.2132em) rotate(-45.0186deg);
  animation: collapse-6-6 5s ease-in infinite;
}
@keyframes collapse-6-6 {
  48.46154%, 100% {
    transform: rotate(45.0186deg) translate(15em) rotate(-45.0186deg);
  }
}
.square:nth-child(69) {
  transform: rotate(56.32117deg) translate(18.02776em) rotate(-56.32117deg);
  animation: collapse-6-7 5s ease-in infinite;
}
@keyframes collapse-6-7 {
  48.46154%, 100% {
    transform: rotate(56.32117deg) translate(12.74755em) rotate(-56.32117deg);
  }
}
.square:nth-child(70) {
  transform: rotate(71.56592deg) translate(15.81139em) rotate(-71.56592deg);
  animation: collapse-6-8 5s ease-in infinite;
}
@keyframes collapse-6-8 {
  48.46154%, 100% {
    transform: rotate(71.56592deg) translate(11.18034em) rotate(-71.56592deg);
  }
}
.square:nth-child(71) {
  transform: rotate(90deg) translate(15em) rotate(-90deg);
  animation: collapse-6-9 5s ease-in infinite;
}
@keyframes collapse-6-9 {
  48.46154%, 100% {
    transform: rotate(90deg) translate(10.6066em) rotate(-90deg);
  }
}
.square:nth-child(72) {
  transform: rotate(108.43408deg) translate(15.81139em) rotate(-108.43408deg);
  animation: collapse-6-10 5s ease-in infinite;
}
@keyframes collapse-6-10 {
  48.46154%, 100% {
    transform: rotate(108.43408deg) translate(11.18034em) rotate(-108.43408deg);
  }
}
.square:nth-child(73) {
  transform: rotate(123.67883deg) translate(18.02776em) rotate(-123.67883deg);
  animation: collapse-6-11 5s ease-in infinite;
}
@keyframes collapse-6-11 {
  48.46154%, 100% {
    transform: rotate(123.67883deg) translate(12.74755em) rotate(-123.67883deg);
  }
}
.square:nth-child(74) {
  transform: rotate(135.0186deg) translate(21.2132em) rotate(-135.0186deg);
  animation: collapse-6-12 5s ease-in infinite;
}
@keyframes collapse-6-12 {
  48.46154%, 100% {
    transform: rotate(135.0186deg) translate(15em) rotate(-135.0186deg);
  }
}
.square:nth-child(75) {
  transform: rotate(146.32117deg) translate(18.02776em) rotate(-146.32117deg);
  animation: collapse-6-13 5s ease-in infinite;
}
@keyframes collapse-6-13 {
  48.46154%, 100% {
    transform: rotate(146.32117deg) translate(12.74755em) rotate(-146.32117deg);
  }
}
.square:nth-child(76) {
  transform: rotate(161.56592deg) translate(15.81139em) rotate(-161.56592deg);
  animation: collapse-6-14 5s ease-in infinite;
}
@keyframes collapse-6-14 {
  48.46154%, 100% {
    transform: rotate(161.56592deg) translate(11.18034em) rotate(-161.56592deg);
  }
}
.square:nth-child(77) {
  transform: rotate(180deg) translate(15em) rotate(-180deg);
  animation: collapse-6-15 5s ease-in infinite;
}
@keyframes collapse-6-15 {
  48.46154%, 100% {
    transform: rotate(180deg) translate(10.6066em) rotate(-180deg);
  }
}
.square:nth-child(78) {
  transform: rotate(198.43408deg) translate(15.81139em) rotate(-198.43408deg);
  animation: collapse-6-16 5s ease-in infinite;
}
@keyframes collapse-6-16 {
  48.46154%, 100% {
    transform: rotate(198.43408deg) translate(11.18034em) rotate(-198.43408deg);
  }
}
.square:nth-child(79) {
  transform: rotate(213.67883deg) translate(18.02776em) rotate(-213.67883deg);
  animation: collapse-6-17 5s ease-in infinite;
}
@keyframes collapse-6-17 {
  48.46154%, 100% {
    transform: rotate(213.67883deg) translate(12.74755em) rotate(-213.67883deg);
  }
}
.square:nth-child(80) {
  transform: rotate(225.0186deg) translate(21.2132em) rotate(-225.0186deg);
  animation: collapse-6-18 5s ease-in infinite;
}
@keyframes collapse-6-18 {
  48.46154%, 100% {
    transform: rotate(225.0186deg) translate(15em) rotate(-225.0186deg);
  }
}
.square:nth-child(81) {
  transform: rotate(236.32117deg) translate(18.02776em) rotate(-236.32117deg);
  animation: collapse-6-19 5s ease-in infinite;
}
@keyframes collapse-6-19 {
  48.46154%, 100% {
    transform: rotate(236.32117deg) translate(12.74755em) rotate(-236.32117deg);
  }
}
.square:nth-child(82) {
  transform: rotate(251.56592deg) translate(15.81139em) rotate(-251.56592deg);
  animation: collapse-6-20 5s ease-in infinite;
}
@keyframes collapse-6-20 {
  48.46154%, 100% {
    transform: rotate(251.56592deg) translate(11.18034em) rotate(-251.56592deg);
  }
}
.square:nth-child(83) {
  transform: rotate(270deg) translate(15em) rotate(-270deg);
  animation: collapse-6-21 5s ease-in infinite;
}
@keyframes collapse-6-21 {
  48.46154%, 100% {
    transform: rotate(270deg) translate(10.6066em) rotate(-270deg);
  }
}
.square:nth-child(84) {
  transform: rotate(288.43408deg) translate(15.81139em) rotate(-288.43408deg);
  animation: collapse-6-22 5s ease-in infinite;
}
@keyframes collapse-6-22 {
  48.46154%, 100% {
    transform: rotate(288.43408deg) translate(11.18034em) rotate(-288.43408deg);
  }
}
.square:nth-child(85) {
  transform: rotate(303.67883deg) translate(18.02776em) rotate(-303.67883deg);
  animation: collapse-6-23 5s ease-in infinite;
}
@keyframes collapse-6-23 {
  48.46154%, 100% {
    transform: rotate(303.67883deg) translate(12.74755em) rotate(-303.67883deg);
  }
}
.square:nth-child(n + 86):before {
  animation-name: ani7;
}
@keyframes ani7 {
  55.38462%, 100% {
    transform: rotate(45deg) scale(0);
  }
}
.square:nth-child(86) {
  transform: rotate(-44.9814deg) translate(24.74874em) rotate(44.9814deg);
  animation: collapse-7-0 5s ease-in infinite;
}
@keyframes collapse-7-0 {
  55.38462%, 100% {
    transform: rotate(-44.9814deg) translate(17.5em) rotate(44.9814deg);
  }
}
.square:nth-child(87) {
  transform: rotate(-35.53321deg) translate(21.50581em) rotate(35.53321deg);
  animation: collapse-7-1 5s ease-in infinite;
}
@keyframes collapse-7-1 {
  55.38462%, 100% {
    transform: rotate(-35.53321deg) translate(15.20691em) rotate(35.53321deg);
  }
}
.square:nth-child(88) {
  transform: rotate(-23.19438deg) translate(19.03943em) rotate(23.19438deg);
  animation: collapse-7-2 5s ease-in infinite;
}
@keyframes collapse-7-2 {
  55.38462%, 100% {
    transform: rotate(-23.19438deg) translate(13.46291em) rotate(23.19438deg);
  }
}
.square:nth-child(89) {
  transform: rotate(-8.12986deg) translate(17.67767em) rotate(8.12986deg);
  animation: collapse-7-3 5s ease-in infinite;
}
@keyframes collapse-7-3 {
  55.38462%, 100% {
    transform: rotate(-8.12986deg) translate(12.5em) rotate(8.12986deg);
  }
}
.square:nth-child(90) {
  transform: rotate(8.12986deg) translate(17.67767em) rotate(-8.12986deg);
  animation: collapse-7-4 5s ease-in infinite;
}
@keyframes collapse-7-4 {
  55.38462%, 100% {
    transform: rotate(8.12986deg) translate(12.5em) rotate(-8.12986deg);
  }
}
.square:nth-child(91) {
  transform: rotate(23.19438deg) translate(19.03943em) rotate(-23.19438deg);
  animation: collapse-7-5 5s ease-in infinite;
}
@keyframes collapse-7-5 {
  55.38462%, 100% {
    transform: rotate(23.19438deg) translate(13.46291em) rotate(-23.19438deg);
  }
}
.square:nth-child(92) {
  transform: rotate(35.53321deg) translate(21.50581em) rotate(-35.53321deg);
  animation: collapse-7-6 5s ease-in infinite;
}
@keyframes collapse-7-6 {
  55.38462%, 100% {
    transform: rotate(35.53321deg) translate(15.20691em) rotate(-35.53321deg);
  }
}
.square:nth-child(93) {
  transform: rotate(45.0186deg) translate(24.74874em) rotate(-45.0186deg);
  animation: collapse-7-7 5s ease-in infinite;
}
@keyframes collapse-7-7 {
  55.38462%, 100% {
    transform: rotate(45.0186deg) translate(17.5em) rotate(-45.0186deg);
  }
}
.square:nth-child(94) {
  transform: rotate(54.46679deg) translate(21.50581em) rotate(-54.46679deg);
  animation: collapse-7-8 5s ease-in infinite;
}
@keyframes collapse-7-8 {
  55.38462%, 100% {
    transform: rotate(54.46679deg) translate(15.20691em) rotate(-54.46679deg);
  }
}
.square:nth-child(95) {
  transform: rotate(66.80562deg) translate(19.03943em) rotate(-66.80562deg);
  animation: collapse-7-9 5s ease-in infinite;
}
@keyframes collapse-7-9 {
  55.38462%, 100% {
    transform: rotate(66.80562deg) translate(13.46291em) rotate(-66.80562deg);
  }
}
.square:nth-child(96) {
  transform: rotate(81.87014deg) translate(17.67767em) rotate(-81.87014deg);
  animation: collapse-7-10 5s ease-in infinite;
}
@keyframes collapse-7-10 {
  55.38462%, 100% {
    transform: rotate(81.87014deg) translate(12.5em) rotate(-81.87014deg);
  }
}
.square:nth-child(97) {
  transform: rotate(98.12986deg) translate(17.67767em) rotate(-98.12986deg);
  animation: collapse-7-11 5s ease-in infinite;
}
@keyframes collapse-7-11 {
  55.38462%, 100% {
    transform: rotate(98.12986deg) translate(12.5em) rotate(-98.12986deg);
  }
}
.square:nth-child(98) {
  transform: rotate(113.19438deg) translate(19.03943em) rotate(-113.19438deg);
  animation: collapse-7-12 5s ease-in infinite;
}
@keyframes collapse-7-12 {
  55.38462%, 100% {
    transform: rotate(113.19438deg) translate(13.46291em) rotate(-113.19438deg);
  }
}
.square:nth-child(99) {
  transform: rotate(125.53321deg) translate(21.50581em) rotate(-125.53321deg);
  animation: collapse-7-13 5s ease-in infinite;
}
@keyframes collapse-7-13 {
  55.38462%, 100% {
    transform: rotate(125.53321deg) translate(15.20691em) rotate(-125.53321deg);
  }
}
.square:nth-child(100) {
  transform: rotate(135.0186deg) translate(24.74874em) rotate(-135.0186deg);
  animation: collapse-7-14 5s ease-in infinite;
}
@keyframes collapse-7-14 {
  55.38462%, 100% {
    transform: rotate(135.0186deg) translate(17.5em) rotate(-135.0186deg);
  }
}
.square:nth-child(101) {
  transform: rotate(144.46679deg) translate(21.50581em) rotate(-144.46679deg);
  animation: collapse-7-15 5s ease-in infinite;
}
@keyframes collapse-7-15 {
  55.38462%, 100% {
    transform: rotate(144.46679deg) translate(15.20691em) rotate(-144.46679deg);
  }
}
.square:nth-child(102) {
  transform: rotate(156.80562deg) translate(19.03943em) rotate(-156.80562deg);
  animation: collapse-7-16 5s ease-in infinite;
}
@keyframes collapse-7-16 {
  55.38462%, 100% {
    transform: rotate(156.80562deg) translate(13.46291em) rotate(-156.80562deg);
  }
}
.square:nth-child(103) {
  transform: rotate(171.87014deg) translate(17.67767em) rotate(-171.87014deg);
  animation: collapse-7-17 5s ease-in infinite;
}
@keyframes collapse-7-17 {
  55.38462%, 100% {
    transform: rotate(171.87014deg) translate(12.5em) rotate(-171.87014deg);
  }
}
.square:nth-child(104) {
  transform: rotate(188.12986deg) translate(17.67767em) rotate(-188.12986deg);
  animation: collapse-7-18 5s ease-in infinite;
}
@keyframes collapse-7-18 {
  55.38462%, 100% {
    transform: rotate(188.12986deg) translate(12.5em) rotate(-188.12986deg);
  }
}
.square:nth-child(105) {
  transform: rotate(203.19438deg) translate(19.03943em) rotate(-203.19438deg);
  animation: collapse-7-19 5s ease-in infinite;
}
@keyframes collapse-7-19 {
  55.38462%, 100% {
    transform: rotate(203.19438deg) translate(13.46291em) rotate(-203.19438deg);
  }
}
.square:nth-child(106) {
  transform: rotate(215.53321deg) translate(21.50581em) rotate(-215.53321deg);
  animation: collapse-7-20 5s ease-in infinite;
}
@keyframes collapse-7-20 {
  55.38462%, 100% {
    transform: rotate(215.53321deg) translate(15.20691em) rotate(-215.53321deg);
  }
}
.square:nth-child(107) {
  transform: rotate(225.0186deg) translate(24.74874em) rotate(-225.0186deg);
  animation: collapse-7-21 5s ease-in infinite;
}
@keyframes collapse-7-21 {
  55.38462%, 100% {
    transform: rotate(225.0186deg) translate(17.5em) rotate(-225.0186deg);
  }
}
.square:nth-child(108) {
  transform: rotate(234.46679deg) translate(21.50581em) rotate(-234.46679deg);
  animation: collapse-7-22 5s ease-in infinite;
}
@keyframes collapse-7-22 {
  55.38462%, 100% {
    transform: rotate(234.46679deg) translate(15.20691em) rotate(-234.46679deg);
  }
}
.square:nth-child(109) {
  transform: rotate(246.80562deg) translate(19.03943em) rotate(-246.80562deg);
  animation: collapse-7-23 5s ease-in infinite;
}
@keyframes collapse-7-23 {
  55.38462%, 100% {
    transform: rotate(246.80562deg) translate(13.46291em) rotate(-246.80562deg);
  }
}
.square:nth-child(110) {
  transform: rotate(261.87014deg) translate(17.67767em) rotate(-261.87014deg);
  animation: collapse-7-24 5s ease-in infinite;
}
@keyframes collapse-7-24 {
  55.38462%, 100% {
    transform: rotate(261.87014deg) translate(12.5em) rotate(-261.87014deg);
  }
}
.square:nth-child(111) {
  transform: rotate(278.12986deg) translate(17.67767em) rotate(-278.12986deg);
  animation: collapse-7-25 5s ease-in infinite;
}
@keyframes collapse-7-25 {
  55.38462%, 100% {
    transform: rotate(278.12986deg) translate(12.5em) rotate(-278.12986deg);
  }
}
.square:nth-child(112) {
  transform: rotate(293.19438deg) translate(19.03943em) rotate(-293.19438deg);
  animation: collapse-7-26 5s ease-in infinite;
}
@keyframes collapse-7-26 {
  55.38462%, 100% {
    transform: rotate(293.19438deg) translate(13.46291em) rotate(-293.19438deg);
  }
}
.square:nth-child(113) {
  transform: rotate(305.53321deg) translate(21.50581em) rotate(-305.53321deg);
  animation: collapse-7-27 5s ease-in infinite;
}
@keyframes collapse-7-27 {
  55.38462%, 100% {
    transform: rotate(305.53321deg) translate(15.20691em) rotate(-305.53321deg);
  }
}
.square:nth-child(n + 114):before {
  animation-name: ani8;
}
@keyframes ani8 {
  62.30769%, 100% {
    transform: rotate(45deg) scale(1);
  }
}
.square:nth-child(114) {
  transform: rotate(-44.9814deg) translate(28.28427em) rotate(44.9814deg);
  animation: collapse-8-0 5s ease-in infinite;
}
@keyframes collapse-8-0 {
  62.30769%, 100% {
    transform: rotate(-44.9814deg) translate(20em) rotate(44.9814deg);
  }
}
.square:nth-child(115) {
  transform: rotate(-36.86341deg) translate(25em) rotate(36.86341deg);
  animation: collapse-8-1 5s ease-in infinite;
}
@keyframes collapse-8-1 {
  62.30769%, 100% {
    transform: rotate(-36.86341deg) translate(17.67767em) rotate(36.86341deg);
  }
}
.square:nth-child(116) {
  transform: rotate(-26.55444deg) translate(22.36068em) rotate(26.55444deg);
  animation: collapse-8-2 5s ease-in infinite;
}
@keyframes collapse-8-2 {
  62.30769%, 100% {
    transform: rotate(-26.55444deg) translate(15.81139em) rotate(26.55444deg);
  }
}
.square:nth-child(117) {
  transform: rotate(-14.03251deg) translate(20.61553em) rotate(14.03251deg);
  animation: collapse-8-3 5s ease-in infinite;
}
@keyframes collapse-8-3 {
  62.30769%, 100% {
    transform: rotate(-14.03251deg) translate(14.57738em) rotate(14.03251deg);
  }
}
.square:nth-child(118) {
  transform: rotate(0deg) translate(20em) rotate(0deg);
  animation: collapse-8-4 5s ease-in infinite;
}
@keyframes collapse-8-4 {
  62.30769%, 100% {
    transform: rotate(0deg) translate(14.14214em) rotate(0deg);
  }
}
.square:nth-child(119) {
  transform: rotate(14.03251deg) translate(20.61553em) rotate(-14.03251deg);
  animation: collapse-8-5 5s ease-in infinite;
}
@keyframes collapse-8-5 {
  62.30769%, 100% {
    transform: rotate(14.03251deg) translate(14.57738em) rotate(-14.03251deg);
  }
}
.square:nth-child(120) {
  transform: rotate(26.55444deg) translate(22.36068em) rotate(-26.55444deg);
  animation: collapse-8-6 5s ease-in infinite;
}
@keyframes collapse-8-6 {
  62.30769%, 100% {
    transform: rotate(26.55444deg) translate(15.81139em) rotate(-26.55444deg);
  }
}
.square:nth-child(121) {
  transform: rotate(36.86341deg) translate(25em) rotate(-36.86341deg);
  animation: collapse-8-7 5s ease-in infinite;
}
@keyframes collapse-8-7 {
  62.30769%, 100% {
    transform: rotate(36.86341deg) translate(17.67767em) rotate(-36.86341deg);
  }
}
.square:nth-child(122) {
  transform: rotate(45.0186deg) translate(28.28427em) rotate(-45.0186deg);
  animation: collapse-8-8 5s ease-in infinite;
}
@keyframes collapse-8-8 {
  62.30769%, 100% {
    transform: rotate(45.0186deg) translate(20em) rotate(-45.0186deg);
  }
}
.square:nth-child(123) {
  transform: rotate(53.13659deg) translate(25em) rotate(-53.13659deg);
  animation: collapse-8-9 5s ease-in infinite;
}
@keyframes collapse-8-9 {
  62.30769%, 100% {
    transform: rotate(53.13659deg) translate(17.67767em) rotate(-53.13659deg);
  }
}
.square:nth-child(124) {
  transform: rotate(63.44556deg) translate(22.36068em) rotate(-63.44556deg);
  animation: collapse-8-10 5s ease-in infinite;
}
@keyframes collapse-8-10 {
  62.30769%, 100% {
    transform: rotate(63.44556deg) translate(15.81139em) rotate(-63.44556deg);
  }
}
.square:nth-child(125) {
  transform: rotate(75.96749deg) translate(20.61553em) rotate(-75.96749deg);
  animation: collapse-8-11 5s ease-in infinite;
}
@keyframes collapse-8-11 {
  62.30769%, 100% {
    transform: rotate(75.96749deg) translate(14.57738em) rotate(-75.96749deg);
  }
}
.square:nth-child(126) {
  transform: rotate(90deg) translate(20em) rotate(-90deg);
  animation: collapse-8-12 5s ease-in infinite;
}
@keyframes collapse-8-12 {
  62.30769%, 100% {
    transform: rotate(90deg) translate(14.14214em) rotate(-90deg);
  }
}
.square:nth-child(127) {
  transform: rotate(104.03251deg) translate(20.61553em) rotate(-104.03251deg);
  animation: collapse-8-13 5s ease-in infinite;
}
@keyframes collapse-8-13 {
  62.30769%, 100% {
    transform: rotate(104.03251deg) translate(14.57738em) rotate(-104.03251deg);
  }
}
.square:nth-child(128) {
  transform: rotate(116.55444deg) translate(22.36068em) rotate(-116.55444deg);
  animation: collapse-8-14 5s ease-in infinite;
}
@keyframes collapse-8-14 {
  62.30769%, 100% {
    transform: rotate(116.55444deg) translate(15.81139em) rotate(-116.55444deg);
  }
}
.square:nth-child(129) {
  transform: rotate(126.86341deg) translate(25em) rotate(-126.86341deg);
  animation: collapse-8-15 5s ease-in infinite;
}
@keyframes collapse-8-15 {
  62.30769%, 100% {
    transform: rotate(126.86341deg) translate(17.67767em) rotate(-126.86341deg);
  }
}
.square:nth-child(130) {
  transform: rotate(135.0186deg) translate(28.28427em) rotate(-135.0186deg);
  animation: collapse-8-16 5s ease-in infinite;
}
@keyframes collapse-8-16 {
  62.30769%, 100% {
    transform: rotate(135.0186deg) translate(20em) rotate(-135.0186deg);
  }
}
.square:nth-child(131) {
  transform: rotate(143.13659deg) translate(25em) rotate(-143.13659deg);
  animation: collapse-8-17 5s ease-in infinite;
}
@keyframes collapse-8-17 {
  62.30769%, 100% {
    transform: rotate(143.13659deg) translate(17.67767em) rotate(-143.13659deg);
  }
}
.square:nth-child(132) {
  transform: rotate(153.44556deg) translate(22.36068em) rotate(-153.44556deg);
  animation: collapse-8-18 5s ease-in infinite;
}
@keyframes collapse-8-18 {
  62.30769%, 100% {
    transform: rotate(153.44556deg) translate(15.81139em) rotate(-153.44556deg);
  }
}
.square:nth-child(133) {
  transform: rotate(165.96749deg) translate(20.61553em) rotate(-165.96749deg);
  animation: collapse-8-19 5s ease-in infinite;
}
@keyframes collapse-8-19 {
  62.30769%, 100% {
    transform: rotate(165.96749deg) translate(14.57738em) rotate(-165.96749deg);
  }
}
.square:nth-child(134) {
  transform: rotate(180deg) translate(20em) rotate(-180deg);
  animation: collapse-8-20 5s ease-in infinite;
}
@keyframes collapse-8-20 {
  62.30769%, 100% {
    transform: rotate(180deg) translate(14.14214em) rotate(-180deg);
  }
}
.square:nth-child(135) {
  transform: rotate(194.03251deg) translate(20.61553em) rotate(-194.03251deg);
  animation: collapse-8-21 5s ease-in infinite;
}
@keyframes collapse-8-21 {
  62.30769%, 100% {
    transform: rotate(194.03251deg) translate(14.57738em) rotate(-194.03251deg);
  }
}
.square:nth-child(136) {
  transform: rotate(206.55444deg) translate(22.36068em) rotate(-206.55444deg);
  animation: collapse-8-22 5s ease-in infinite;
}
@keyframes collapse-8-22 {
  62.30769%, 100% {
    transform: rotate(206.55444deg) translate(15.81139em) rotate(-206.55444deg);
  }
}
.square:nth-child(137) {
  transform: rotate(216.86341deg) translate(25em) rotate(-216.86341deg);
  animation: collapse-8-23 5s ease-in infinite;
}
@keyframes collapse-8-23 {
  62.30769%, 100% {
    transform: rotate(216.86341deg) translate(17.67767em) rotate(-216.86341deg);
  }
}
.square:nth-child(138) {
  transform: rotate(225.0186deg) translate(28.28427em) rotate(-225.0186deg);
  animation: collapse-8-24 5s ease-in infinite;
}
@keyframes collapse-8-24 {
  62.30769%, 100% {
    transform: rotate(225.0186deg) translate(20em) rotate(-225.0186deg);
  }
}
.square:nth-child(139) {
  transform: rotate(233.13659deg) translate(25em) rotate(-233.13659deg);
  animation: collapse-8-25 5s ease-in infinite;
}
@keyframes collapse-8-25 {
  62.30769%, 100% {
    transform: rotate(233.13659deg) translate(17.67767em) rotate(-233.13659deg);
  }
}
.square:nth-child(140) {
  transform: rotate(243.44556deg) translate(22.36068em) rotate(-243.44556deg);
  animation: collapse-8-26 5s ease-in infinite;
}
@keyframes collapse-8-26 {
  62.30769%, 100% {
    transform: rotate(243.44556deg) translate(15.81139em) rotate(-243.44556deg);
  }
}
.square:nth-child(141) {
  transform: rotate(255.96749deg) translate(20.61553em) rotate(-255.96749deg);
  animation: collapse-8-27 5s ease-in infinite;
}
@keyframes collapse-8-27 {
  62.30769%, 100% {
    transform: rotate(255.96749deg) translate(14.57738em) rotate(-255.96749deg);
  }
}
.square:nth-child(142) {
  transform: rotate(270deg) translate(20em) rotate(-270deg);
  animation: collapse-8-28 5s ease-in infinite;
}
@keyframes collapse-8-28 {
  62.30769%, 100% {
    transform: rotate(270deg) translate(14.14214em) rotate(-270deg);
  }
}
.square:nth-child(143) {
  transform: rotate(284.03251deg) translate(20.61553em) rotate(-284.03251deg);
  animation: collapse-8-29 5s ease-in infinite;
}
@keyframes collapse-8-29 {
  62.30769%, 100% {
    transform: rotate(284.03251deg) translate(14.57738em) rotate(-284.03251deg);
  }
}
.square:nth-child(144) {
  transform: rotate(296.55444deg) translate(22.36068em) rotate(-296.55444deg);
  animation: collapse-8-30 5s ease-in infinite;
}
@keyframes collapse-8-30 {
  62.30769%, 100% {
    transform: rotate(296.55444deg) translate(15.81139em) rotate(-296.55444deg);
  }
}
.square:nth-child(145) {
  transform: rotate(306.86341deg) translate(25em) rotate(-306.86341deg);
  animation: collapse-8-31 5s ease-in infinite;
}
@keyframes collapse-8-31 {
  62.30769%, 100% {
    transform: rotate(306.86341deg) translate(17.67767em) rotate(-306.86341deg);
  }
}
.square:nth-child(n + 146):before {
  animation-name: ani9;
}
@keyframes ani9 {
  69.23077%, 100% {
    transform: rotate(45deg) scale(0);
  }
}
.square:nth-child(146) {
  transform: rotate(-44.9814deg) translate(31.81981em) rotate(44.9814deg);
  animation: collapse-9-0 5s ease-in infinite;
}
@keyframes collapse-9-0 {
  69.23077%, 100% {
    transform: rotate(-44.9814deg) translate(22.5em) rotate(44.9814deg);
  }
}
.square:nth-child(147) {
  transform: rotate(-37.86647deg) translate(28.50439em) rotate(37.86647deg);
  animation: collapse-9-1 5s ease-in infinite;
}
@keyframes collapse-9-1 {
  69.23077%, 100% {
    transform: rotate(-37.86647deg) translate(20.15564em) rotate(37.86647deg);
  }
}
.square:nth-child(148) {
  transform: rotate(-29.05143deg) translate(25.73908em) rotate(29.05143deg);
  animation: collapse-9-2 5s ease-in infinite;
}
@keyframes collapse-9-2 {
  69.23077%, 100% {
    transform: rotate(-29.05143deg) translate(18.20027em) rotate(29.05143deg);
  }
}
.square:nth-child(149) {
  transform: rotate(-18.43408deg) translate(23.71708em) rotate(18.43408deg);
  animation: collapse-9-3 5s ease-in infinite;
}
@keyframes collapse-9-3 {
  69.23077%, 100% {
    transform: rotate(-18.43408deg) translate(16.77051em) rotate(18.43408deg);
  }
}
.square:nth-child(150) {
  transform: rotate(-6.34012deg) translate(22.63846em) rotate(6.34012deg);
  animation: collapse-9-4 5s ease-in infinite;
}
@keyframes collapse-9-4 {
  69.23077%, 100% {
    transform: rotate(-6.34012deg) translate(16.00781em) rotate(6.34012deg);
  }
}
.square:nth-child(151) {
  transform: rotate(6.34012deg) translate(22.63846em) rotate(-6.34012deg);
  animation: collapse-9-5 5s ease-in infinite;
}
@keyframes collapse-9-5 {
  69.23077%, 100% {
    transform: rotate(6.34012deg) translate(16.00781em) rotate(-6.34012deg);
  }
}
.square:nth-child(152) {
  transform: rotate(18.43408deg) translate(23.71708em) rotate(-18.43408deg);
  animation: collapse-9-6 5s ease-in infinite;
}
@keyframes collapse-9-6 {
  69.23077%, 100% {
    transform: rotate(18.43408deg) translate(16.77051em) rotate(-18.43408deg);
  }
}
.square:nth-child(153) {
  transform: rotate(29.05143deg) translate(25.73908em) rotate(-29.05143deg);
  animation: collapse-9-7 5s ease-in infinite;
}
@keyframes collapse-9-7 {
  69.23077%, 100% {
    transform: rotate(29.05143deg) translate(18.20027em) rotate(-29.05143deg);
  }
}
.square:nth-child(154) {
  transform: rotate(37.86647deg) translate(28.50439em) rotate(-37.86647deg);
  animation: collapse-9-8 5s ease-in infinite;
}
@keyframes collapse-9-8 {
  69.23077%, 100% {
    transform: rotate(37.86647deg) translate(20.15564em) rotate(-37.86647deg);
  }
}
.square:nth-child(155) {
  transform: rotate(45.0186deg) translate(31.81981em) rotate(-45.0186deg);
  animation: collapse-9-9 5s ease-in infinite;
}
@keyframes collapse-9-9 {
  69.23077%, 100% {
    transform: rotate(45.0186deg) translate(22.5em) rotate(-45.0186deg);
  }
}
.square:nth-child(156) {
  transform: rotate(52.13353deg) translate(28.50439em) rotate(-52.13353deg);
  animation: collapse-9-10 5s ease-in infinite;
}
@keyframes collapse-9-10 {
  69.23077%, 100% {
    transform: rotate(52.13353deg) translate(20.15564em) rotate(-52.13353deg);
  }
}
.square:nth-child(157) {
  transform: rotate(60.94857deg) translate(25.73908em) rotate(-60.94857deg);
  animation: collapse-9-11 5s ease-in infinite;
}
@keyframes collapse-9-11 {
  69.23077%, 100% {
    transform: rotate(60.94857deg) translate(18.20027em) rotate(-60.94857deg);
  }
}
.square:nth-child(158) {
  transform: rotate(71.56592deg) translate(23.71708em) rotate(-71.56592deg);
  animation: collapse-9-12 5s ease-in infinite;
}
@keyframes collapse-9-12 {
  69.23077%, 100% {
    transform: rotate(71.56592deg) translate(16.77051em) rotate(-71.56592deg);
  }
}
.square:nth-child(159) {
  transform: rotate(83.65988deg) translate(22.63846em) rotate(-83.65988deg);
  animation: collapse-9-13 5s ease-in infinite;
}
@keyframes collapse-9-13 {
  69.23077%, 100% {
    transform: rotate(83.65988deg) translate(16.00781em) rotate(-83.65988deg);
  }
}
.square:nth-child(160) {
  transform: rotate(96.34012deg) translate(22.63846em) rotate(-96.34012deg);
  animation: collapse-9-14 5s ease-in infinite;
}
@keyframes collapse-9-14 {
  69.23077%, 100% {
    transform: rotate(96.34012deg) translate(16.00781em) rotate(-96.34012deg);
  }
}
.square:nth-child(161) {
  transform: rotate(108.43408deg) translate(23.71708em) rotate(-108.43408deg);
  animation: collapse-9-15 5s ease-in infinite;
}
@keyframes collapse-9-15 {
  69.23077%, 100% {
    transform: rotate(108.43408deg) translate(16.77051em) rotate(-108.43408deg);
  }
}
.square:nth-child(162) {
  transform: rotate(119.05143deg) translate(25.73908em) rotate(-119.05143deg);
  animation: collapse-9-16 5s ease-in infinite;
}
@keyframes collapse-9-16 {
  69.23077%, 100% {
    transform: rotate(119.05143deg) translate(18.20027em) rotate(-119.05143deg);
  }
}
.square:nth-child(163) {
  transform: rotate(127.86647deg) translate(28.50439em) rotate(-127.86647deg);
  animation: collapse-9-17 5s ease-in infinite;
}
@keyframes collapse-9-17 {
  69.23077%, 100% {
    transform: rotate(127.86647deg) translate(20.15564em) rotate(-127.86647deg);
  }
}
.square:nth-child(164) {
  transform: rotate(135.0186deg) translate(31.81981em) rotate(-135.0186deg);
  animation: collapse-9-18 5s ease-in infinite;
}
@keyframes collapse-9-18 {
  69.23077%, 100% {
    transform: rotate(135.0186deg) translate(22.5em) rotate(-135.0186deg);
  }
}
.square:nth-child(165) {
  transform: rotate(142.13353deg) translate(28.50439em) rotate(-142.13353deg);
  animation: collapse-9-19 5s ease-in infinite;
}
@keyframes collapse-9-19 {
  69.23077%, 100% {
    transform: rotate(142.13353deg) translate(20.15564em) rotate(-142.13353deg);
  }
}
.square:nth-child(166) {
  transform: rotate(150.94857deg) translate(25.73908em) rotate(-150.94857deg);
  animation: collapse-9-20 5s ease-in infinite;
}
@keyframes collapse-9-20 {
  69.23077%, 100% {
    transform: rotate(150.94857deg) translate(18.20027em) rotate(-150.94857deg);
  }
}
.square:nth-child(167) {
  transform: rotate(161.56592deg) translate(23.71708em) rotate(-161.56592deg);
  animation: collapse-9-21 5s ease-in infinite;
}
@keyframes collapse-9-21 {
  69.23077%, 100% {
    transform: rotate(161.56592deg) translate(16.77051em) rotate(-161.56592deg);
  }
}
.square:nth-child(168) {
  transform: rotate(173.65988deg) translate(22.63846em) rotate(-173.65988deg);
  animation: collapse-9-22 5s ease-in infinite;
}
@keyframes collapse-9-22 {
  69.23077%, 100% {
    transform: rotate(173.65988deg) translate(16.00781em) rotate(-173.65988deg);
  }
}
.square:nth-child(169) {
  transform: rotate(186.34012deg) translate(22.63846em) rotate(-186.34012deg);
  animation: collapse-9-23 5s ease-in infinite;
}
@keyframes collapse-9-23 {
  69.23077%, 100% {
    transform: rotate(186.34012deg) translate(16.00781em) rotate(-186.34012deg);
  }
}
.square:nth-child(170) {
  transform: rotate(198.43408deg) translate(23.71708em) rotate(-198.43408deg);
  animation: collapse-9-24 5s ease-in infinite;
}
@keyframes collapse-9-24 {
  69.23077%, 100% {
    transform: rotate(198.43408deg) translate(16.77051em) rotate(-198.43408deg);
  }
}
.square:nth-child(171) {
  transform: rotate(209.05143deg) translate(25.73908em) rotate(-209.05143deg);
  animation: collapse-9-25 5s ease-in infinite;
}
@keyframes collapse-9-25 {
  69.23077%, 100% {
    transform: rotate(209.05143deg) translate(18.20027em) rotate(-209.05143deg);
  }
}
.square:nth-child(172) {
  transform: rotate(217.86647deg) translate(28.50439em) rotate(-217.86647deg);
  animation: collapse-9-26 5s ease-in infinite;
}
@keyframes collapse-9-26 {
  69.23077%, 100% {
    transform: rotate(217.86647deg) translate(20.15564em) rotate(-217.86647deg);
  }
}
.square:nth-child(173) {
  transform: rotate(225.0186deg) translate(31.81981em) rotate(-225.0186deg);
  animation: collapse-9-27 5s ease-in infinite;
}
@keyframes collapse-9-27 {
  69.23077%, 100% {
    transform: rotate(225.0186deg) translate(22.5em) rotate(-225.0186deg);
  }
}
.square:nth-child(174) {
  transform: rotate(232.13353deg) translate(28.50439em) rotate(-232.13353deg);
  animation: collapse-9-28 5s ease-in infinite;
}
@keyframes collapse-9-28 {
  69.23077%, 100% {
    transform: rotate(232.13353deg) translate(20.15564em) rotate(-232.13353deg);
  }
}
.square:nth-child(175) {
  transform: rotate(240.94857deg) translate(25.73908em) rotate(-240.94857deg);
  animation: collapse-9-29 5s ease-in infinite;
}
@keyframes collapse-9-29 {
  69.23077%, 100% {
    transform: rotate(240.94857deg) translate(18.20027em) rotate(-240.94857deg);
  }
}
.square:nth-child(176) {
  transform: rotate(251.56592deg) translate(23.71708em) rotate(-251.56592deg);
  animation: collapse-9-30 5s ease-in infinite;
}
@keyframes collapse-9-30 {
  69.23077%, 100% {
    transform: rotate(251.56592deg) translate(16.77051em) rotate(-251.56592deg);
  }
}
.square:nth-child(177) {
  transform: rotate(263.65988deg) translate(22.63846em) rotate(-263.65988deg);
  animation: collapse-9-31 5s ease-in infinite;
}
@keyframes collapse-9-31 {
  69.23077%, 100% {
    transform: rotate(263.65988deg) translate(16.00781em) rotate(-263.65988deg);
  }
}
.square:nth-child(178) {
  transform: rotate(276.34012deg) translate(22.63846em) rotate(-276.34012deg);
  animation: collapse-9-32 5s ease-in infinite;
}
@keyframes collapse-9-32 {
  69.23077%, 100% {
    transform: rotate(276.34012deg) translate(16.00781em) rotate(-276.34012deg);
  }
}
.square:nth-child(179) {
  transform: rotate(288.43408deg) translate(23.71708em) rotate(-288.43408deg);
  animation: collapse-9-33 5s ease-in infinite;
}
@keyframes collapse-9-33 {
  69.23077%, 100% {
    transform: rotate(288.43408deg) translate(16.77051em) rotate(-288.43408deg);
  }
}
.square:nth-child(180) {
  transform: rotate(299.05143deg) translate(25.73908em) rotate(-299.05143deg);
  animation: collapse-9-34 5s ease-in infinite;
}
@keyframes collapse-9-34 {
  69.23077%, 100% {
    transform: rotate(299.05143deg) translate(18.20027em) rotate(-299.05143deg);
  }
}
.square:nth-child(181) {
  transform: rotate(307.86647deg) translate(28.50439em) rotate(-307.86647deg);
  animation: collapse-9-35 5s ease-in infinite;
}
@keyframes collapse-9-35 {
  69.23077%, 100% {
    transform: rotate(307.86647deg) translate(20.15564em) rotate(-307.86647deg);
  }
}
.square:nth-child(n + 182):before {
  animation-name: ani10;
}
@keyframes ani10 {
  76.15385%, 100% {
    transform: rotate(45deg) scale(1);
  }
}
.square:nth-child(182) {
  transform: rotate(-44.9814deg) translate(35.35534em) rotate(44.9814deg);
  animation: collapse-10-0 5s ease-in infinite;
}
@keyframes collapse-10-0 {
  76.15385%, 100% {
    transform: rotate(-44.9814deg) translate(25em) rotate(44.9814deg);
  }
}
.square:nth-child(183) {
  transform: rotate(-38.64935deg) translate(32.01562em) rotate(38.64935deg);
  animation: collapse-10-1 5s ease-in infinite;
}
@keyframes collapse-10-1 {
  76.15385%, 100% {
    transform: rotate(-38.64935deg) translate(22.63846em) rotate(38.64935deg);
  }
}
.square:nth-child(184) {
  transform: rotate(-30.95828deg) translate(29.15476em) rotate(30.95828deg);
  animation: collapse-10-2 5s ease-in infinite;
}
@keyframes collapse-10-2 {
  76.15385%, 100% {
    transform: rotate(-30.95828deg) translate(20.61553em) rotate(30.95828deg);
  }
}
.square:nth-child(185) {
  transform: rotate(-21.79866deg) translate(26.92582em) rotate(21.79866deg);
  animation: collapse-10-3 5s ease-in infinite;
}
@keyframes collapse-10-3 {
  76.15385%, 100% {
    transform: rotate(-21.79866deg) translate(19.03943em) rotate(21.79866deg);
  }
}
.square:nth-child(186) {
  transform: rotate(-11.30866deg) translate(25.4951em) rotate(11.30866deg);
  animation: collapse-10-4 5s ease-in infinite;
}
@keyframes collapse-10-4 {
  76.15385%, 100% {
    transform: rotate(-11.30866deg) translate(18.02776em) rotate(11.30866deg);
  }
}
.square:nth-child(187) {
  transform: rotate(0deg) translate(25em) rotate(0deg);
  animation: collapse-10-5 5s ease-in infinite;
}
@keyframes collapse-10-5 {
  76.15385%, 100% {
    transform: rotate(0deg) translate(17.67767em) rotate(0deg);
  }
}
.square:nth-child(188) {
  transform: rotate(11.30866deg) translate(25.4951em) rotate(-11.30866deg);
  animation: collapse-10-6 5s ease-in infinite;
}
@keyframes collapse-10-6 {
  76.15385%, 100% {
    transform: rotate(11.30866deg) translate(18.02776em) rotate(-11.30866deg);
  }
}
.square:nth-child(189) {
  transform: rotate(21.79866deg) translate(26.92582em) rotate(-21.79866deg);
  animation: collapse-10-7 5s ease-in infinite;
}
@keyframes collapse-10-7 {
  76.15385%, 100% {
    transform: rotate(21.79866deg) translate(19.03943em) rotate(-21.79866deg);
  }
}
.square:nth-child(190) {
  transform: rotate(30.95828deg) translate(29.15476em) rotate(-30.95828deg);
  animation: collapse-10-8 5s ease-in infinite;
}
@keyframes collapse-10-8 {
  76.15385%, 100% {
    transform: rotate(30.95828deg) translate(20.61553em) rotate(-30.95828deg);
  }
}
.square:nth-child(191) {
  transform: rotate(38.64935deg) translate(32.01562em) rotate(-38.64935deg);
  animation: collapse-10-9 5s ease-in infinite;
}
@keyframes collapse-10-9 {
  76.15385%, 100% {
    transform: rotate(38.64935deg) translate(22.63846em) rotate(-38.64935deg);
  }
}
.square:nth-child(192) {
  transform: rotate(45.0186deg) translate(35.35534em) rotate(-45.0186deg);
  animation: collapse-10-10 5s ease-in infinite;
}
@keyframes collapse-10-10 {
  76.15385%, 100% {
    transform: rotate(45.0186deg) translate(25em) rotate(-45.0186deg);
  }
}
.square:nth-child(193) {
  transform: rotate(51.35065deg) translate(32.01562em) rotate(-51.35065deg);
  animation: collapse-10-11 5s ease-in infinite;
}
@keyframes collapse-10-11 {
  76.15385%, 100% {
    transform: rotate(51.35065deg) translate(22.63846em) rotate(-51.35065deg);
  }
}
.square:nth-child(194) {
  transform: rotate(59.04172deg) translate(29.15476em) rotate(-59.04172deg);
  animation: collapse-10-12 5s ease-in infinite;
}
@keyframes collapse-10-12 {
  76.15385%, 100% {
    transform: rotate(59.04172deg) translate(20.61553em) rotate(-59.04172deg);
  }
}
.square:nth-child(195) {
  transform: rotate(68.20134deg) translate(26.92582em) rotate(-68.20134deg);
  animation: collapse-10-13 5s ease-in infinite;
}
@keyframes collapse-10-13 {
  76.15385%, 100% {
    transform: rotate(68.20134deg) translate(19.03943em) rotate(-68.20134deg);
  }
}
.square:nth-child(196) {
  transform: rotate(78.69134deg) translate(25.4951em) rotate(-78.69134deg);
  animation: collapse-10-14 5s ease-in infinite;
}
@keyframes collapse-10-14 {
  76.15385%, 100% {
    transform: rotate(78.69134deg) translate(18.02776em) rotate(-78.69134deg);
  }
}
.square:nth-child(197) {
  transform: rotate(90deg) translate(25em) rotate(-90deg);
  animation: collapse-10-15 5s ease-in infinite;
}
@keyframes collapse-10-15 {
  76.15385%, 100% {
    transform: rotate(90deg) translate(17.67767em) rotate(-90deg);
  }
}
.square:nth-child(198) {
  transform: rotate(101.30866deg) translate(25.4951em) rotate(-101.30866deg);
  animation: collapse-10-16 5s ease-in infinite;
}
@keyframes collapse-10-16 {
  76.15385%, 100% {
    transform: rotate(101.30866deg) translate(18.02776em) rotate(-101.30866deg);
  }
}
.square:nth-child(199) {
  transform: rotate(111.79866deg) translate(26.92582em) rotate(-111.79866deg);
  animation: collapse-10-17 5s ease-in infinite;
}
@keyframes collapse-10-17 {
  76.15385%, 100% {
    transform: rotate(111.79866deg) translate(19.03943em) rotate(-111.79866deg);
  }
}
.square:nth-child(200) {
  transform: rotate(120.95828deg) translate(29.15476em) rotate(-120.95828deg);
  animation: collapse-10-18 5s ease-in infinite;
}
@keyframes collapse-10-18 {
  76.15385%, 100% {
    transform: rotate(120.95828deg) translate(20.61553em) rotate(-120.95828deg);
  }
}
.square:nth-child(201) {
  transform: rotate(128.64935deg) translate(32.01562em) rotate(-128.64935deg);
  animation: collapse-10-19 5s ease-in infinite;
}
@keyframes collapse-10-19 {
  76.15385%, 100% {
    transform: rotate(128.64935deg) translate(22.63846em) rotate(-128.64935deg);
  }
}
.square:nth-child(202) {
  transform: rotate(135.0186deg) translate(35.35534em) rotate(-135.0186deg);
  animation: collapse-10-20 5s ease-in infinite;
}
@keyframes collapse-10-20 {
  76.15385%, 100% {
    transform: rotate(135.0186deg) translate(25em) rotate(-135.0186deg);
  }
}
.square:nth-child(203) {
  transform: rotate(141.35065deg) translate(32.01562em) rotate(-141.35065deg);
  animation: collapse-10-21 5s ease-in infinite;
}
@keyframes collapse-10-21 {
  76.15385%, 100% {
    transform: rotate(141.35065deg) translate(22.63846em) rotate(-141.35065deg);
  }
}
.square:nth-child(204) {
  transform: rotate(149.04172deg) translate(29.15476em) rotate(-149.04172deg);
  animation: collapse-10-22 5s ease-in infinite;
}
@keyframes collapse-10-22 {
  76.15385%, 100% {
    transform: rotate(149.04172deg) translate(20.61553em) rotate(-149.04172deg);
  }
}
.square:nth-child(205) {
  transform: rotate(158.20134deg) translate(26.92582em) rotate(-158.20134deg);
  animation: collapse-10-23 5s ease-in infinite;
}
@keyframes collapse-10-23 {
  76.15385%, 100% {
    transform: rotate(158.20134deg) translate(19.03943em) rotate(-158.20134deg);
  }
}
.square:nth-child(206) {
  transform: rotate(168.69134deg) translate(25.4951em) rotate(-168.69134deg);
  animation: collapse-10-24 5s ease-in infinite;
}
@keyframes collapse-10-24 {
  76.15385%, 100% {
    transform: rotate(168.69134deg) translate(18.02776em) rotate(-168.69134deg);
  }
}
.square:nth-child(207) {
  transform: rotate(180deg) translate(25em) rotate(-180deg);
  animation: collapse-10-25 5s ease-in infinite;
}
@keyframes collapse-10-25 {
  76.15385%, 100% {
    transform: rotate(180deg) translate(17.67767em) rotate(-180deg);
  }
}
.square:nth-child(208) {
  transform: rotate(191.30866deg) translate(25.4951em) rotate(-191.30866deg);
  animation: collapse-10-26 5s ease-in infinite;
}
@keyframes collapse-10-26 {
  76.15385%, 100% {
    transform: rotate(191.30866deg) translate(18.02776em) rotate(-191.30866deg);
  }
}
.square:nth-child(209) {
  transform: rotate(201.79866deg) translate(26.92582em) rotate(-201.79866deg);
  animation: collapse-10-27 5s ease-in infinite;
}
@keyframes collapse-10-27 {
  76.15385%, 100% {
    transform: rotate(201.79866deg) translate(19.03943em) rotate(-201.79866deg);
  }
}
.square:nth-child(210) {
  transform: rotate(210.95828deg) translate(29.15476em) rotate(-210.95828deg);
  animation: collapse-10-28 5s ease-in infinite;
}
@keyframes collapse-10-28 {
  76.15385%, 100% {
    transform: rotate(210.95828deg) translate(20.61553em) rotate(-210.95828deg);
  }
}
.square:nth-child(211) {
  transform: rotate(218.64935deg) translate(32.01562em) rotate(-218.64935deg);
  animation: collapse-10-29 5s ease-in infinite;
}
@keyframes collapse-10-29 {
  76.15385%, 100% {
    transform: rotate(218.64935deg) translate(22.63846em) rotate(-218.64935deg);
  }
}
.square:nth-child(212) {
  transform: rotate(225.0186deg) translate(35.35534em) rotate(-225.0186deg);
  animation: collapse-10-30 5s ease-in infinite;
}
@keyframes collapse-10-30 {
  76.15385%, 100% {
    transform: rotate(225.0186deg) translate(25em) rotate(-225.0186deg);
  }
}
.square:nth-child(213) {
  transform: rotate(231.35065deg) translate(32.01562em) rotate(-231.35065deg);
  animation: collapse-10-31 5s ease-in infinite;
}
@keyframes collapse-10-31 {
  76.15385%, 100% {
    transform: rotate(231.35065deg) translate(22.63846em) rotate(-231.35065deg);
  }
}
.square:nth-child(214) {
  transform: rotate(239.04172deg) translate(29.15476em) rotate(-239.04172deg);
  animation: collapse-10-32 5s ease-in infinite;
}
@keyframes collapse-10-32 {
  76.15385%, 100% {
    transform: rotate(239.04172deg) translate(20.61553em) rotate(-239.04172deg);
  }
}
.square:nth-child(215) {
  transform: rotate(248.20134deg) translate(26.92582em) rotate(-248.20134deg);
  animation: collapse-10-33 5s ease-in infinite;
}
@keyframes collapse-10-33 {
  76.15385%, 100% {
    transform: rotate(248.20134deg) translate(19.03943em) rotate(-248.20134deg);
  }
}
.square:nth-child(216) {
  transform: rotate(258.69134deg) translate(25.4951em) rotate(-258.69134deg);
  animation: collapse-10-34 5s ease-in infinite;
}
@keyframes collapse-10-34 {
  76.15385%, 100% {
    transform: rotate(258.69134deg) translate(18.02776em) rotate(-258.69134deg);
  }
}
.square:nth-child(217) {
  transform: rotate(270deg) translate(25em) rotate(-270deg);
  animation: collapse-10-35 5s ease-in infinite;
}
@keyframes collapse-10-35 {
  76.15385%, 100% {
    transform: rotate(270deg) translate(17.67767em) rotate(-270deg);
  }
}
.square:nth-child(218) {
  transform: rotate(281.30866deg) translate(25.4951em) rotate(-281.30866deg);
  animation: collapse-10-36 5s ease-in infinite;
}
@keyframes collapse-10-36 {
  76.15385%, 100% {
    transform: rotate(281.30866deg) translate(18.02776em) rotate(-281.30866deg);
  }
}
.square:nth-child(219) {
  transform: rotate(291.79866deg) translate(26.92582em) rotate(-291.79866deg);
  animation: collapse-10-37 5s ease-in infinite;
}
@keyframes collapse-10-37 {
  76.15385%, 100% {
    transform: rotate(291.79866deg) translate(19.03943em) rotate(-291.79866deg);
  }
}
.square:nth-child(220) {
  transform: rotate(300.95828deg) translate(29.15476em) rotate(-300.95828deg);
  animation: collapse-10-38 5s ease-in infinite;
}
@keyframes collapse-10-38 {
  76.15385%, 100% {
    transform: rotate(300.95828deg) translate(20.61553em) rotate(-300.95828deg);
  }
}
.square:nth-child(221) {
  transform: rotate(308.64935deg) translate(32.01562em) rotate(-308.64935deg);
  animation: collapse-10-39 5s ease-in infinite;
}
@keyframes collapse-10-39 {
  76.15385%, 100% {
    transform: rotate(308.64935deg) translate(22.63846em) rotate(-308.64935deg);
  }
}
.square:nth-child(n + 222):before {
  animation-name: ani11;
}
@keyframes ani11 {
  83.07692%, 100% {
    transform: rotate(45deg) scale(0);
  }
}
.square:nth-child(222) {
  transform: rotate(-44.9814deg) translate(38.89087em) rotate(44.9814deg);
  animation: collapse-11-0 5s ease-in infinite;
}
@keyframes collapse-11-0 {
  83.07692%, 100% {
    transform: rotate(-44.9814deg) translate(27.5em) rotate(44.9814deg);
  }
}
.square:nth-child(223) {
  transform: rotate(-39.2771deg) translate(35.53168em) rotate(39.2771deg);
  animation: collapse-11-1 5s ease-in infinite;
}
@keyframes collapse-11-1 {
  83.07692%, 100% {
    transform: rotate(-39.2771deg) translate(25.12469em) rotate(39.2771deg);
  }
}
.square:nth-child(224) {
  transform: rotate(-32.46297deg) translate(32.59601em) rotate(32.46297deg);
  animation: collapse-11-2 5s ease-in infinite;
}
@keyframes collapse-11-2 {
  83.07692%, 100% {
    transform: rotate(-32.46297deg) translate(23.04886em) rotate(32.46297deg);
  }
}
.square:nth-child(225) {
  transform: rotate(-24.43793deg) translate(30.20761em) rotate(24.43793deg);
  animation: collapse-11-3 5s ease-in infinite;
}
@keyframes collapse-11-3 {
  83.07692%, 100% {
    transform: rotate(-24.43793deg) translate(21.36001em) rotate(24.43793deg);
  }
}
.square:nth-child(226) {
  transform: rotate(-15.24947deg) translate(28.50439em) rotate(15.24947deg);
  animation: collapse-11-4 5s ease-in infinite;
}
@keyframes collapse-11-4 {
  83.07692%, 100% {
    transform: rotate(-15.24947deg) translate(20.15564em) rotate(15.24947deg);
  }
}
.square:nth-child(227) {
  transform: rotate(-5.18732deg) translate(27.6134em) rotate(5.18732deg);
  animation: collapse-11-5 5s ease-in infinite;
}
@keyframes collapse-11-5 {
  83.07692%, 100% {
    transform: rotate(-5.18732deg) translate(19.52562em) rotate(5.18732deg);
  }
}
.square:nth-child(228) {
  transform: rotate(5.18732deg) translate(27.6134em) rotate(-5.18732deg);
  animation: collapse-11-6 5s ease-in infinite;
}
@keyframes collapse-11-6 {
  83.07692%, 100% {
    transform: rotate(5.18732deg) translate(19.52562em) rotate(-5.18732deg);
  }
}
.square:nth-child(229) {
  transform: rotate(15.24947deg) translate(28.50439em) rotate(-15.24947deg);
  animation: collapse-11-7 5s ease-in infinite;
}
@keyframes collapse-11-7 {
  83.07692%, 100% {
    transform: rotate(15.24947deg) translate(20.15564em) rotate(-15.24947deg);
  }
}
.square:nth-child(230) {
  transform: rotate(24.43793deg) translate(30.20761em) rotate(-24.43793deg);
  animation: collapse-11-8 5s ease-in infinite;
}
@keyframes collapse-11-8 {
  83.07692%, 100% {
    transform: rotate(24.43793deg) translate(21.36001em) rotate(-24.43793deg);
  }
}
.square:nth-child(231) {
  transform: rotate(32.46297deg) translate(32.59601em) rotate(-32.46297deg);
  animation: collapse-11-9 5s ease-in infinite;
}
@keyframes collapse-11-9 {
  83.07692%, 100% {
    transform: rotate(32.46297deg) translate(23.04886em) rotate(-32.46297deg);
  }
}
.square:nth-child(232) {
  transform: rotate(39.2771deg) translate(35.53168em) rotate(-39.2771deg);
  animation: collapse-11-10 5s ease-in infinite;
}
@keyframes collapse-11-10 {
  83.07692%, 100% {
    transform: rotate(39.2771deg) translate(25.12469em) rotate(-39.2771deg);
  }
}
.square:nth-child(233) {
  transform: rotate(45.0186deg) translate(38.89087em) rotate(-45.0186deg);
  animation: collapse-11-11 5s ease-in infinite;
}
@keyframes collapse-11-11 {
  83.07692%, 100% {
    transform: rotate(45.0186deg) translate(27.5em) rotate(-45.0186deg);
  }
}
.square:nth-child(234) {
  transform: rotate(50.7229deg) translate(35.53168em) rotate(-50.7229deg);
  animation: collapse-11-12 5s ease-in infinite;
}
@keyframes collapse-11-12 {
  83.07692%, 100% {
    transform: rotate(50.7229deg) translate(25.12469em) rotate(-50.7229deg);
  }
}
.square:nth-child(235) {
  transform: rotate(57.53703deg) translate(32.59601em) rotate(-57.53703deg);
  animation: collapse-11-13 5s ease-in infinite;
}
@keyframes collapse-11-13 {
  83.07692%, 100% {
    transform: rotate(57.53703deg) translate(23.04886em) rotate(-57.53703deg);
  }
}
.square:nth-child(236) {
  transform: rotate(65.56207deg) translate(30.20761em) rotate(-65.56207deg);
  animation: collapse-11-14 5s ease-in infinite;
}
@keyframes collapse-11-14 {
  83.07692%, 100% {
    transform: rotate(65.56207deg) translate(21.36001em) rotate(-65.56207deg);
  }
}
.square:nth-child(237) {
  transform: rotate(74.75053deg) translate(28.50439em) rotate(-74.75053deg);
  animation: collapse-11-15 5s ease-in infinite;
}
@keyframes collapse-11-15 {
  83.07692%, 100% {
    transform: rotate(74.75053deg) translate(20.15564em) rotate(-74.75053deg);
  }
}
.square:nth-child(238) {
  transform: rotate(84.81268deg) translate(27.6134em) rotate(-84.81268deg);
  animation: collapse-11-16 5s ease-in infinite;
}
@keyframes collapse-11-16 {
  83.07692%, 100% {
    transform: rotate(84.81268deg) translate(19.52562em) rotate(-84.81268deg);
  }
}
.square:nth-child(239) {
  transform: rotate(95.18732deg) translate(27.6134em) rotate(-95.18732deg);
  animation: collapse-11-17 5s ease-in infinite;
}
@keyframes collapse-11-17 {
  83.07692%, 100% {
    transform: rotate(95.18732deg) translate(19.52562em) rotate(-95.18732deg);
  }
}
.square:nth-child(240) {
  transform: rotate(105.24947deg) translate(28.50439em) rotate(-105.24947deg);
  animation: collapse-11-18 5s ease-in infinite;
}
@keyframes collapse-11-18 {
  83.07692%, 100% {
    transform: rotate(105.24947deg) translate(20.15564em) rotate(-105.24947deg);
  }
}
.square:nth-child(241) {
  transform: rotate(114.43793deg) translate(30.20761em) rotate(-114.43793deg);
  animation: collapse-11-19 5s ease-in infinite;
}
@keyframes collapse-11-19 {
  83.07692%, 100% {
    transform: rotate(114.43793deg) translate(21.36001em) rotate(-114.43793deg);
  }
}
.square:nth-child(242) {
  transform: rotate(122.46297deg) translate(32.59601em) rotate(-122.46297deg);
  animation: collapse-11-20 5s ease-in infinite;
}
@keyframes collapse-11-20 {
  83.07692%, 100% {
    transform: rotate(122.46297deg) translate(23.04886em) rotate(-122.46297deg);
  }
}
.square:nth-child(243) {
  transform: rotate(129.2771deg) translate(35.53168em) rotate(-129.2771deg);
  animation: collapse-11-21 5s ease-in infinite;
}
@keyframes collapse-11-21 {
  83.07692%, 100% {
    transform: rotate(129.2771deg) translate(25.12469em) rotate(-129.2771deg);
  }
}
.square:nth-child(244) {
  transform: rotate(135.0186deg) translate(38.89087em) rotate(-135.0186deg);
  animation: collapse-11-22 5s ease-in infinite;
}
@keyframes collapse-11-22 {
  83.07692%, 100% {
    transform: rotate(135.0186deg) translate(27.5em) rotate(-135.0186deg);
  }
}
.square:nth-child(245) {
  transform: rotate(140.7229deg) translate(35.53168em) rotate(-140.7229deg);
  animation: collapse-11-23 5s ease-in infinite;
}
@keyframes collapse-11-23 {
  83.07692%, 100% {
    transform: rotate(140.7229deg) translate(25.12469em) rotate(-140.7229deg);
  }
}
.square:nth-child(246) {
  transform: rotate(147.53703deg) translate(32.59601em) rotate(-147.53703deg);
  animation: collapse-11-24 5s ease-in infinite;
}
@keyframes collapse-11-24 {
  83.07692%, 100% {
    transform: rotate(147.53703deg) translate(23.04886em) rotate(-147.53703deg);
  }
}
.square:nth-child(247) {
  transform: rotate(155.56207deg) translate(30.20761em) rotate(-155.56207deg);
  animation: collapse-11-25 5s ease-in infinite;
}
@keyframes collapse-11-25 {
  83.07692%, 100% {
    transform: rotate(155.56207deg) translate(21.36001em) rotate(-155.56207deg);
  }
}
.square:nth-child(248) {
  transform: rotate(164.75053deg) translate(28.50439em) rotate(-164.75053deg);
  animation: collapse-11-26 5s ease-in infinite;
}
@keyframes collapse-11-26 {
  83.07692%, 100% {
    transform: rotate(164.75053deg) translate(20.15564em) rotate(-164.75053deg);
  }
}
.square:nth-child(249) {
  transform: rotate(174.81268deg) translate(27.6134em) rotate(-174.81268deg);
  animation: collapse-11-27 5s ease-in infinite;
}
@keyframes collapse-11-27 {
  83.07692%, 100% {
    transform: rotate(174.81268deg) translate(19.52562em) rotate(-174.81268deg);
  }
}
.square:nth-child(250) {
  transform: rotate(185.18732deg) translate(27.6134em) rotate(-185.18732deg);
  animation: collapse-11-28 5s ease-in infinite;
}
@keyframes collapse-11-28 {
  83.07692%, 100% {
    transform: rotate(185.18732deg) translate(19.52562em) rotate(-185.18732deg);
  }
}
.square:nth-child(251) {
  transform: rotate(195.24947deg) translate(28.50439em) rotate(-195.24947deg);
  animation: collapse-11-29 5s ease-in infinite;
}
@keyframes collapse-11-29 {
  83.07692%, 100% {
    transform: rotate(195.24947deg) translate(20.15564em) rotate(-195.24947deg);
  }
}
.square:nth-child(252) {
  transform: rotate(204.43793deg) translate(30.20761em) rotate(-204.43793deg);
  animation: collapse-11-30 5s ease-in infinite;
}
@keyframes collapse-11-30 {
  83.07692%, 100% {
    transform: rotate(204.43793deg) translate(21.36001em) rotate(-204.43793deg);
  }
}
.square:nth-child(253) {
  transform: rotate(212.46297deg) translate(32.59601em) rotate(-212.46297deg);
  animation: collapse-11-31 5s ease-in infinite;
}
@keyframes collapse-11-31 {
  83.07692%, 100% {
    transform: rotate(212.46297deg) translate(23.04886em) rotate(-212.46297deg);
  }
}
.square:nth-child(254) {
  transform: rotate(219.2771deg) translate(35.53168em) rotate(-219.2771deg);
  animation: collapse-11-32 5s ease-in infinite;
}
@keyframes collapse-11-32 {
  83.07692%, 100% {
    transform: rotate(219.2771deg) translate(25.12469em) rotate(-219.2771deg);
  }
}
.square:nth-child(255) {
  transform: rotate(225.0186deg) translate(38.89087em) rotate(-225.0186deg);
  animation: collapse-11-33 5s ease-in infinite;
}
@keyframes collapse-11-33 {
  83.07692%, 100% {
    transform: rotate(225.0186deg) translate(27.5em) rotate(-225.0186deg);
  }
}
.square:nth-child(256) {
  transform: rotate(230.7229deg) translate(35.53168em) rotate(-230.7229deg);
  animation: collapse-11-34 5s ease-in infinite;
}
@keyframes collapse-11-34 {
  83.07692%, 100% {
    transform: rotate(230.7229deg) translate(25.12469em) rotate(-230.7229deg);
  }
}
.square:nth-child(257) {
  transform: rotate(237.53703deg) translate(32.59601em) rotate(-237.53703deg);
  animation: collapse-11-35 5s ease-in infinite;
}
@keyframes collapse-11-35 {
  83.07692%, 100% {
    transform: rotate(237.53703deg) translate(23.04886em) rotate(-237.53703deg);
  }
}
.square:nth-child(258) {
  transform: rotate(245.56207deg) translate(30.20761em) rotate(-245.56207deg);
  animation: collapse-11-36 5s ease-in infinite;
}
@keyframes collapse-11-36 {
  83.07692%, 100% {
    transform: rotate(245.56207deg) translate(21.36001em) rotate(-245.56207deg);
  }
}
.square:nth-child(259) {
  transform: rotate(254.75053deg) translate(28.50439em) rotate(-254.75053deg);
  animation: collapse-11-37 5s ease-in infinite;
}
@keyframes collapse-11-37 {
  83.07692%, 100% {
    transform: rotate(254.75053deg) translate(20.15564em) rotate(-254.75053deg);
  }
}
.square:nth-child(260) {
  transform: rotate(264.81268deg) translate(27.6134em) rotate(-264.81268deg);
  animation: collapse-11-38 5s ease-in infinite;
}
@keyframes collapse-11-38 {
  83.07692%, 100% {
    transform: rotate(264.81268deg) translate(19.52562em) rotate(-264.81268deg);
  }
}
.square:nth-child(261) {
  transform: rotate(275.18732deg) translate(27.6134em) rotate(-275.18732deg);
  animation: collapse-11-39 5s ease-in infinite;
}
@keyframes collapse-11-39 {
  83.07692%, 100% {
    transform: rotate(275.18732deg) translate(19.52562em) rotate(-275.18732deg);
  }
}
.square:nth-child(262) {
  transform: rotate(285.24947deg) translate(28.50439em) rotate(-285.24947deg);
  animation: collapse-11-40 5s ease-in infinite;
}
@keyframes collapse-11-40 {
  83.07692%, 100% {
    transform: rotate(285.24947deg) translate(20.15564em) rotate(-285.24947deg);
  }
}
.square:nth-child(263) {
  transform: rotate(294.43793deg) translate(30.20761em) rotate(-294.43793deg);
  animation: collapse-11-41 5s ease-in infinite;
}
@keyframes collapse-11-41 {
  83.07692%, 100% {
    transform: rotate(294.43793deg) translate(21.36001em) rotate(-294.43793deg);
  }
}
.square:nth-child(264) {
  transform: rotate(302.46297deg) translate(32.59601em) rotate(-302.46297deg);
  animation: collapse-11-42 5s ease-in infinite;
}
@keyframes collapse-11-42 {
  83.07692%, 100% {
    transform: rotate(302.46297deg) translate(23.04886em) rotate(-302.46297deg);
  }
}
.square:nth-child(265) {
  transform: rotate(309.2771deg) translate(35.53168em) rotate(-309.2771deg);
  animation: collapse-11-43 5s ease-in infinite;
}
@keyframes collapse-11-43 {
  83.07692%, 100% {
    transform: rotate(309.2771deg) translate(25.12469em) rotate(-309.2771deg);
  }
}
.square:nth-child(n + 266):before {
  animation-name: ani12;
}
@keyframes ani12 {
  90%, 100% {
    transform: rotate(45deg) scale(1);
  }
}
.square:nth-child(266) {
  transform: rotate(-44.9814deg) translate(42.42641em) rotate(44.9814deg);
  animation: collapse-12-0 5s ease-in infinite;
}
@keyframes collapse-12-0 {
  90%, 100% {
    transform: rotate(-44.9814deg) translate(30em) rotate(44.9814deg);
  }
}
.square:nth-child(267) {
  transform: rotate(-39.79155deg) translate(39.05125em) rotate(39.79155deg);
  animation: collapse-12-1 5s ease-in infinite;
}
@keyframes collapse-12-1 {
  90%, 100% {
    transform: rotate(-39.79155deg) translate(27.6134em) rotate(39.79155deg);
  }
}
.square:nth-child(268) {
  transform: rotate(-33.67883deg) translate(36.05551em) rotate(33.67883deg);
  animation: collapse-12-2 5s ease-in infinite;
}
@keyframes collapse-12-2 {
  90%, 100% {
    transform: rotate(-33.67883deg) translate(25.4951em) rotate(33.67883deg);
  }
}
.square:nth-child(269) {
  transform: rotate(-26.55444deg) translate(33.54102em) rotate(26.55444deg);
  animation: collapse-12-3 5s ease-in infinite;
}
@keyframes collapse-12-3 {
  90%, 100% {
    transform: rotate(-26.55444deg) translate(23.71708em) rotate(26.55444deg);
  }
}
.square:nth-child(270) {
  transform: rotate(-18.43408deg) translate(31.62278em) rotate(18.43408deg);
  animation: collapse-12-4 5s ease-in infinite;
}
@keyframes collapse-12-4 {
  90%, 100% {
    transform: rotate(-18.43408deg) translate(22.36068em) rotate(18.43408deg);
  }
}
.square:nth-child(271) {
  transform: rotate(-9.4618deg) translate(30.41381em) rotate(9.4618deg);
  animation: collapse-12-5 5s ease-in infinite;
}
@keyframes collapse-12-5 {
  90%, 100% {
    transform: rotate(-9.4618deg) translate(21.50581em) rotate(9.4618deg);
  }
}
.square:nth-child(272) {
  transform: rotate(0deg) translate(30em) rotate(0deg);
  animation: collapse-12-6 5s ease-in infinite;
}
@keyframes collapse-12-6 {
  90%, 100% {
    transform: rotate(0deg) translate(21.2132em) rotate(0deg);
  }
}
.square:nth-child(273) {
  transform: rotate(9.4618deg) translate(30.41381em) rotate(-9.4618deg);
  animation: collapse-12-7 5s ease-in infinite;
}
@keyframes collapse-12-7 {
  90%, 100% {
    transform: rotate(9.4618deg) translate(21.50581em) rotate(-9.4618deg);
  }
}
.square:nth-child(274) {
  transform: rotate(18.43408deg) translate(31.62278em) rotate(-18.43408deg);
  animation: collapse-12-8 5s ease-in infinite;
}
@keyframes collapse-12-8 {
  90%, 100% {
    transform: rotate(18.43408deg) translate(22.36068em) rotate(-18.43408deg);
  }
}
.square:nth-child(275) {
  transform: rotate(26.55444deg) translate(33.54102em) rotate(-26.55444deg);
  animation: collapse-12-9 5s ease-in infinite;
}
@keyframes collapse-12-9 {
  90%, 100% {
    transform: rotate(26.55444deg) translate(23.71708em) rotate(-26.55444deg);
  }
}
.square:nth-child(276) {
  transform: rotate(33.67883deg) translate(36.05551em) rotate(-33.67883deg);
  animation: collapse-12-10 5s ease-in infinite;
}
@keyframes collapse-12-10 {
  90%, 100% {
    transform: rotate(33.67883deg) translate(25.4951em) rotate(-33.67883deg);
  }
}
.square:nth-child(277) {
  transform: rotate(39.79155deg) translate(39.05125em) rotate(-39.79155deg);
  animation: collapse-12-11 5s ease-in infinite;
}
@keyframes collapse-12-11 {
  90%, 100% {
    transform: rotate(39.79155deg) translate(27.6134em) rotate(-39.79155deg);
  }
}
.square:nth-child(278) {
  transform: rotate(45.0186deg) translate(42.42641em) rotate(-45.0186deg);
  animation: collapse-12-12 5s ease-in infinite;
}
@keyframes collapse-12-12 {
  90%, 100% {
    transform: rotate(45.0186deg) translate(30em) rotate(-45.0186deg);
  }
}
.square:nth-child(279) {
  transform: rotate(50.20845deg) translate(39.05125em) rotate(-50.20845deg);
  animation: collapse-12-13 5s ease-in infinite;
}
@keyframes collapse-12-13 {
  90%, 100% {
    transform: rotate(50.20845deg) translate(27.6134em) rotate(-50.20845deg);
  }
}
.square:nth-child(280) {
  transform: rotate(56.32117deg) translate(36.05551em) rotate(-56.32117deg);
  animation: collapse-12-14 5s ease-in infinite;
}
@keyframes collapse-12-14 {
  90%, 100% {
    transform: rotate(56.32117deg) translate(25.4951em) rotate(-56.32117deg);
  }
}
.square:nth-child(281) {
  transform: rotate(63.44556deg) translate(33.54102em) rotate(-63.44556deg);
  animation: collapse-12-15 5s ease-in infinite;
}
@keyframes collapse-12-15 {
  90%, 100% {
    transform: rotate(63.44556deg) translate(23.71708em) rotate(-63.44556deg);
  }
}
.square:nth-child(282) {
  transform: rotate(71.56592deg) translate(31.62278em) rotate(-71.56592deg);
  animation: collapse-12-16 5s ease-in infinite;
}
@keyframes collapse-12-16 {
  90%, 100% {
    transform: rotate(71.56592deg) translate(22.36068em) rotate(-71.56592deg);
  }
}
.square:nth-child(283) {
  transform: rotate(80.5382deg) translate(30.41381em) rotate(-80.5382deg);
  animation: collapse-12-17 5s ease-in infinite;
}
@keyframes collapse-12-17 {
  90%, 100% {
    transform: rotate(80.5382deg) translate(21.50581em) rotate(-80.5382deg);
  }
}
.square:nth-child(284) {
  transform: rotate(90deg) translate(30em) rotate(-90deg);
  animation: collapse-12-18 5s ease-in infinite;
}
@keyframes collapse-12-18 {
  90%, 100% {
    transform: rotate(90deg) translate(21.2132em) rotate(-90deg);
  }
}
.square:nth-child(285) {
  transform: rotate(99.4618deg) translate(30.41381em) rotate(-99.4618deg);
  animation: collapse-12-19 5s ease-in infinite;
}
@keyframes collapse-12-19 {
  90%, 100% {
    transform: rotate(99.4618deg) translate(21.50581em) rotate(-99.4618deg);
  }
}
.square:nth-child(286) {
  transform: rotate(108.43408deg) translate(31.62278em) rotate(-108.43408deg);
  animation: collapse-12-20 5s ease-in infinite;
}
@keyframes collapse-12-20 {
  90%, 100% {
    transform: rotate(108.43408deg) translate(22.36068em) rotate(-108.43408deg);
  }
}
.square:nth-child(287) {
  transform: rotate(116.55444deg) translate(33.54102em) rotate(-116.55444deg);
  animation: collapse-12-21 5s ease-in infinite;
}
@keyframes collapse-12-21 {
  90%, 100% {
    transform: rotate(116.55444deg) translate(23.71708em) rotate(-116.55444deg);
  }
}
.square:nth-child(288) {
  transform: rotate(123.67883deg) translate(36.05551em) rotate(-123.67883deg);
  animation: collapse-12-22 5s ease-in infinite;
}
@keyframes collapse-12-22 {
  90%, 100% {
    transform: rotate(123.67883deg) translate(25.4951em) rotate(-123.67883deg);
  }
}
.square:nth-child(289) {
  transform: rotate(129.79155deg) translate(39.05125em) rotate(-129.79155deg);
  animation: collapse-12-23 5s ease-in infinite;
}
@keyframes collapse-12-23 {
  90%, 100% {
    transform: rotate(129.79155deg) translate(27.6134em) rotate(-129.79155deg);
  }
}
.square:nth-child(290) {
  transform: rotate(135.0186deg) translate(42.42641em) rotate(-135.0186deg);
  animation: collapse-12-24 5s ease-in infinite;
}
@keyframes collapse-12-24 {
  90%, 100% {
    transform: rotate(135.0186deg) translate(30em) rotate(-135.0186deg);
  }
}
.square:nth-child(291) {
  transform: rotate(140.20845deg) translate(39.05125em) rotate(-140.20845deg);
  animation: collapse-12-25 5s ease-in infinite;
}
@keyframes collapse-12-25 {
  90%, 100% {
    transform: rotate(140.20845deg) translate(27.6134em) rotate(-140.20845deg);
  }
}
.square:nth-child(292) {
  transform: rotate(146.32117deg) translate(36.05551em) rotate(-146.32117deg);
  animation: collapse-12-26 5s ease-in infinite;
}
@keyframes collapse-12-26 {
  90%, 100% {
    transform: rotate(146.32117deg) translate(25.4951em) rotate(-146.32117deg);
  }
}
.square:nth-child(293) {
  transform: rotate(153.44556deg) translate(33.54102em) rotate(-153.44556deg);
  animation: collapse-12-27 5s ease-in infinite;
}
@keyframes collapse-12-27 {
  90%, 100% {
    transform: rotate(153.44556deg) translate(23.71708em) rotate(-153.44556deg);
  }
}
.square:nth-child(294) {
  transform: rotate(161.56592deg) translate(31.62278em) rotate(-161.56592deg);
  animation: collapse-12-28 5s ease-in infinite;
}
@keyframes collapse-12-28 {
  90%, 100% {
    transform: rotate(161.56592deg) translate(22.36068em) rotate(-161.56592deg);
  }
}
.square:nth-child(295) {
  transform: rotate(170.5382deg) translate(30.41381em) rotate(-170.5382deg);
  animation: collapse-12-29 5s ease-in infinite;
}
@keyframes collapse-12-29 {
  90%, 100% {
    transform: rotate(170.5382deg) translate(21.50581em) rotate(-170.5382deg);
  }
}
.square:nth-child(296) {
  transform: rotate(180deg) translate(30em) rotate(-180deg);
  animation: collapse-12-30 5s ease-in infinite;
}
@keyframes collapse-12-30 {
  90%, 100% {
    transform: rotate(180deg) translate(21.2132em) rotate(-180deg);
  }
}
.square:nth-child(297) {
  transform: rotate(189.4618deg) translate(30.41381em) rotate(-189.4618deg);
  animation: collapse-12-31 5s ease-in infinite;
}
@keyframes collapse-12-31 {
  90%, 100% {
    transform: rotate(189.4618deg) translate(21.50581em) rotate(-189.4618deg);
  }
}
.square:nth-child(298) {
  transform: rotate(198.43408deg) translate(31.62278em) rotate(-198.43408deg);
  animation: collapse-12-32 5s ease-in infinite;
}
@keyframes collapse-12-32 {
  90%, 100% {
    transform: rotate(198.43408deg) translate(22.36068em) rotate(-198.43408deg);
  }
}
.square:nth-child(299) {
  transform: rotate(206.55444deg) translate(33.54102em) rotate(-206.55444deg);
  animation: collapse-12-33 5s ease-in infinite;
}
@keyframes collapse-12-33 {
  90%, 100% {
    transform: rotate(206.55444deg) translate(23.71708em) rotate(-206.55444deg);
  }
}
.square:nth-child(300) {
  transform: rotate(213.67883deg) translate(36.05551em) rotate(-213.67883deg);
  animation: collapse-12-34 5s ease-in infinite;
}
@keyframes collapse-12-34 {
  90%, 100% {
    transform: rotate(213.67883deg) translate(25.4951em) rotate(-213.67883deg);
  }
}
.square:nth-child(301) {
  transform: rotate(219.79155deg) translate(39.05125em) rotate(-219.79155deg);
  animation: collapse-12-35 5s ease-in infinite;
}
@keyframes collapse-12-35 {
  90%, 100% {
    transform: rotate(219.79155deg) translate(27.6134em) rotate(-219.79155deg);
  }
}
.square:nth-child(302) {
  transform: rotate(225.0186deg) translate(42.42641em) rotate(-225.0186deg);
  animation: collapse-12-36 5s ease-in infinite;
}
@keyframes collapse-12-36 {
  90%, 100% {
    transform: rotate(225.0186deg) translate(30em) rotate(-225.0186deg);
  }
}
.square:nth-child(303) {
  transform: rotate(230.20845deg) translate(39.05125em) rotate(-230.20845deg);
  animation: collapse-12-37 5s ease-in infinite;
}
@keyframes collapse-12-37 {
  90%, 100% {
    transform: rotate(230.20845deg) translate(27.6134em) rotate(-230.20845deg);
  }
}
.square:nth-child(304) {
  transform: rotate(236.32117deg) translate(36.05551em) rotate(-236.32117deg);
  animation: collapse-12-38 5s ease-in infinite;
}
@keyframes collapse-12-38 {
  90%, 100% {
    transform: rotate(236.32117deg) translate(25.4951em) rotate(-236.32117deg);
  }
}
.square:nth-child(305) {
  transform: rotate(243.44556deg) translate(33.54102em) rotate(-243.44556deg);
  animation: collapse-12-39 5s ease-in infinite;
}
@keyframes collapse-12-39 {
  90%, 100% {
    transform: rotate(243.44556deg) translate(23.71708em) rotate(-243.44556deg);
  }
}
.square:nth-child(306) {
  transform: rotate(251.56592deg) translate(31.62278em) rotate(-251.56592deg);
  animation: collapse-12-40 5s ease-in infinite;
}
@keyframes collapse-12-40 {
  90%, 100% {
    transform: rotate(251.56592deg) translate(22.36068em) rotate(-251.56592deg);
  }
}
.square:nth-child(307) {
  transform: rotate(260.5382deg) translate(30.41381em) rotate(-260.5382deg);
  animation: collapse-12-41 5s ease-in infinite;
}
@keyframes collapse-12-41 {
  90%, 100% {
    transform: rotate(260.5382deg) translate(21.50581em) rotate(-260.5382deg);
  }
}
.square:nth-child(308) {
  transform: rotate(270deg) translate(30em) rotate(-270deg);
  animation: collapse-12-42 5s ease-in infinite;
}
@keyframes collapse-12-42 {
  90%, 100% {
    transform: rotate(270deg) translate(21.2132em) rotate(-270deg);
  }
}
.square:nth-child(309) {
  transform: rotate(279.4618deg) translate(30.41381em) rotate(-279.4618deg);
  animation: collapse-12-43 5s ease-in infinite;
}
@keyframes collapse-12-43 {
  90%, 100% {
    transform: rotate(279.4618deg) translate(21.50581em) rotate(-279.4618deg);
  }
}
.square:nth-child(310) {
  transform: rotate(288.43408deg) translate(31.62278em) rotate(-288.43408deg);
  animation: collapse-12-44 5s ease-in infinite;
}
@keyframes collapse-12-44 {
  90%, 100% {
    transform: rotate(288.43408deg) translate(22.36068em) rotate(-288.43408deg);
  }
}
.square:nth-child(311) {
  transform: rotate(296.55444deg) translate(33.54102em) rotate(-296.55444deg);
  animation: collapse-12-45 5s ease-in infinite;
}
@keyframes collapse-12-45 {
  90%, 100% {
    transform: rotate(296.55444deg) translate(23.71708em) rotate(-296.55444deg);
  }
}
.square:nth-child(312) {
  transform: rotate(303.67883deg) translate(36.05551em) rotate(-303.67883deg);
  animation: collapse-12-46 5s ease-in infinite;
}
@keyframes collapse-12-46 {
  90%, 100% {
    transform: rotate(303.67883deg) translate(25.4951em) rotate(-303.67883deg);
  }
}
.square:nth-child(313) {
  transform: rotate(309.79155deg) translate(39.05125em) rotate(-309.79155deg);
  animation: collapse-12-47 5s ease-in infinite;
}
@keyframes collapse-12-47 {
  90%, 100% {
    transform: rotate(309.79155deg) translate(27.6134em) rotate(-309.79155deg);
  }
}
.square:before {
  margin: -1.25em;
  width: 2.5em;
  height: 2.5em;
  background: white;
  animation: ani0 5s linear infinite;
  content: '';
}

@keyframes ani0 {
  6.92308%, 100% {
    transform: rotate(45deg);
  }
}
@keyframes rot {
  to {
    transform: rotate(45deg);
  }
}