API tools faq
paste
Guest User

Untitled

a guest
Mar 21st, 2018
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.29 KB | None | 0 0
raw download clone embed print report
  1. cash-bill-svg .background rect,
  2. .cash-bill-svg .dolla-sign path {
  3. fill: #b9efbd; }
  4.  
  5. .cash-bill-svg .background rect {
  6. stroke: #b9efbd; }
  7.  
  8. .cash-bill-svg .center-circle circle,
  9. .cash-bill-svg .border path {
  10. fill: #71ad71;
  11. stroke: #71ad71; }
  12.  
  13. .cash-bill-svg .background rect,
  14. .cash-bill-svg .center-circle circle,
  15. .cash-bill-svg .border path {
  16. stroke-dasharray: 2000;
  17. stroke-dashoffset: 2000; }
  18.  
  19. .referral-animation {
  20. position: relative;
  21. top: 2.5rem; }
  22. @media print, screen and (min-width: 40em) {
  23. .referral-animation {
  24. top: 5.5rem; } }
  25. .referral-animation .bill {
  26. width: 100%; }
  27.  
  28. @keyframes drawPrimaryBill {
  29. 0% {
  30. fill: 0;
  31. opacity: 0;
  32. stroke-dasharray: 2000;
  33. stroke-dashoffset: 2000; }
  34. 50% {
  35. opacity: 1; }
  36. 100% {
  37. opacity: 1;
  38. stroke-dashoffset: 1185; } }
  39.  
  40. @keyframes fillPrimaryBillDark {
  41. from {
  42. fill: transparent; }
  43. to {
  44. fill: #71ad71; } }
  45.  
  46. @keyframes fillPrimaryBillLight {
  47. from {
  48. fill: transparent; }
  49. to {
  50. fill: #b9efbd; } }
  51.  
  52. @keyframes animatePrimaryBillPosition {
  53. from {
  54. box-shadow: none;
  55. transform: none; }
  56. to {
  57. box-shadow: -15px 15px 10px rgba(0, 0, 0, 0.5);
  58. transform: scale3d(1, 1, 1) rotateX(70deg) rotateY(0deg) rotateZ(-50deg) translate3d(0, 0, 0) skew(0deg, 0deg); } }
  59. .referral-animation .bill.primary-bill {
  60. box-shadow: none;
  61. position: relative;
  62. -ms-transform: none;
  63. transform: none;
  64. z-index: 0; }
  65. .referral-animation .bill.primary-bill .background rect,
  66. .referral-animation .bill.primary-bill .center-circle circle,
  67. .referral-animation .bill.primary-bill .border path,
  68. .referral-animation .bill.primary-bill .dolla-sign path {
  69. fill: transparent; }
  70. .active .referral-animation .bill.primary-bill {
  71. animation: .35s animatePrimaryBillPosition 2.25s forwards; }
  72. .active .referral-animation .bill.primary-bill .background rect,
  73. .active .referral-animation .bill.primary-bill .center-circle circle,
  74. .active .referral-animation .bill.primary-bill .border path {
  75. stroke-width: .75; }
  76. .active .referral-animation .bill.primary-bill .center-circle circle,
  77. .active .referral-animation .bill.primary-bill .border path {
  78. animation: drawPrimaryBill 1.25s linear forwards, .75s fillPrimaryBillDark 1.5s forwards 1; }
  79. .active .referral-animation .bill.primary-bill .background rect,
  80. .active .referral-animation .bill.primary-bill .dolla-sign path {
  81. animation: drawPrimaryBill 1.25s linear forwards, .75s fillPrimaryBillLight 1.5s forwards 1; }
  82. .referral-animation .bill:not(.primary-bill) {
  83. position: absolute;
  84. top: 0;
  85. left: 0;
  86. transform: scale3d(1, 1, 1) rotateX(70deg) rotateY(0deg) rotateZ(-50deg) translate3d(0, 0, 0) skew(0deg, 0deg);
  87. transition: transform .3s; }
  88. .referral-animation .bill:not(.primary-bill):nth-child(1) {
  89. margin-top: -5rem;
  90. opacity: 0;
  91. top: -0.15rem;
  92. z-index: 1; }
  93. @media print, screen and (min-width: 40em) {
  94. .referral-animation .bill:not(.primary-bill):nth-child(1) {
  95. top: -0.45rem; } }
  96. .referral-animation .bill:not(.primary-bill):nth-child(2) {
  97. margin-top: -5rem;
  98. opacity: 0;
  99. top: -0.3rem;
  100. z-index: 2; }
  101. @media print, screen and (min-width: 40em) {
  102. .referral-animation .bill:not(.primary-bill):nth-child(2) {
  103. top: -0.9rem; } }
  104. .referral-animation .bill:not(.primary-bill):nth-child(3) {
  105. margin-top: -5rem;
  106. opacity: 0;
  107. top: -0.45rem;
  108. z-index: 3; }
  109. @media print, screen and (min-width: 40em) {
  110. .referral-animation .bill:not(.primary-bill):nth-child(3) {
  111. top: -1.35rem; } }
  112. .referral-animation .bill:not(.primary-bill):nth-child(4) {
  113. margin-top: -5rem;
  114. opacity: 0;
  115. top: -0.6rem;
  116. z-index: 4; }
  117. @media print, screen and (min-width: 40em) {
  118. .referral-animation .bill:not(.primary-bill):nth-child(4) {
  119. top: -1.8rem; } }
  120. .referral-animation .bill:not(.primary-bill):nth-child(5) {
  121. margin-top: -5rem;
  122. opacity: 0;
  123. top: -0.75rem;
  124. z-index: 5; }
  125. @media print, screen and (min-width: 40em) {
  126. .referral-animation .bill:not(.primary-bill):nth-child(5) {
  127. top: -2.25rem; } }
  128. .referral-animation .bill:not(.primary-bill):nth-child(6) {
  129. margin-top: -5rem;
  130. opacity: 0;
  131. top: -0.9rem;
  132. z-index: 6; }
  133. @media print, screen and (min-width: 40em) {
  134. .referral-animation .bill:not(.primary-bill):nth-child(6) {
  135. top: -2.7rem; } }
  136. .referral-animation .bill:not(.primary-bill):nth-child(7) {
  137. margin-top: -5rem;
  138. opacity: 0;
  139. top: -1.05rem;
  140. z-index: 7; }
  141. @media print, screen and (min-width: 40em) {
  142. .referral-animation .bill:not(.primary-bill):nth-child(7) {
  143. top: -3.15rem; } }
  144. .referral-animation .bill:not(.primary-bill):nth-child(8) {
  145. margin-top: -5rem;
  146. opacity: 0;
  147. top: -1.2rem;
  148. z-index: 8; }
  149. @media print, screen and (min-width: 40em) {
  150. .referral-animation .bill:not(.primary-bill):nth-child(8) {
  151. top: -3.6rem; } }
  152. .referral-animation .bill:not(.primary-bill):nth-child(9) {
  153. margin-top: -5rem;
  154. opacity: 0;
  155. top: -1.35rem;
  156. z-index: 9; }
  157. @media print, screen and (min-width: 40em) {
  158. .referral-animation .bill:not(.primary-bill):nth-child(9) {
  159. top: -4.05rem; } }
  160. .referral-animation .bill:not(.primary-bill):nth-child(10) {
  161. margin-top: -5rem;
  162. opacity: 0;
  163. top: -1.5rem;
  164. z-index: 10; }
  165. @media print, screen and (min-width: 40em) {
  166. .referral-animation .bill:not(.primary-bill):nth-child(10) {
  167. top: -4.5rem; } }
  168. .referral-animation .bill:not(.primary-bill):nth-child(11) {
  169. margin-top: -5rem;
  170. opacity: 0;
  171. top: -1.65rem;
  172. z-index: 11; }
  173. @media print, screen and (min-width: 40em) {
  174. .referral-animation .bill:not(.primary-bill):nth-child(11) {
  175. top: -4.95rem; } }
  176. .referral-animation .bill:not(.primary-bill):nth-child(12) {
  177. margin-top: -5rem;
  178. opacity: 0;
  179. top: -1.8rem;
  180. z-index: 12; }
  181. @media print, screen and (min-width: 40em) {
  182. .referral-animation .bill:not(.primary-bill):nth-child(12) {
  183. top: -5.4rem; } }
  184. .referral-animation .bill:not(.primary-bill):nth-child(13) {
  185. margin-top: -5rem;
  186. opacity: 0;
  187. top: -1.95rem;
  188. z-index: 13; }
  189. @media print, screen and (min-width: 40em) {
  190. .referral-animation .bill:not(.primary-bill):nth-child(13) {
  191. top: -5.85rem; } }
  192. .referral-animation .bill:not(.primary-bill):nth-child(14) {
  193. margin-top: -5rem;
  194. opacity: 0;
  195. top: -2.1rem;
  196. z-index: 14; }
  197. @media print, screen and (min-width: 40em) {
  198. .referral-animation .bill:not(.primary-bill):nth-child(14) {
  199. top: -6.3rem; } }
  200. .referral-animation .bill:not(.primary-bill):nth-child(15) {
  201. margin-top: -5rem;
  202. opacity: 0;
  203. top: -2.25rem;
  204. z-index: 15; }
  205. @media print, screen and (min-width: 40em) {
  206. .referral-animation .bill:not(.primary-bill):nth-child(15) {
  207. top: -6.75rem; } }
  208. .referral-animation .bill:not(.primary-bill):nth-child(16) {
  209. margin-top: -5rem;
  210. opacity: 0;
  211. top: -2.4rem;
  212. z-index: 16; }
  213. @media print, screen and (min-width: 40em) {
  214. .referral-animation .bill:not(.primary-bill):nth-child(16) {
  215. top: -7.2rem; } }
  216. .referral-animation .bill:not(.primary-bill):nth-child(17) {
  217. margin-top: -5rem;
  218. opacity: 0;
  219. top: -2.55rem;
  220. z-index: 17; }
  221. @media print, screen and (min-width: 40em) {
  222. .referral-animation .bill:not(.primary-bill):nth-child(17) {
  223. top: -7.65rem; } }
  224. .referral-animation .bill:not(.primary-bill):nth-child(18) {
  225. margin-top: -5rem;
  226. opacity: 0;
  227. top: -2.7rem;
  228. z-index: 18; }
  229. @media print, screen and (min-width: 40em) {
  230. .referral-animation .bill:not(.primary-bill):nth-child(18) {
  231. top: -8.1rem; } }
  232. .referral-animation .bill:not(.primary-bill):nth-child(19) {
  233. margin-top: -5rem;
  234. opacity: 0;
  235. top: -2.85rem;
  236. z-index: 19; }
  237. @media print, screen and (min-width: 40em) {
  238. .referral-animation .bill:not(.primary-bill):nth-child(19) {
  239. top: -8.55rem; } }
  240. .referral-animation .bill:not(.primary-bill):nth-child(20) {
  241. margin-top: -5rem;
  242. opacity: 0;
  243. top: -3rem;
  244. z-index: 20; }
  245. @media print, screen and (min-width: 40em) {
  246. .referral-animation .bill:not(.primary-bill):nth-child(20) {
  247. top: -9rem; } }
  248. .referral-animation .bill:not(.primary-bill):nth-child(21) {
  249. margin-top: -5rem;
  250. opacity: 0;
  251. top: -3.15rem;
  252. z-index: 21; }
  253. @media print, screen and (min-width: 40em) {
  254. .referral-animation .bill:not(.primary-bill):nth-child(21) {
  255. top: -9.45rem; } }
  256. .referral-animation .bill:not(.primary-bill):nth-child(22) {
  257. margin-top: -5rem;
  258. opacity: 0;
  259. top: -3.3rem;
  260. z-index: 22; }
  261. @media print, screen and (min-width: 40em) {
  262. .referral-animation .bill:not(.primary-bill):nth-child(22) {
  263. top: -9.9rem; } }
  264. .referral-animation .bill:not(.primary-bill):nth-child(23) {
  265. margin-top: -5rem;
  266. opacity: 0;
  267. top: -3.45rem;
  268. z-index: 23; }
  269. @media print, screen and (min-width: 40em) {
  270. .referral-animation .bill:not(.primary-bill):nth-child(23) {
  271. top: -10.35rem; } }
  272. .referral-animation .bill:not(.primary-bill):nth-child(24) {
  273. margin-top: -5rem;
  274. opacity: 0;
  275. top: -3.6rem;
  276. z-index: 24; }
  277. @media print, screen and (min-width: 40em) {
  278. .referral-animation .bill:not(.primary-bill):nth-child(24) {
  279. top: -10.8rem; } }
  280. .referral-animation .bill:not(.primary-bill):nth-child(25) {
  281. margin-top: -5rem;
  282. opacity: 0;
  283. top: -3.75rem;
  284. z-index: 25; }
  285. @media print, screen and (min-width: 40em) {
  286. .referral-animation .bill:not(.primary-bill):nth-child(25) {
  287. top: -11.25rem; } }
  288. .referral-animation .bill:not(.primary-bill):nth-child(26) {
  289. margin-top: -5rem;
  290. opacity: 0;
  291. top: -3.9rem;
  292. z-index: 26; }
  293. @media print, screen and (min-width: 40em) {
  294. .referral-animation .bill:not(.primary-bill):nth-child(26) {
  295. top: -11.7rem; } }
  296.  
  297. @keyframes billStackIn {
  298. 0% {
  299. margin-top: -3rem;
  300. opacity: 0; }
  301. 70% {
  302. box-shadow: none;
  303. margin-top: -3rem; }
  304. 100% {
  305. box-shadow: -10px 10px 3px rgba(0, 0, 0, 0.25);
  306. margin-top: 0;
  307. opacity: 1; } }
  308. .active .referral-animation .bill:not(.primary-bill):nth-child(1) {
  309. animation: 0.075s billStackIn 2.85s ease-out forwards; }
  310. .active .referral-animation .bill:not(.primary-bill):nth-child(2) {
  311. animation: 0.075s billStackIn 2.95s ease-out forwards; }
  312. .active .referral-animation .bill:not(.primary-bill):nth-child(3) {
  313. animation: 0.075s billStackIn 3.05s ease-out forwards; }
  314. .active .referral-animation .bill:not(.primary-bill):nth-child(4) {
  315. animation: 0.075s billStackIn 3.15s ease-out forwards; }
  316. .active .referral-animation .bill:not(.primary-bill):nth-child(5) {
  317. animation: 0.075s billStackIn 3.25s ease-out forwards; }
  318. .active .referral-animation .bill:not(.primary-bill):nth-child(6) {
  319. animation: 0.075s billStackIn 3.35s ease-out forwards; }
  320. .active .referral-animation .bill:not(.primary-bill):nth-child(7) {
  321. animation: 0.075s billStackIn 3.45s ease-out forwards; }
  322. .active .referral-animation .bill:not(.primary-bill):nth-child(8) {
  323. animation: 0.075s billStackIn 3.55s ease-out forwards; }
  324. .active .referral-animation .bill:not(.primary-bill):nth-child(9) {
  325. animation: 0.075s billStackIn 3.65s ease-out forwards; }
  326. .active .referral-animation .bill:not(.primary-bill):nth-child(10) {
  327. animation: 0.075s billStackIn 3.75s ease-out forwards; }
  328. .active .referral-animation .bill:not(.primary-bill):nth-child(11) {
  329. animation: 0.075s billStackIn 3.85s ease-out forwards; }
  330. .active .referral-animation .bill:not(.primary-bill):nth-child(12) {
  331. animation: 0.075s billStackIn 3.95s ease-out forwards; }
  332. .active .referral-animation .bill:not(.primary-bill):nth-child(13) {
  333. animation: 0.075s billStackIn 4.05s ease-out forwards; }
  334. .active .referral-animation .bill:not(.primary-bill):nth-child(14) {
  335. animation: 0.075s billStackIn 4.15s ease-out forwards; }
  336. .active .referral-animation .bill:not(.primary-bill):nth-child(15) {
  337. animation: 0.075s billStackIn 4.25s ease-out forwards; }
  338. .active .referral-animation .bill:not(.primary-bill):nth-child(16) {
  339. animation: 0.075s billStackIn 4.35s ease-out forwards; }
  340. .active .referral-animation .bill:not(.primary-bill):nth-child(17) {
  341. animation: 0.075s billStackIn 4.45s ease-out forwards; }
  342. .active .referral-animation .bill:not(.primary-bill):nth-child(18) {
  343. animation: 0.075s billStackIn 4.55s ease-out forwards; }
  344. .active .referral-animation .bill:not(.primary-bill):nth-child(19) {
  345. animation: 0.075s billStackIn 4.65s ease-out forwards; }
  346. .active .referral-animation .bill:not(.primary-bill):nth-child(20) {
  347. animation: 0.075s billStackIn 4.75s ease-out forwards; }
  348. .active .referral-animation .bill:not(.primary-bill):nth-child(21) {
  349. animation: 0.075s billStackIn 4.85s ease-out forwards; }
  350. .active .referral-animation .bill:not(.primary-bill):nth-child(22) {
  351. animation: 0.075s billStackIn 4.95s ease-out forwards; }
  352. .active .referral-animation .bill:not(.primary-bill):nth-child(23) {
  353. animation: 0.075s billStackIn 5.05s ease-out forwards; }
  354. .active .referral-animation .bill:not(.primary-bill):nth-child(24) {
  355. animation: 0.075s billStackIn 5.15s ease-out forwards; }
  356. .active .referral-animation .bill:not(.primary-bill):nth-child(25) {
  357. animation: 0.075s billStackIn 5.25s ease-out forwards; }
  358. .active .referral-animation .bill:not(.primary-bill):nth-child(26) {
  359. animation: 0.075s billStackIn 5.35s ease-out forwards; }
  360.  
  361. .referral-animation {
  362. position: relative;
  363. top: 2.5rem; }
  364. @media print, screen and (min-width: 40em) {
  365. .referral-animation {
  366. top: 5.5rem; } }
  367. .referral-animation .bill {
  368. width: 100%; }
  369.  
  370. @keyframes drawPrimaryBill {
  371. 0% {
  372. fill: 0;
  373. opacity: 0;
  374. stroke-dasharray: 2000;
  375. stroke-dashoffset: 2000; }
  376. 50% {
  377. opacity: 1; }
  378. 100% {
  379. opacity: 1;
  380. stroke-dashoffset: 1185; } }
  381.  
  382. @keyframes fillPrimaryBillDark {
  383. from {
  384. fill: transparent; }
  385. to {
  386. fill: #71ad71; } }
  387.  
  388. @keyframes fillPrimaryBillLight {
  389. from {
  390. fill: transparent; }
  391. to {
  392. fill: #b9efbd; } }
  393.  
  394. @keyframes animatePrimaryBillPosition {
  395. from {
  396. box-shadow: none;
  397. transform: none; }
  398. to {
  399. box-shadow: -15px 15px 10px rgba(0, 0, 0, 0.5);
  400. transform: scale3d(1, 1, 1) rotateX(70deg) rotateY(0deg) rotateZ(-50deg) translate3d(0, 0, 0) skew(0deg, 0deg); } }
  401. .referral-animation .bill.primary-bill {
  402. box-shadow: none;
  403. position: relative;
  404. -ms-transform: none;
  405. transform: none;
  406. z-index: 0; }
  407. .referral-animation .bill.primary-bill .background rect,
  408. .referral-animation .bill.primary-bill .center-circle circle,
  409. .referral-animation .bill.primary-bill .border path,
  410. .referral-animation .bill.primary-bill .dolla-sign path {
  411. fill: transparent; }
  412. .active .referral-animation .bill.primary-bill {
  413. animation: .35s animatePrimaryBillPosition 2.25s forwards; }
  414. .active .referral-animation .bill.primary-bill .background rect,
  415. .active .referral-animation .bill.primary-bill .center-circle circle,
  416. .active .referral-animation .bill.primary-bill .border path {
  417. stroke-width: .75; }
  418. .active .referral-animation .bill.primary-bill .center-circle circle,
  419. .active .referral-animation .bill.primary-bill .border path {
  420. animation: drawPrimaryBill 1.25s linear forwards, .75s fillPrimaryBillDark 1.5s forwards 1; }
  421. .active .referral-animation .bill.primary-bill .background rect,
  422. .active .referral-animation .bill.primary-bill .dolla-sign path {
  423. animation: drawPrimaryBill 1.25s linear forwards, .75s fillPrimaryBillLight 1.5s forwards 1; }
  424. .referral-animation .bill:not(.primary-bill) {
  425. position: absolute;
  426. top: 0;
  427. left: 0;
  428. transform: scale3d(1, 1, 1) rotateX(70deg) rotateY(0deg) rotateZ(-50deg) translate3d(0, 0, 0) skew(0deg, 0deg);
  429. transition: transform .3s; }
  430. .referral-animation .bill:not(.primary-bill):nth-child(1) {
  431. margin-top: -5rem;
  432. opacity: 0;
  433. top: -0.15rem;
  434. z-index: 1; }
  435. @media print, screen and (min-width: 40em) {
  436. .referral-animation .bill:not(.primary-bill):nth-child(1) {
  437. top: -0.45rem; } }
  438. .referral-animation .bill:not(.primary-bill):nth-child(2) {
  439. margin-top: -5rem;
  440. opacity: 0;
  441. top: -0.3rem;
  442. z-index: 2; }
  443. @media print, screen and (min-width: 40em) {
  444. .referral-animation .bill:not(.primary-bill):nth-child(2) {
  445. top: -0.9rem; } }
  446. .referral-animation .bill:not(.primary-bill):nth-child(3) {
  447. margin-top: -5rem;
  448. opacity: 0;
  449. top: -0.45rem;
  450. z-index: 3; }
  451. @media print, screen and (min-width: 40em) {
  452. .referral-animation .bill:not(.primary-bill):nth-child(3) {
  453. top: -1.35rem; } }
  454. .referral-animation .bill:not(.primary-bill):nth-child(4) {
  455. margin-top: -5rem;
  456. opacity: 0;
  457. top: -0.6rem;
  458. z-index: 4; }
  459. @media print, screen and (min-width: 40em) {
  460. .referral-animation .bill:not(.primary-bill):nth-child(4) {
  461. top: -1.8rem; } }
  462. .referral-animation .bill:not(.primary-bill):nth-child(5) {
  463. margin-top: -5rem;
  464. opacity: 0;
  465. top: -0.75rem;
  466. z-index: 5; }
  467. @media print, screen and (min-width: 40em) {
  468. .referral-animation .bill:not(.primary-bill):nth-child(5) {
  469. top: -2.25rem; } }
  470. .referral-animation .bill:not(.primary-bill):nth-child(6) {
  471. margin-top: -5rem;
  472. opacity: 0;
  473. top: -0.9rem;
  474. z-index: 6; }
  475. @media print, screen and (min-width: 40em) {
  476. .referral-animation .bill:not(.primary-bill):nth-child(6) {
  477. top: -2.7rem; } }
  478. .referral-animation .bill:not(.primary-bill):nth-child(7) {
  479. margin-top: -5rem;
  480. opacity: 0;
  481. top: -1.05rem;
  482. z-index: 7; }
  483. @media print, screen and (min-width: 40em) {
  484. .referral-animation .bill:not(.primary-bill):nth-child(7) {
  485. top: -3.15rem; } }
  486. .referral-animation .bill:not(.primary-bill):nth-child(8) {
  487. margin-top: -5rem;
  488. opacity: 0;
  489. top: -1.2rem;
  490. z-index: 8; }
  491. @media print, screen and (min-width: 40em) {
  492. .referral-animation .bill:not(.primary-bill):nth-child(8) {
  493. top: -3.6rem; } }
  494. .referral-animation .bill:not(.primary-bill):nth-child(9) {
  495. margin-top: -5rem;
  496. opacity: 0;
  497. top: -1.35rem;
  498. z-index: 9; }
  499. @media print, screen and (min-width: 40em) {
  500. .referral-animation .bill:not(.primary-bill):nth-child(9) {
  501. top: -4.05rem; } }
  502. .referral-animation .bill:not(.primary-bill):nth-child(10) {
  503. margin-top: -5rem;
  504. opacity: 0;
  505. top: -1.5rem;
  506. z-index: 10; }
  507. @media print, screen and (min-width: 40em) {
  508. .referral-animation .bill:not(.primary-bill):nth-child(10) {
  509. top: -4.5rem; } }
  510. .referral-animation .bill:not(.primary-bill):nth-child(11) {
  511. margin-top: -5rem;
  512. opacity: 0;
  513. top: -1.65rem;
  514. z-index: 11; }
  515. @media print, screen and (min-width: 40em) {
  516. .referral-animation .bill:not(.primary-bill):nth-child(11) {
  517. top: -4.95rem; } }
  518. .referral-animation .bill:not(.primary-bill):nth-child(12) {
  519. margin-top: -5rem;
  520. opacity: 0;
  521. top: -1.8rem;
  522. z-index: 12; }
  523. @media print, screen and (min-width: 40em) {
  524. .referral-animation .bill:not(.primary-bill):nth-child(12) {
  525. top: -5.4rem; } }
  526. .referral-animation .bill:not(.primary-bill):nth-child(13) {
  527. margin-top: -5rem;
  528. opacity: 0;
  529. top: -1.95rem;
  530. z-index: 13; }
  531. @media print, screen and (min-width: 40em) {
  532. .referral-animation .bill:not(.primary-bill):nth-child(13) {
  533. top: -5.85rem; } }
  534. .referral-animation .bill:not(.primary-bill):nth-child(14) {
  535. margin-top: -5rem;
  536. opacity: 0;
  537. top: -2.1rem;
  538. z-index: 14; }
  539. @media print, screen and (min-width: 40em) {
  540. .referral-animation .bill:not(.primary-bill):nth-child(14) {
  541. top: -6.3rem; } }
  542. .referral-animation .bill:not(.primary-bill):nth-child(15) {
  543. margin-top: -5rem;
  544. opacity: 0;
  545. top: -2.25rem;
  546. z-index: 15; }
  547. @media print, screen and (min-width: 40em) {
  548. .referral-animation .bill:not(.primary-bill):nth-child(15) {
  549. top: -6.75rem; } }
  550. .referral-animation .bill:not(.primary-bill):nth-child(16) {
  551. margin-top: -5rem;
  552. opacity: 0;
  553. top: -2.4rem;
  554. z-index: 16; }
  555. @media print, screen and (min-width: 40em) {
  556. .referral-animation .bill:not(.primary-bill):nth-child(16) {
  557. top: -7.2rem; } }
  558. .referral-animation .bill:not(.primary-bill):nth-child(17) {
  559. margin-top: -5rem;
  560. opacity: 0;
  561. top: -2.55rem;
  562. z-index: 17; }
  563. @media print, screen and (min-width: 40em) {
  564. .referral-animation .bill:not(.primary-bill):nth-child(17) {
  565. top: -7.65rem; } }
  566. .referral-animation .bill:not(.primary-bill):nth-child(18) {
  567. margin-top: -5rem;
  568. opacity: 0;
  569. top: -2.7rem;
  570. z-index: 18; }
  571. @media print, screen and (min-width: 40em) {
  572. .referral-animation .bill:not(.primary-bill):nth-child(18) {
  573. top: -8.1rem; } }
  574. .referral-animation .bill:not(.primary-bill):nth-child(19) {
  575. margin-top: -5rem;
  576. opacity: 0;
  577. top: -2.85rem;
  578. z-index: 19; }
  579. @media print, screen and (min-width: 40em) {
  580. .referral-animation .bill:not(.primary-bill):nth-child(19) {
  581. top: -8.55rem; } }
  582. .referral-animation .bill:not(.primary-bill):nth-child(20) {
  583. margin-top: -5rem;
  584. opacity: 0;
  585. top: -3rem;
  586. z-index: 20; }
  587. @media print, screen and (min-width: 40em) {
  588. .referral-animation .bill:not(.primary-bill):nth-child(20) {
  589. top: -9rem; } }
  590. .referral-animation .bill:not(.primary-bill):nth-child(21) {
  591. margin-top: -5rem;
  592. opacity: 0;
  593. top: -3.15rem;
  594. z-index: 21; }
  595. @media print, screen and (min-width: 40em) {
  596. .referral-animation .bill:not(.primary-bill):nth-child(21) {
  597. top: -9.45rem; } }
  598. .referral-animation .bill:not(.primary-bill):nth-child(22) {
  599. margin-top: -5rem;
  600. opacity: 0;
  601. top: -3.3rem;
  602. z-index: 22; }
  603. @media print, screen and (min-width: 40em) {
  604. .referral-animation .bill:not(.primary-bill):nth-child(22) {
  605. top: -9.9rem; } }
  606. .referral-animation .bill:not(.primary-bill):nth-child(23) {
  607. margin-top: -5rem;
  608. opacity: 0;
  609. top: -3.45rem;
  610. z-index: 23; }
  611. @media print, screen and (min-width: 40em) {
  612. .referral-animation .bill:not(.primary-bill):nth-child(23) {
  613. top: -10.35rem; } }
  614. .referral-animation .bill:not(.primary-bill):nth-child(24) {
  615. margin-top: -5rem;
  616. opacity: 0;
  617. top: -3.6rem;
  618. z-index: 24; }
  619. @media print, screen and (min-width: 40em) {
  620. .referral-animation .bill:not(.primary-bill):nth-child(24) {
  621. top: -10.8rem; } }
  622. .referral-animation .bill:not(.primary-bill):nth-child(25) {
  623. margin-top: -5rem;
  624. opacity: 0;
  625. top: -3.75rem;
  626. z-index: 25; }
  627. @media print, screen and (min-width: 40em) {
  628. .referral-animation .bill:not(.primary-bill):nth-child(25) {
  629. top: -11.25rem; } }
  630. .referral-animation .bill:not(.primary-bill):nth-child(26) {
  631. margin-top: -5rem;
  632. opacity: 0;
  633. top: -3.9rem;
  634. z-index: 26; }
  635. @media print, screen and (min-width: 40em) {
  636. .referral-animation .bill:not(.primary-bill):nth-child(26) {
  637. top: -11.7rem; } }
  638.  
  639. @keyframes billStackIn {
  640. 0% {
  641. margin-top: -3rem;
  642. opacity: 0; }
  643. 70% {
  644. box-shadow: none;
  645. margin-top: -3rem; }
  646. 100% {
  647. box-shadow: -10px 10px 3px rgba(0, 0, 0, 0.25);
  648. margin-top: 0;
  649. opacity: 1; } }
  650. .active .referral-animation .bill:not(.primary-bill):nth-child(1) {
  651. animation: 0.075s billStackIn 2.85s ease-out forwards; }
  652. .active .referral-animation .bill:not(.primary-bill):nth-child(2) {
  653. animation: 0.075s billStackIn 2.95s ease-out forwards; }
  654. .active .referral-animation .bill:not(.primary-bill):nth-child(3) {
  655. animation: 0.075s billStackIn 3.05s ease-out forwards; }
  656. .active .referral-animation .bill:not(.primary-bill):nth-child(4) {
  657. animation: 0.075s billStackIn 3.15s ease-out forwards; }
  658. .active .referral-animation .bill:not(.primary-bill):nth-child(5) {
  659. animation: 0.075s billStackIn 3.25s ease-out forwards; }
  660. .active .referral-animation .bill:not(.primary-bill):nth-child(6) {
  661. animation: 0.075s billStackIn 3.35s ease-out forwards; }
  662. .active .referral-animation .bill:not(.primary-bill):nth-child(7) {
  663. animation: 0.075s billStackIn 3.45s ease-out forwards; }
  664. .active .referral-animation .bill:not(.primary-bill):nth-child(8) {
  665. animation: 0.075s billStackIn 3.55s ease-out forwards; }
  666. .active .referral-animation .bill:not(.primary-bill):nth-child(9) {
  667. animation: 0.075s billStackIn 3.65s ease-out forwards; }
  668. .active .referral-animation .bill:not(.primary-bill):nth-child(10) {
  669. animation: 0.075s billStackIn 3.75s ease-out forwards; }
  670. .active .referral-animation .bill:not(.primary-bill):nth-child(11) {
  671. animation: 0.075s billStackIn 3.85s ease-out forwards; }
  672. .active .referral-animation .bill:not(.primary-bill):nth-child(12) {
  673. animation: 0.075s billStackIn 3.95s ease-out forwards; }
  674. .active .referral-animation .bill:not(.primary-bill):nth-child(13) {
  675. animation: 0.075s billStackIn 4.05s ease-out forwards; }
  676. .active .referral-animation .bill:not(.primary-bill):nth-child(14) {
  677. animation: 0.075s billStackIn 4.15s ease-out forwards; }
  678. .active .referral-animation .bill:not(.primary-bill):nth-child(15) {
  679. animation: 0.075s billStackIn 4.25s ease-out forwards; }
  680. .active .referral-animation .bill:not(.primary-bill):nth-child(16) {
  681. animation: 0.075s billStackIn 4.35s ease-out forwards; }
  682. .active .referral-animation .bill:not(.primary-bill):nth-child(17) {
  683. animation: 0.075s billStackIn 4.45s ease-out forwards; }
  684. .active .referral-animation .bill:not(.primary-bill):nth-child(18) {
  685. animation: 0.075s billStackIn 4.55s ease-out forwards; }
  686. .active .referral-animation .bill:not(.primary-bill):nth-child(19) {
  687. animation: 0.075s billStackIn 4.65s ease-out forwards; }
  688. .active .referral-animation .bill:not(.primary-bill):nth-child(20) {
  689. animation: 0.075s billStackIn 4.75s ease-out forwards; }
  690. .active .referral-animation .bill:not(.primary-bill):nth-child(21) {
  691. animation: 0.075s billStackIn 4.85s ease-out forwards; }
  692. .active .referral-animation .bill:not(.primary-bill):nth-child(22) {
  693. animation: 0.075s billStackIn 4.95s ease-out forwards; }
  694. .active .referral-animation .bill:not(.primary-bill):nth-child(23) {
  695. animation: 0.075s billStackIn 5.05s ease-out forwards; }
  696. .active .referral-animation .bill:not(.primary-bill):nth-child(24) {
  697. animation: 0.075s billStackIn 5.15s ease-out forwards; }
  698. .active .referral-animation .bill:not(.primary-bill):nth-child(25) {
  699. animation: 0.075s billStackIn 5.25s ease-out forwards; }
  700. .active .referral-animation .bill:not(.primary-bill):nth-child(26) {
  701. animation: 0.075s billStackIn 5.35s ease-out forwards; }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!