*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.demo {
  background: linear-gradient(45deg, #00BFFF, #1C39BB);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  user-select: none;
  overflow: hidden;
  position: relative;
}

.demo__screen {
  position: relative;
  background-color: #0B1953;
  overflow: hidden;
  flex-shrink: 0;
  width: 100vw;
  height: 100vh;
}
.demo__screen--clickable {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.demo__logo {
  font-family: Muli, sans-serif;
  font-weight: 600;
  letter-spacing: 1.155px;
  font-size: 11.55px;
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  top: 16.5px;
  transition: all 0.25s ease;
  will-change: transform, opacity;
}
.demo__logo--hidden {
  opacity: 0;
  transform: translate3d(0, -33px, 0);
}

.demo__logo-particles {
  position: absolute;
  width: 3.3px;
  height: 3.3px;
  left: 146.85px;
  top: 24.75px;
  opacity: 0;
}
.demo__logo-particles--visible {
  opacity: 1;
}

.demo__logo-particle {
  width: 2.475px;
  height: 2.475px;
  border-radius: 50%;
  background-color: white;
  opacity: 1;
  transition: all 1.7s ease;
  position: absolute;
  will-change: transform;
}
@media (max-width: 400px) {
  .demo__logo-particle { display: none; }
}

.demo__logo-name {
  display: inline-block;
  vertical-align: middle;
}

.demo__logo-pic {
  display: inline-block;
  width: 26.4px;
  height: 26.4px;
  vertical-align: middle;
  position: relative;
  transform: scale(0.65);
}

.demo__logo-glass {
  border: 1.65px solid #87CEEB;
  width: 11.55px;
  height: 11.55px;
  border-radius: 50%;
  position: absolute;
}
.demo__logo-glass:after {
  display: block;
  content: '';
  width: 6.6px;
  height: 1.65px;
  background-color: #87CEEB;
  top: 50%;
  position: absolute;
  left: 8.25px;
  top: 3.3px;
}
.demo__logo-glass:nth-child(2) {
  left: 19.8px;
  transform: rotate(120deg);
  border: 1.65px solid #00BFFF;
}
.demo__logo-glass:nth-child(2):after {
  background-color: #00BFFF;
}
.demo__logo-glass:nth-child(3) {
  left: 9.9px;
  top: 16.5px;
  transform: rotate(240deg);
  border: 1.65px solid #1C39BB;
}
.demo__logo-glass:nth-child(3):after {
  background-color: #1C39BB;
}

.demo__fprint-path {
  stroke-width: 2.5px;
  stroke-linecap: round;
  fill: none;
  stroke: white;
  visibility: hidden;
  transition: opacity 0.5s ease;
  will-change: stroke-dashoffset, stroke-dasharray;
  transform: translateZ(0);
}
.demo__fprint-path--pinkish {
  stroke: #00BFFF;
}
.demo__fprint-path--purplish {
  stroke: #1C39BB;
}
.demo__fprint-path--gradient {
  stroke: url(#linear);
  transition: stroke 0.3s ease;
  transition-delay: 0.5s;
}
#demo__elastic-path {
  will-change: opacity;
  opacity: 1;
}

.demo__hidden-path {
  display: none;
}

.demo__ending-path {
  fill: none;
  stroke-width: 2.5px;
  stroke-dasharray: 60 1000;
  stroke-dashoffset: 61;
  stroke-linecap: round;
  will-change: stroke-dashoffset, stroke-dasharray, opacity;
  transform: translateZ(0);
  transition: stroke-dashoffset 1s ease, stroke-dasharray 0.5s linear, opacity 0.75s ease;
}
.demo__ending-path--removed {
  stroke-dashoffset: -130;
  stroke-dasharray: 5 1000;
}
.demo__ending-path--transparent {
  opacity: 0;
}
.demo__ending-path--pinkish {
  stroke: #00BFFF;
}
.demo__ending-path--purplish {
  stroke: #1C39BB;
}

.demo__fprint {
  width: 297px;
  height: 528px;
  position: relative;
  top: 33px;
  overflow: visible;
  background-image: url('https://kiyutink.github.io/svg/fprintBackground.svg');
  background-size: cover;
  margin: 0 auto;
  display: block;
}
.demo__fprint--no-bg {
  background-image: none;
}

.demo__bullet {
  position: absolute;
  width: 6.6px;
  height: 6.6px;
  background-color: white;
  border-radius: 50%;
  top: 346.5px;
  left: calc(50% - 3.3px);
  opacity: 0;
  transition: all 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  will-change: transform, opacity;
}
.demo__bullet--with-aura {
  box-shadow: 0 0 0 4.95px rgba(255, 255, 255, 0.3);
}
.demo__bullet--elevated {
  transform: translate3d(0, -412.5px, 0);
  opacity: 1;
}
.demo__bullet--descended {
  transform: translate3d(0, 49.5px, 0);
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.285, 0.210, 0.605, 0.910);
}

.demo__top-bullet {
  position: absolute;
  width: 3.3px;
  height: 3.3px;
  background-color: white;
  top: 26.4px;
  left: 0;
  border-radius: 50%;
  opacity: 0.7;
  transition: all 0.5s ease;
  transition-delay: 0.1s;
  will-change: opacity, transform;
}
.demo__top-bullet--1 {
  left: calc(50% - 82.5px);
  opacity: 0.2;
}
.demo__top-bullet--2 {
  left: calc(50% - 41.25px);
  opacity: 0.4;
}
.demo__top-bullet--3 {
  background-color: transparent;
  width: 9.9px;
  height: 9.9px;
  border: 2px solid white;
  top: 23.1px;
  left: calc(50% - 4.95px);
  box-shadow: 0 0 13.2px white;
}
.demo__top-bullet--4 {
  left: calc(50% + 41.25px);
  opacity: 0.4;
}
.demo__top-bullet--5 {
  left: calc(50% + 82.5px);
  opacity: 0.2;
}
.demo__top-bullet--hidden {
  opacity: 0;
}
.demo__top-bullet--spread {
  transform: none;
}

.demo__month {
  width: 100%;
  height: 33px;
  position: absolute;
  top: 41.25px;
  text-align: center;
  color: white;
  font-size: 11.55px;
  font-weight: 300;
  font-family: Muli, sans-serif;
  opacity: 0;
  transform: translate3d(0, -24.75px, 0);
  transition: all 0.25s ease-out;
  transition-delay: 0.3s;
  will-change: transform, opacity;
}
.demo__month--visible {
  opacity: 1;
  transform: none;
}

.demo__money {
  width: 100%;
  height: 42.9px;
  font-size: 42.9px;
  position: absolute;
  display: flex;
  color: white;
  font-family: Muli, sans-serif;
  font-weight: 300;
  top: 115.5px;
  justify-content: center;
  align-items: flex-start;
  transform: translate3d(0, -49.5px, 0);
  opacity: 0;
  transition: all 0.3s ease;
  transition-delay: 0.3s;
  will-change: transform, opacity;
  overflow: hidden;
}
.demo__money--visible {
  transform: none;
  opacity: 1;
}

.demo__money-particles {
  position: absolute;
  width: 3.3px;
  height: 3.3px;
  left: 146.85px;
  top: 165px;
  opacity: 0;
}
.demo__money-particles--visible {
  opacity: 1;
}

.demo__money-particle {
  width: 2.475px;
  height: 2.475px;
  border-radius: 50%;
  background-color: white;
  opacity: 1;
  transition: all 1.5s ease;
  position: absolute;
  will-change: transform;
}
@media (max-width: 400px) {
  .demo__money-particle { display: none; }
}

.demo__money-currency {
  display: flex;
  align-items: center;
  width: 28.05px;
  line-height: 42.9px;
}

.demo__money-digit {
  width: 24.75px;
  display: flex;
  line-height: 42.9px;
  will-change: transform;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.demo__money-digit:nth-child(3) { margin-right: 8.25px; }
.demo__money-digit:nth-child(2) { transition: transform 0.4s ease; transition-delay: 0.3s; transform: translate3d(0, -343.2px, 0); }
.demo__money-digit--visible:nth-child(2) { transform: none; }
.demo__money-digit:nth-child(3) { transition: transform 0.5s ease; transition-delay: 0.3s; transform: translate3d(0, -343.2px, 0); }
.demo__money-digit--visible:nth-child(3) { transform: none; }
.demo__money-digit:nth-child(4) { transition: transform 0.6s ease; transition-delay: 0.3s; transform: translate3d(0, -343.2px, 0); }
.demo__money-digit--visible:nth-child(4) { transform: none; }
.demo__money-digit:nth-child(5) { transition: transform 0.7s ease; transition-delay: 0.3s; transform: translate3d(0, -343.2px, 0); }
.demo__money-digit--visible:nth-child(5) { transform: none; }
.demo__money-digit:nth-child(6) { transition: transform 0.8s ease; transition-delay: 0.3s; transform: translate3d(0, -343.2px, 0); }
.demo__money-digit--visible:nth-child(6) { transform: none; }

.demo__under-curve {
  fill: url(#linear);
  opacity: 0;
  transition: opacity 0.4s linear;
  transition-delay: 0.6s;
  will-change: opacity;
}
.demo__under-curve--visible {
  opacity: 0.8;
}

.demo__touch-id {
  position: absolute;
  font-family: Muli, sans-serif;
  font-size: 16.5px;
  top: 148.5px;
  color: white;
  width: 100%;
  text-align: center;
  transition: all 0.25s ease;
  will-change: transform, opacity;
}
.demo__touch-id--hidden {
  opacity: 0;
  transform: translate3d(0, -33px, 0);
}

.demo__tip {
  position: absolute;
  top: 173.25px;
  font-family: Muli, sans-serif;
  font-size: 9.9px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  width: 100%;
  transition: opacity 0.3s ease;
}
.demo__tip--hidden {
  opacity: 0;
}

.demo__dates {
  position: absolute;
  bottom: 8.25px;
  width: 100%;
  display: flex;
  justify-content: center;
  transform: translate3d(0, 33px, 0);
  opacity: 0;
  transition: all 0.3s ease;
  will-change: transform, opacity;
}
.demo__dates--visible {
  opacity: 1;
  transform: none;
}

.demo__member {
  position: absolute;
  width: 100%;
  bottom: 16.5px;
  text-align: center;
  color: white;
  font-family: Muli, sans-serif;
  font-size: 11.55px;
  transition: all 0.3s ease;
  will-change: transform, opacity;
}
.demo__member--hidden {
  transform: translate3d(0, 33px, 0);
  opacity: 0;
}

.demo__date {
  border-radius: 50%;
  height: 29.7px;
  width: 29.7px;
  color: white;
  font-size: 11.55px;
  font-family: Muli, sans-serif;
  margin: 0 3.3px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.demo__date:nth-child(4) {
  border: 2px solid #87CEEB;
}

.no-animation {
  opacity: 0;
  transition: none!important;
}

#demo-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  background: #0B1953;
  transition: opacity 1.5s ease;
}

#demo-overlay.fade-out {
  opacity: 0;
  pointer-events: none;
}

.demo__logo-particle:nth-child(1) { left: -31.349999999999998px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(1) { transform: translate3d(-61.05px, 1.65px, 0); opacity: 0; }
.demo__logo-particle:nth-child(2) { left: 4.949999999999999px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(2) { transform: translate3d(-9.899999999999999px, 57.75px, 0); opacity: 0; }
.demo__logo-particle:nth-child(3) { left: -34.65px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(3) { transform: translate3d(-66.0px, 0.0px, 0); opacity: 0; }
.demo__logo-particle:nth-child(4) { left: 19.799999999999997px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(4) { transform: translate3d(-82.5px, 28.049999999999997px, 0); opacity: 0; }
.demo__logo-particle:nth-child(5) { left: -3.3px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(5) { transform: translate3d(-72.6px, 8.25px, 0); opacity: 0; }
.demo__logo-particle:nth-child(6) { left: 8.25px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(6) { transform: translate3d(84.14999999999999px, 26.4px, 0); opacity: 0; }
.demo__logo-particle:nth-child(7) { left: 3.3px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(7) { transform: translate3d(-77.55px, 34.65px, 0); opacity: 0; }
.demo__logo-particle:nth-child(8) { left: 13.2px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(8) { transform: translate3d(-9.899999999999999px, 16.5px, 0); opacity: 0; }
.demo__logo-particle:nth-child(9) { left: 3.3px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(9) { transform: translate3d(87.44999999999999px, 0.0px, 0); opacity: 0; }
.demo__logo-particle:nth-child(10) { left: 39.599999999999994px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(10) { transform: translate3d(-37.949999999999996px, 47.849999999999994px, 0); opacity: 0; }
.demo__logo-particle:nth-child(11) { left: -24.75px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(11) { transform: translate3d(46.199999999999996px, 8.25px, 0); opacity: 0; }
.demo__logo-particle:nth-child(12) { left: -26.4px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(12) { transform: translate3d(1.65px, 31.349999999999998px, 0); opacity: 0; }
.demo__logo-particle:nth-child(13) { left: -39.599999999999994px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(13) { transform: translate3d(-19.799999999999997px, 4.949999999999999px, 0); opacity: 0; }
.demo__logo-particle:nth-child(14) { left: -29.7px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(14) { transform: translate3d(-87.44999999999999px, 0.0px, 0); opacity: 0; }
.demo__logo-particle:nth-child(15) { left: 24.75px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(15) { transform: translate3d(-39.599999999999994px, 41.25px, 0); opacity: 0; }
.demo__logo-particle:nth-child(16) { left: 16.5px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(16) { transform: translate3d(-80.85px, 8.25px, 0); opacity: 0; }
.demo__logo-particle:nth-child(17) { left: -19.799999999999997px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(17) { transform: translate3d(61.05px, 0.0px, 0); opacity: 0; }
.demo__logo-particle:nth-child(18) { left: -13.2px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(18) { transform: translate3d(80.85px, 14.85px, 0); opacity: 0; }
.demo__logo-particle:nth-child(19) { left: 16.5px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(19) { transform: translate3d(6.6px, 24.75px, 0); opacity: 0; }
.demo__logo-particle:nth-child(20) { left: -19.799999999999997px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(20) { transform: translate3d(-67.64999999999999px, 33.0px, 0); opacity: 0; }
.demo__logo-particle:nth-child(21) { left: 19.799999999999997px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(21) { transform: translate3d(3.3px, 41.25px, 0); opacity: 0; }
.demo__logo-particle:nth-child(22) { left: -16.5px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(22) { transform: translate3d(-79.19999999999999px, 24.75px, 0); opacity: 0; }
.demo__logo-particle:nth-child(23) { left: -11.549999999999999px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(23) { transform: translate3d(-16.5px, 3.3px, 0); opacity: 0; }
.demo__logo-particle:nth-child(24) { left: -3.3px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(24) { transform: translate3d(66.0px, 26.4px, 0); opacity: 0; }
.demo__logo-particle:nth-child(25) { left: 0.0px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(25) { transform: translate3d(-41.25px, 47.849999999999994px, 0); opacity: 0; }
.demo__logo-particle:nth-child(26) { left: -36.3px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(26) { transform: translate3d(28.049999999999997px, 19.799999999999997px, 0); opacity: 0; }
.demo__logo-particle:nth-child(27) { left: 6.6px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(27) { transform: translate3d(-90.75px, 14.85px, 0); opacity: 0; }
.demo__logo-particle:nth-child(28) { left: -8.25px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(28) { transform: translate3d(14.85px, 24.75px, 0); opacity: 0; }
.demo__logo-particle:nth-child(29) { left: 6.6px; background-color: #1C39BB; }
.demo__logo-particle--exploded:nth-child(29) { transform: translate3d(24.75px, 9.899999999999999px, 0); opacity: 0; }
.demo__logo-particle:nth-child(30) { left: -26.4px; background-color: #00BFFF; }
.demo__logo-particle--exploded:nth-child(30) { transform: translate3d(18.15px, 37.949999999999996px, 0); opacity: 0; }
.demo__money-particle:nth-child(1) { left: -49.5px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(1) { transform: translate3d(36.3px, 42.9px, 0); opacity: 0; }
.demo__money-particle:nth-child(2) { left: 19.799999999999997px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(2) { transform: translate3d(85.8px, 41.25px, 0); opacity: 0; }
.demo__money-particle:nth-child(3) { left: -77.55px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(3) { transform: translate3d(34.65px, 56.099999999999994px, 0); opacity: 0; }
.demo__money-particle:nth-child(4) { left: -21.45px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(4) { transform: translate3d(-24.75px, 44.55px, 0); opacity: 0; }
.demo__money-particle:nth-child(5) { left: -69.3px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(5) { transform: translate3d(-47.849999999999994px, 36.3px, 0); opacity: 0; }
.demo__money-particle:nth-child(6) { left: 59.4px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(6) { transform: translate3d(21.45px, 36.3px, 0); opacity: 0; }
.demo__money-particle:nth-child(7) { left: 51.15px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(7) { transform: translate3d(-70.95px, 49.5px, 0); opacity: 0; }
.demo__money-particle:nth-child(8) { left: 36.3px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(8) { transform: translate3d(82.5px, 8.25px, 0); opacity: 0; }
.demo__money-particle:nth-child(9) { left: 69.3px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(9) { transform: translate3d(-1.65px, 54.449999999999996px, 0); opacity: 0; }
.demo__money-particle:nth-child(10) { left: 52.8px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(10) { transform: translate3d(-84.14999999999999px, 21.45px, 0); opacity: 0; }
.demo__money-particle:nth-child(11) { left: 51.15px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(11) { transform: translate3d(52.8px, 23.099999999999998px, 0); opacity: 0; }
.demo__money-particle:nth-child(12) { left: 39.599999999999994px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(12) { transform: translate3d(-14.85px, 1.65px, 0); opacity: 0; }
.demo__money-particle:nth-child(13) { left: 67.64999999999999px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(13) { transform: translate3d(16.5px, 56.099999999999994px, 0); opacity: 0; }
.demo__money-particle:nth-child(14) { left: 8.25px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(14) { transform: translate3d(0.0px, 57.75px, 0); opacity: 0; }
.demo__money-particle:nth-child(15) { left: 62.699999999999996px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(15) { transform: translate3d(-31.349999999999998px, 33.0px, 0); opacity: 0; }
.demo__money-particle:nth-child(16) { left: 28.049999999999997px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(16) { transform: translate3d(42.9px, 4.949999999999999px, 0); opacity: 0; }
.demo__money-particle:nth-child(17) { left: -77.55px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(17) { transform: translate3d(26.4px, 47.849999999999994px, 0); opacity: 0; }
.demo__money-particle:nth-child(18) { left: 9.899999999999999px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(18) { transform: translate3d(-84.14999999999999px, 23.099999999999998px, 0); opacity: 0; }
.demo__money-particle:nth-child(19) { left: -9.899999999999999px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(19) { transform: translate3d(33.0px, 46.199999999999996px, 0); opacity: 0; }
.demo__money-particle:nth-child(20) { left: 41.25px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(20) { transform: translate3d(-16.5px, 6.6px, 0); opacity: 0; }
.demo__money-particle:nth-child(21) { left: -75.89999999999999px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(21) { transform: translate3d(-31.349999999999998px, 21.45px, 0); opacity: 0; }
.demo__money-particle:nth-child(22) { left: -24.75px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(22) { transform: translate3d(-69.3px, 23.099999999999998px, 0); opacity: 0; }
.demo__money-particle:nth-child(23) { left: -37.949999999999996px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(23) { transform: translate3d(62.699999999999996px, 51.15px, 0); opacity: 0; }
.demo__money-particle:nth-child(24) { left: 59.4px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(24) { transform: translate3d(-64.35px, 47.849999999999994px, 0); opacity: 0; }
.demo__money-particle:nth-child(25) { left: 29.7px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(25) { transform: translate3d(-74.25px, 52.8px, 0); opacity: 0; }
.demo__money-particle:nth-child(26) { left: 1.65px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(26) { transform: translate3d(-36.3px, 24.75px, 0); opacity: 0; }
.demo__money-particle:nth-child(27) { left: 72.6px; background-color: #1C39BB; }
.demo__money-particle--exploded:nth-child(27) { transform: translate3d(59.4px, 19.799999999999997px, 0); opacity: 0; }
.demo__money-particle:nth-child(28) { left: 75.89999999999999px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(28) { transform: translate3d(-49.5px, 0.0px, 0); opacity: 0; }
.demo__money-particle:nth-child(29) { left: -59.4px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(29) { transform: translate3d(51.15px, 41.25px, 0); opacity: 0; }
.demo__money-particle:nth-child(30) { left: 51.15px; background-color: #00BFFF; }
.demo__money-particle--exploded:nth-child(30) { transform: translate3d(66.0px, 23.099999999999998px, 0); opacity: 0; }