@learncard/react 2.3.32 → 2.3.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/dist/cjs/AchievementCard-ddf84c60.js +59 -0
  2. package/dist/cjs/AchievementCard-ddf84c60.js.map +1 -0
  3. package/dist/cjs/{CircleIcon-45ef66fd.js → CircleIcon-ad088e75.js} +3 -35
  4. package/dist/cjs/CircleIcon-ad088e75.js.map +1 -0
  5. package/dist/cjs/{CourseCard-c3c13b2c.js → CourseCard-22b1e164.js} +7 -7
  6. package/dist/cjs/{CourseCard-c3c13b2c.js.map → CourseCard-22b1e164.js.map} +1 -1
  7. package/dist/cjs/JobListCard-abdcd580.js +117 -0
  8. package/dist/cjs/JobListCard-abdcd580.js.map +1 -0
  9. package/dist/cjs/{Notification-92b06ed9.js → Notification-10b40c07.js} +8 -8
  10. package/dist/cjs/{Notification-92b06ed9.js.map → Notification-10b40c07.js.map} +1 -1
  11. package/dist/cjs/RoundedPill-726904e1.js +105 -0
  12. package/dist/cjs/RoundedPill-726904e1.js.map +1 -0
  13. package/dist/cjs/RoundedSquare-8f736305.js +53 -0
  14. package/dist/cjs/RoundedSquare-8f736305.js.map +1 -0
  15. package/dist/cjs/{SmallAchievementCard-dc95ef2b.js → SmallAchievementCard-c76701ce.js} +2 -1
  16. package/dist/cjs/SmallAchievementCard-c76701ce.js.map +1 -0
  17. package/dist/cjs/{Checkmark-66ed153f.js → User-b16d5499.js} +58 -58
  18. package/dist/cjs/User-b16d5499.js.map +1 -0
  19. package/dist/cjs/constants-6621833f.js +59 -0
  20. package/dist/cjs/constants-6621833f.js.map +1 -0
  21. package/dist/cjs/gradcaplight.svg +3 -0
  22. package/dist/cjs/icons-20dfd25b.js +58 -0
  23. package/dist/cjs/icons-20dfd25b.js.map +1 -0
  24. package/dist/cjs/index.js +31 -17
  25. package/dist/cjs/index.js.map +1 -1
  26. package/dist/cjs/index10.js +5 -3
  27. package/dist/cjs/index10.js.map +1 -1
  28. package/dist/cjs/index11.js +2 -5
  29. package/dist/cjs/index11.js.map +1 -1
  30. package/dist/cjs/index12.js +3 -3
  31. package/dist/cjs/index13.js +5 -18
  32. package/dist/cjs/index13.js.map +1 -1
  33. package/dist/cjs/index14.js +3 -2
  34. package/dist/cjs/index14.js.map +1 -1
  35. package/dist/cjs/index15.js +12 -3
  36. package/dist/cjs/index15.js.map +1 -1
  37. package/dist/cjs/index16.js +27 -3
  38. package/dist/cjs/index16.js.map +1 -1
  39. package/dist/cjs/index17.js +2 -3
  40. package/dist/cjs/index17.js.map +1 -1
  41. package/dist/cjs/index18.js +3 -3
  42. package/dist/cjs/index19.js +3 -9
  43. package/dist/cjs/index19.js.map +1 -1
  44. package/dist/cjs/index2.js +24 -2
  45. package/dist/cjs/index2.js.map +1 -1
  46. package/dist/cjs/index20.js +3 -16
  47. package/dist/cjs/index20.js.map +1 -1
  48. package/dist/cjs/index21.js +3 -10
  49. package/dist/cjs/index21.js.map +1 -1
  50. package/dist/cjs/index22.js +9 -14
  51. package/dist/cjs/index22.js.map +1 -1
  52. package/dist/cjs/index23.js +16 -0
  53. package/dist/cjs/index23.js.map +1 -1
  54. package/dist/cjs/index24.js +10 -4
  55. package/dist/cjs/index24.js.map +1 -1
  56. package/dist/cjs/index25.js +12 -3
  57. package/dist/cjs/index25.js.map +1 -1
  58. package/dist/cjs/index26.js +4 -9
  59. package/dist/cjs/index26.js.map +1 -1
  60. package/dist/cjs/index27.js +13 -0
  61. package/dist/cjs/index27.js.map +1 -0
  62. package/dist/cjs/index28.js +14 -0
  63. package/dist/cjs/index28.js.map +1 -0
  64. package/dist/cjs/index29.js +14 -0
  65. package/dist/cjs/index29.js.map +1 -0
  66. package/dist/cjs/index3.js +2 -9
  67. package/dist/cjs/index3.js.map +1 -1
  68. package/dist/cjs/index4.js +12 -5
  69. package/dist/cjs/index4.js.map +1 -1
  70. package/dist/cjs/index5.js +6 -2
  71. package/dist/cjs/index5.js.map +1 -1
  72. package/dist/cjs/index6.js +0 -89
  73. package/dist/cjs/index6.js.map +1 -1
  74. package/dist/cjs/index7.js +102 -0
  75. package/dist/cjs/index7.js.map +1 -1
  76. package/dist/cjs/index8.js +13 -5
  77. package/dist/cjs/index8.js.map +1 -1
  78. package/dist/cjs/index9.js +3 -2
  79. package/dist/cjs/index9.js.map +1 -1
  80. package/dist/cjs/minigradcapcolored.svg +3 -0
  81. package/dist/cjs/minipuzzlecolored.svg +3 -0
  82. package/dist/cjs/minitrophycolored.svg +3 -0
  83. package/dist/esm/AchievementCard-2a3b7003.js +53 -0
  84. package/dist/esm/AchievementCard-2a3b7003.js.map +1 -0
  85. package/dist/esm/{CircleIcon-7c21af00.js → CircleIcon-f11c1db9.js} +3 -27
  86. package/dist/esm/CircleIcon-f11c1db9.js.map +1 -0
  87. package/dist/esm/{CourseCard-b9e42233.js → CourseCard-4639b301.js} +5 -5
  88. package/dist/esm/{CourseCard-b9e42233.js.map → CourseCard-4639b301.js.map} +1 -1
  89. package/dist/esm/JobListCard-ee0e644e.js +110 -0
  90. package/dist/esm/JobListCard-ee0e644e.js.map +1 -0
  91. package/dist/esm/{Notification-ddbb3c37.js → Notification-ac50790d.js} +2 -2
  92. package/dist/esm/{Notification-ddbb3c37.js.map → Notification-ac50790d.js.map} +1 -1
  93. package/dist/esm/RoundedPill-75154146.js +99 -0
  94. package/dist/esm/RoundedPill-75154146.js.map +1 -0
  95. package/dist/esm/{RoundedSquare-c3706147.js → RoundedSquare-2a961b5e.js} +5 -34
  96. package/dist/esm/RoundedSquare-2a961b5e.js.map +1 -0
  97. package/dist/esm/{SmallAchievementCard-44f6fef8.js → SmallAchievementCard-2d87ac82.js} +2 -1
  98. package/dist/esm/SmallAchievementCard-2d87ac82.js.map +1 -0
  99. package/dist/esm/{Checkmark-fb8086c5.js → User-d3aa7eb3.js} +58 -58
  100. package/dist/esm/User-d3aa7eb3.js.map +1 -0
  101. package/dist/esm/constants-e55bb833.js +42 -0
  102. package/dist/esm/constants-e55bb833.js.map +1 -0
  103. package/dist/esm/gradcaplight.svg +3 -0
  104. package/dist/esm/icons-6138bb65.js +42 -0
  105. package/dist/esm/icons-6138bb65.js.map +1 -0
  106. package/dist/esm/index.js +17 -8
  107. package/dist/esm/index.js.map +1 -1
  108. package/dist/esm/index10.js +4 -2
  109. package/dist/esm/index10.js.map +1 -1
  110. package/dist/esm/index11.js +1 -3
  111. package/dist/esm/index11.js.map +1 -1
  112. package/dist/esm/index12.js +2 -2
  113. package/dist/esm/index13.js +3 -14
  114. package/dist/esm/index13.js.map +1 -1
  115. package/dist/esm/index14.js +2 -1
  116. package/dist/esm/index14.js.map +1 -1
  117. package/dist/esm/index15.js +11 -1
  118. package/dist/esm/index15.js.map +1 -1
  119. package/dist/esm/index16.js +22 -2
  120. package/dist/esm/index16.js.map +1 -1
  121. package/dist/esm/index17.js +1 -2
  122. package/dist/esm/index17.js.map +1 -1
  123. package/dist/esm/index18.js +1 -2
  124. package/dist/esm/index18.js.map +1 -1
  125. package/dist/esm/index19.js +2 -2
  126. package/dist/esm/index2.js +23 -1
  127. package/dist/esm/index2.js.map +1 -1
  128. package/dist/esm/index20.js +2 -15
  129. package/dist/esm/index20.js.map +1 -1
  130. package/dist/esm/index21.js +2 -9
  131. package/dist/esm/index21.js.map +1 -1
  132. package/dist/esm/index22.js +2 -13
  133. package/dist/esm/index22.js.map +1 -1
  134. package/dist/esm/index23.js +11 -0
  135. package/dist/esm/index23.js.map +1 -1
  136. package/dist/esm/index24.js +9 -3
  137. package/dist/esm/index24.js.map +1 -1
  138. package/dist/esm/index25.js +11 -1
  139. package/dist/esm/index25.js.map +1 -1
  140. package/dist/esm/index26.js +4 -4
  141. package/dist/esm/index27.js +5 -0
  142. package/dist/esm/index27.js.map +1 -0
  143. package/dist/esm/index28.js +5 -0
  144. package/dist/esm/index28.js.map +1 -0
  145. package/dist/esm/index29.js +6 -0
  146. package/dist/esm/index29.js.map +1 -0
  147. package/dist/esm/index3.js +1 -7
  148. package/dist/esm/index3.js.map +1 -1
  149. package/dist/esm/index4.js +10 -4
  150. package/dist/esm/index4.js.map +1 -1
  151. package/dist/esm/index5.js +5 -1
  152. package/dist/esm/index5.js.map +1 -1
  153. package/dist/esm/index6.js +0 -54
  154. package/dist/esm/index6.js.map +1 -1
  155. package/dist/esm/index7.js +62 -0
  156. package/dist/esm/index7.js.map +1 -1
  157. package/dist/esm/index8.js +11 -4
  158. package/dist/esm/index8.js.map +1 -1
  159. package/dist/esm/index9.js +2 -1
  160. package/dist/esm/index9.js.map +1 -1
  161. package/dist/esm/minigradcapcolored.svg +3 -0
  162. package/dist/esm/minipuzzlecolored.svg +3 -0
  163. package/dist/esm/minitrophycolored.svg +3 -0
  164. package/dist/index.d.ts +89 -29
  165. package/dist/main.css +1 -1
  166. package/dist/main.js +1 -1
  167. package/package.json +1 -1
  168. package/dist/cjs/Checkmark-66ed153f.js.map +0 -1
  169. package/dist/cjs/CircleIcon-45ef66fd.js.map +0 -1
  170. package/dist/cjs/RoundedSquare-718776c6.js +0 -91
  171. package/dist/cjs/RoundedSquare-718776c6.js.map +0 -1
  172. package/dist/cjs/SmallAchievementCard-dc95ef2b.js.map +0 -1
  173. package/dist/esm/Checkmark-fb8086c5.js.map +0 -1
  174. package/dist/esm/CircleIcon-7c21af00.js.map +0 -1
  175. package/dist/esm/RoundedSquare-c3706147.js.map +0 -1
  176. package/dist/esm/SmallAchievementCard-44f6fef8.js.map +0 -1
@@ -1,4 +1,66 @@
1
+ export { A as AchievementCard } from './AchievementCard-2a3b7003.js';
2
+ export { B as Button } from './Button-5f805204.js';
3
+ export { a as CircleIcon, C as CountCircle } from './CircleIcon-f11c1db9.js';
4
+ export { C as CourseCard } from './CourseCard-4639b301.js';
5
+ export { F as FlippyCard } from './FlippyCard-682649d7.js';
6
+ export { a as JobListCard, J as JobListingBubble } from './JobListCard-ee0e644e.js';
1
7
  export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
8
+ export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-cf793917.js';
9
+ export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
10
+ export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
11
+ export { N as Notification, a as NotificationTypeStyles } from './Notification-ac50790d.js';
12
+ export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
13
+ export { R as RoundedPill } from './RoundedPill-75154146.js';
14
+ export { R as RoundedSquare } from './RoundedSquare-2a961b5e.js';
15
+ export { a as TYPE_TO_IMG_SRC, T as TYPE_TO_MINI_ICON, b as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './constants-e55bb833.js';
16
+ export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
17
+ export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
18
+ export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
19
+ export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
20
+ export { S as SmallAchievementCard } from './SmallAchievementCard-2d87ac82.js';
21
+ export { V as VCCard } from './VCCard-271ef60d.js';
22
+ export { V as VCDisplayBackFace } from './VCDisplayBackFace-1bc89b3c.js';
23
+ export { V as VCDisplayCard } from './VCDisplayCard-07dc6715.js';
24
+ export { V as VCThumbnail } from './VCThumbnail-2571a0c6.js';
25
+ export { V as VCVerificationCheck, a as VCVerificationCheckWithText } from './VCVerificationCheck-eef7883b.js';
26
+ export { V as ValidationStateIndicator } from './VCVerificationPill-a35e1dad.js';
27
+ export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Lightbulb, U as User } from './User-d3aa7eb3.js';
28
+ export { T as Trophy } from './Trophy-702610b8.js';
2
29
  import 'react';
30
+ import './icons-6138bb65.js';
31
+ import './coins.svg';
32
+ import './user.svg';
33
+ import './trophy.svg';
34
+ import './briefcase.svg';
35
+ import './graduation.svg';
36
+ import './lightbulb.svg';
37
+ import './minipuzzle.svg';
38
+ import './minitrophy.svg';
39
+ import './gradcaplight.svg';
40
+ import './lhplaceholder.png';
41
+ import './minijob.svg';
3
42
  import './contactless-symbol.svg';
43
+ import './index-aa1098e1.js';
44
+ import './card-chip.svg';
45
+ import './master-card-logo.svg';
46
+ import './verified-check.png';
47
+ import './walletcurrency.webp';
48
+ import './walletids.webp';
49
+ import './walletjobhistory.webp';
50
+ import './walletlearninghistory.webp';
51
+ import './walletskills.webp';
52
+ import './walletTrophy.webp';
53
+ import './minitrophycolored.svg';
54
+ import './minigradcapcolored.svg';
55
+ import './minipuzzlecolored.svg';
56
+ import './skillplaceholder.png';
57
+ import './skillgraph.svg';
58
+ import '@learncard/core';
59
+ import './ArrowArcRight.svg';
60
+ import './icon.green.fat-arrow.png';
61
+ import './default-face.jpeg';
62
+ import './vc.check.svg';
63
+ import './RedXCircle.svg';
64
+ import './GreenCheckCircle.svg';
65
+ import './YellowWarningCircle.svg';
4
66
  //# sourceMappingURL=index7.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
1
+ {"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,6 +1,13 @@
1
- export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-cf793917.js';
1
+ export { a as JobListCard, J as JobListingBubble } from './JobListCard-ee0e644e.js';
2
2
  import 'react';
3
- import './index-aa1098e1.js';
4
- import './card-chip.svg';
5
- import './master-card-logo.svg';
3
+ import './constants-e55bb833.js';
4
+ import './walletcurrency.webp';
5
+ import './walletids.webp';
6
+ import './walletjobhistory.webp';
7
+ import './walletlearninghistory.webp';
8
+ import './walletskills.webp';
9
+ import './walletTrophy.webp';
10
+ import './minitrophycolored.svg';
11
+ import './minigradcapcolored.svg';
12
+ import './minipuzzlecolored.svg';
6
13
  //# sourceMappingURL=index8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -1,3 +1,4 @@
1
- export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
1
+ export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
2
2
  import 'react';
3
+ import './contactless-symbol.svg';
3
4
  //# sourceMappingURL=index9.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -0,0 +1,3 @@
1
+ <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.0325 9.34074L19.1158 8.83658L10.8658 4.25324H10.765C10.7088 4.22948 10.6505 4.21107 10.5908 4.19824H10.4167H10.2517C10.189 4.21107 10.1277 4.22948 10.0683 4.25324H9.96751L1.71751 8.83658C1.57644 8.91653 1.4591 9.03246 1.37746 9.17257C1.29582 9.31267 1.25281 9.47192 1.25281 9.63408C1.25281 9.79623 1.29582 9.95548 1.37746 10.0956C1.4591 10.2357 1.57644 10.3516 1.71751 10.4316L4.00001 11.6966V16.0416C4.00001 16.7709 4.28974 17.4704 4.80547 17.9861C5.32119 18.5018 6.02066 18.7916 6.75001 18.7916H14.0833C14.8127 18.7916 15.5122 18.5018 16.0279 17.9861C16.5436 17.4704 16.8333 16.7709 16.8333 16.0416V11.6966L18.6667 10.6699V13.2916C18.6667 13.5347 18.7633 13.7678 18.9352 13.9398C19.1071 14.1117 19.3402 14.2082 19.5833 14.2082C19.8265 14.2082 20.0596 14.1117 20.2315 13.9398C20.4034 13.7678 20.5 13.5347 20.5 13.2916V10.1382C20.4997 9.97581 20.4563 9.81637 20.3742 9.67624C20.292 9.53612 20.1741 9.42033 20.0325 9.34074V9.34074ZM15 16.0416C15 16.2847 14.9034 16.5178 14.7315 16.6898C14.5596 16.8617 14.3265 16.9582 14.0833 16.9582H6.75001C6.50689 16.9582 6.27374 16.8617 6.10183 16.6898C5.92992 16.5178 5.83334 16.2847 5.83334 16.0416V12.7141L9.96751 15.0057L10.105 15.0607H10.1875C10.2636 15.0703 10.3406 15.0703 10.4167 15.0607C10.4928 15.0703 10.5698 15.0703 10.6458 15.0607H10.7283C10.777 15.0505 10.8235 15.0319 10.8658 15.0057L15 12.7141V16.0416ZM10.4167 13.1632L4.05501 9.62491L10.4167 6.08658L16.7783 9.62491L10.4167 13.1632Z" fill="#00BA88"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.8333 18.3334H4.83333C4.17029 18.3334 3.5344 18.07 3.06556 17.6012C2.59672 17.1324 2.33333 16.4965 2.33333 15.8334V7.50009C2.33333 6.83705 2.59672 6.20117 3.06556 5.73233C3.5344 5.26349 4.17029 5.00009 4.83333 5.00009H5.66666C5.68068 4.29396 5.91862 3.61053 6.34617 3.04837C6.77372 2.48621 7.36878 2.07438 8.04553 1.87229C8.72227 1.67019 9.44571 1.68827 10.1115 1.92392C10.7773 2.15957 11.3511 2.60061 11.75 3.18343C12.1237 3.71605 12.3271 4.34948 12.3333 5.00009H14.8333C15.0543 5.00009 15.2663 5.08789 15.4226 5.24417C15.5789 5.40045 15.6667 5.61241 15.6667 5.83343V8.33343C16.3728 8.34744 17.0562 8.58539 17.6184 9.01294C18.1805 9.44049 18.5924 10.0356 18.7945 10.7123C18.9966 11.389 18.9785 12.1125 18.7428 12.7783C18.5072 13.4441 18.0661 14.0178 17.4833 14.4168C16.9507 14.7905 16.3173 14.9939 15.6667 15.0001V17.5001C15.6667 17.7211 15.5789 17.9331 15.4226 18.0893C15.2663 18.2456 15.0543 18.3334 14.8333 18.3334ZM4.83333 6.66676C4.61231 6.66676 4.40035 6.75456 4.24407 6.91084C4.08779 7.06712 3.99999 7.27908 3.99999 7.50009V15.8334C3.99999 16.0544 4.08779 16.2664 4.24407 16.4227C4.40035 16.579 4.61231 16.6668 4.83333 16.6668H14V14.0168C13.9993 13.8831 14.0307 13.7513 14.0916 13.6324C14.1525 13.5135 14.2411 13.4109 14.35 13.3334C14.4585 13.256 14.584 13.2058 14.716 13.187C14.8479 13.1681 14.9825 13.1812 15.1083 13.2251C15.3458 13.322 15.6045 13.3553 15.8588 13.3216C16.113 13.288 16.3542 13.1887 16.5583 13.0334C16.7615 12.9095 16.9358 12.7435 17.0695 12.5466C17.2032 12.3496 17.2932 12.1264 17.3333 11.8918C17.3655 11.6551 17.3464 11.4144 17.2774 11.1858C17.2084 10.9572 17.091 10.7461 16.9333 10.5668C16.7201 10.3077 16.4296 10.1235 16.1043 10.0411C15.779 9.95862 15.4359 9.98222 15.125 10.1084C14.9991 10.1523 14.8646 10.1654 14.7326 10.1466C14.6007 10.1277 14.4752 10.0775 14.3667 10.0001C14.2578 9.9226 14.1692 9.82006 14.1083 9.70113C14.0474 9.58221 14.0159 9.45038 14.0167 9.31676V6.66676H11.35C11.213 6.67452 11.0763 6.64835 10.9519 6.59058C10.8274 6.5328 10.7192 6.44521 10.6368 6.33556C10.5543 6.22592 10.5002 6.09762 10.4793 5.96205C10.4583 5.82649 10.4712 5.68784 10.5167 5.55843C10.6135 5.32093 10.6468 5.06228 10.6132 4.808C10.5796 4.55371 10.4803 4.31259 10.325 4.10843C10.202 3.8994 10.0335 3.72073 9.83199 3.58567C9.63052 3.45061 9.40125 3.36261 9.16115 3.3282C8.92105 3.29378 8.67628 3.31383 8.44499 3.38687C8.21369 3.4599 8.0018 3.58404 7.825 3.75009C7.66081 3.91294 7.53231 4.10817 7.44766 4.32337C7.36302 4.53857 7.32408 4.76903 7.33333 5.00009C7.33526 5.19124 7.37197 5.38043 7.44166 5.55843C7.48572 5.68444 7.49885 5.8192 7.47997 5.95135C7.46108 6.0835 7.41072 6.20918 7.33313 6.31781C7.25554 6.42644 7.15298 6.51483 7.0341 6.57556C6.91522 6.63629 6.78349 6.66756 6.64999 6.66676H4.83333Z" fill="#4F46E5"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18 3.33341H15.5V2.50008C15.5 2.27907 15.4122 2.06711 15.2559 1.91083C15.0996 1.75455 14.8877 1.66675 14.6667 1.66675H6.33332C6.11231 1.66675 5.90035 1.75455 5.74407 1.91083C5.58779 2.06711 5.49999 2.27907 5.49999 2.50008V3.33341H2.99999C2.77898 3.33341 2.56701 3.42121 2.41073 3.57749C2.25445 3.73377 2.16666 3.94573 2.16666 4.16675V6.66675C2.16666 7.5508 2.51785 8.39865 3.14297 9.02377C3.76809 9.64889 4.61593 10.0001 5.49999 10.0001H6.78332C7.5371 10.841 8.55337 11.402 9.66666 11.5917V13.3334H8.83332C8.17028 13.3334 7.5344 13.5968 7.06556 14.0656C6.59672 14.5345 6.33332 15.1704 6.33332 15.8334V17.5001C6.33332 17.7211 6.42112 17.9331 6.5774 18.0893C6.73368 18.2456 6.94564 18.3334 7.16666 18.3334H13.8333C14.0543 18.3334 14.2663 18.2456 14.4226 18.0893C14.5789 17.9331 14.6667 17.7211 14.6667 17.5001V15.8334C14.6667 15.1704 14.4033 14.5345 13.9344 14.0656C13.4656 13.5968 12.8297 13.3334 12.1667 13.3334H11.3333V11.5917C12.4466 11.402 13.4629 10.841 14.2167 10.0001H15.5C16.384 10.0001 17.2319 9.64889 17.857 9.02377C18.4821 8.39865 18.8333 7.5508 18.8333 6.66675V4.16675C18.8333 3.94573 18.7455 3.73377 18.5892 3.57749C18.433 3.42121 18.221 3.33341 18 3.33341V3.33341ZM5.49999 8.33342C5.05796 8.33342 4.63404 8.15782 4.32148 7.84526C4.00892 7.5327 3.83332 7.10878 3.83332 6.66675V5.00008H5.49999V6.66675C5.50182 7.23484 5.60046 7.79846 5.79166 8.33342H5.49999ZM12.1667 15.0001C12.3877 15.0001 12.5996 15.0879 12.7559 15.2442C12.9122 15.4004 13 15.6124 13 15.8334V16.6667H7.99999V15.8334C7.99999 15.6124 8.08779 15.4004 8.24407 15.2442C8.40035 15.0879 8.61231 15.0001 8.83332 15.0001H12.1667ZM13.8333 6.66675C13.8333 7.5508 13.4821 8.39865 12.857 9.02377C12.2319 9.64889 11.384 10.0001 10.5 10.0001C9.61594 10.0001 8.76809 9.64889 8.14297 9.02377C7.51785 8.39865 7.16666 7.5508 7.16666 6.66675V3.33341H13.8333V6.66675ZM17.1667 6.66675C17.1667 7.10878 16.9911 7.5327 16.6785 7.84526C16.3659 8.15782 15.942 8.33342 15.5 8.33342H15.2083C15.3995 7.79846 15.4982 7.23484 15.5 6.66675V5.00008H17.1667V6.66675Z" fill="#FF5820"/>
3
+ </svg>
package/dist/index.d.ts CHANGED
@@ -2,34 +2,6 @@ import * as React$1 from 'react';
2
2
  import React__default, { MouseEventHandler } from 'react';
3
3
  import { Profile, CredentialSubject, VerificationItem, VC, AchievementCredential, VerificationStatus } from '@learncard/types';
4
4
 
5
- declare type ButtonProps = {
6
- text?: string;
7
- onClick: MouseEventHandler<HTMLButtonElement>;
8
- className?: string;
9
- };
10
- declare const Button: React__default.FC<ButtonProps>;
11
-
12
- declare type CircleIconProps = {
13
- iconSrc?: string;
14
- count?: string | number;
15
- onClick?: () => void;
16
- bgColor?: string;
17
- innerPadding?: string;
18
- size?: string;
19
- hideCount?: boolean;
20
- borderColor?: string;
21
- };
22
- declare type CountCircleProps = {
23
- size?: string;
24
- count?: string | number;
25
- innerPadding?: string;
26
- onClick?: () => {};
27
- bgColor?: string;
28
- className?: string;
29
- };
30
- declare const CountCircle: React__default.FC<CountCircleProps>;
31
- declare const CircleIcon: React__default.FC<CircleIconProps>;
32
-
33
5
  declare type VCDisplayCardProps = {
34
6
  title?: string;
35
7
  createdAt?: string;
@@ -45,6 +17,18 @@ declare type VCDisplayCardProps = {
45
17
  declare type SmallAchievementCardProps = {
46
18
  title?: string;
47
19
  thumbImgSrc?: string;
20
+ showStatus?: boolean;
21
+ showSkills?: boolean;
22
+ date?: string;
23
+ onClick?: () => void;
24
+ };
25
+ declare type AchievementCardProps = {
26
+ title?: string;
27
+ thumbImgSrc?: string;
28
+ showStatus?: boolean;
29
+ claimStatus?: boolean;
30
+ showSkills?: boolean;
31
+ skillCount?: number;
48
32
  date?: string;
49
33
  onClick?: () => void;
50
34
  };
@@ -88,6 +72,67 @@ declare type SkillVerticalCardProps = {
88
72
  onClick?: () => void;
89
73
  className?: string;
90
74
  };
75
+ declare type RoundedPillProps = {
76
+ statusText?: string;
77
+ type?: 'achievement' | 'skill' | 'course' | 'locked';
78
+ onClick?: () => void;
79
+ showCheckmark?: boolean;
80
+ };
81
+ declare type JobQualificationsCount = {
82
+ fulfilledCount: number;
83
+ totalRequiredCount: number;
84
+ };
85
+ declare type JobQualificationDisplay = {
86
+ skills?: JobQualificationsCount;
87
+ achievements?: JobQualificationsCount;
88
+ courses?: JobQualificationsCount;
89
+ };
90
+ declare type JobListCardProps = {
91
+ title?: string;
92
+ company?: string;
93
+ compensation?: string;
94
+ location?: string;
95
+ locationRequirement?: string;
96
+ timeRequirement?: string;
97
+ qualificationDisplay?: JobQualificationDisplay;
98
+ percentQualifiedDisplay?: string;
99
+ postDateDisplay?: string;
100
+ imgThumb?: string;
101
+ isBookmarked?: boolean;
102
+ className?: string;
103
+ onBookmark?: () => void;
104
+ onClick?: () => void;
105
+ };
106
+
107
+ declare const AchievementCard: React__default.FC<AchievementCardProps>;
108
+
109
+ declare type ButtonProps = {
110
+ text?: string;
111
+ onClick: MouseEventHandler<HTMLButtonElement>;
112
+ className?: string;
113
+ };
114
+ declare const Button: React__default.FC<ButtonProps>;
115
+
116
+ declare type CircleIconProps = {
117
+ iconSrc?: string;
118
+ count?: string | number;
119
+ onClick?: () => void;
120
+ bgColor?: string;
121
+ innerPadding?: string;
122
+ size?: string;
123
+ hideCount?: boolean;
124
+ borderColor?: string;
125
+ };
126
+ declare type CountCircleProps = {
127
+ size?: string;
128
+ count?: string | number;
129
+ innerPadding?: string;
130
+ onClick?: () => {};
131
+ bgColor?: string;
132
+ className?: string;
133
+ };
134
+ declare const CountCircle: React__default.FC<CountCircleProps>;
135
+ declare const CircleIcon: React__default.FC<CircleIconProps>;
91
136
 
92
137
  declare const CourseCard: React__default.FC<CourseCardProps>;
93
138
 
@@ -96,6 +141,14 @@ declare type FlippyCardProps = {
96
141
  };
97
142
  declare const FlippyCard: React__default.FC<FlippyCardProps>;
98
143
 
144
+ declare type JobListingBubbleProps = {
145
+ count: number | string;
146
+ type: 'job' | 'achievement' | 'skill';
147
+ className?: string;
148
+ };
149
+ declare const JobListingBubble: React__default.FC<JobListingBubbleProps>;
150
+ declare const JobListCard: React__default.FC<JobListCardProps>;
151
+
99
152
  declare type LearnCardCreditCardBackFaceProps = {
100
153
  /**
101
154
  * custom className
@@ -340,6 +393,8 @@ declare type QRCodeCardProps = {
340
393
 
341
394
  declare const QRCodeCard: React__default.FC<QRCodeCardProps>;
342
395
 
396
+ declare const RoundedPill: React__default.FC<RoundedPillProps>;
397
+
343
398
  declare type RoundedSquareProps = {
344
399
  title?: string;
345
400
  description?: string;
@@ -352,6 +407,11 @@ declare type RoundedSquareProps = {
352
407
  };
353
408
  declare const RoundedSquare: React__default.FC<RoundedSquareProps>;
354
409
 
410
+ declare const TYPE_TO_MINI_ICON: {
411
+ job: any;
412
+ achievement: any;
413
+ skill: any;
414
+ };
355
415
  declare const WALLET_SUBTYPES: {
356
416
  ACHIEVEMENTS: string;
357
417
  IDS: string;
@@ -527,4 +587,4 @@ declare const User: React__default.FC<{
527
587
  className?: string;
528
588
  }>;
529
589
 
530
- export { Briefcase, Button, ButtonProps, Checkmark, CircleIcon, CircleIconProps, CircleLoadingState, CircleSpinnerProps, Coins, CountCircle, CountCircleProps, CourseCard, FlippyCard, FlippyCardProps, Graduation, LearnCardCreditCardBackFace, LearnCardCreditCardBackFaceProps, LearnCardCreditCardFrontFace, LearnCardCreditCardFrontFaceProps, LearnCardCreditCardProps, LearnCardCreditCardUserProps, Lightbulb, MiniVCThumbnail, MiniVCThumbnailProps, Notification, NotificationProps, NotificationTypeStyles, QRCodeCard, QRCodeCardProps, RoundedSquare, RoundedSquareProps, SchoolIDCard, SchoolIDCardProps, SkillVerticalCard, SkillsCard, SkillsMeterSegment, SkillsStatsCard, SmallAchievementCard, TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR, Trophy, User, VCCard, VCCardProps, VCDisplayBackFace, VCDisplayCard, VCDisplayCardPropsReal, VCThumbnail, VCThumbnailProps, VCVerificationCheck, VCVerificationCheckProps, VCVerificationCheckWithText, ValidationStateIndicator, WALLET_SUBTYPES };
590
+ export { AchievementCard, Briefcase, Button, ButtonProps, Checkmark, CircleIcon, CircleIconProps, CircleLoadingState, CircleSpinnerProps, Coins, CountCircle, CountCircleProps, CourseCard, FlippyCard, FlippyCardProps, Graduation, JobListCard, JobListingBubble, LearnCardCreditCardBackFace, LearnCardCreditCardBackFaceProps, LearnCardCreditCardFrontFace, LearnCardCreditCardFrontFaceProps, LearnCardCreditCardProps, LearnCardCreditCardUserProps, Lightbulb, MiniVCThumbnail, MiniVCThumbnailProps, Notification, NotificationProps, NotificationTypeStyles, QRCodeCard, QRCodeCardProps, RoundedPill, RoundedSquare, RoundedSquareProps, SchoolIDCard, SchoolIDCardProps, SkillVerticalCard, SkillsCard, SkillsMeterSegment, SkillsStatsCard, SmallAchievementCard, TYPE_TO_IMG_SRC, TYPE_TO_MINI_ICON, TYPE_TO_WALLET_COLOR, Trophy, User, VCCard, VCCardProps, VCDisplayBackFace, VCDisplayCard, VCDisplayCardPropsReal, VCThumbnail, VCThumbnailProps, VCVerificationCheck, VCVerificationCheckProps, VCVerificationCheckWithText, ValidationStateIndicator, WALLET_SUBTYPES };
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- .static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-\[-15px\]{right:-15px}.top-\[-15px\]{top:-15px}.top-\[-40px\]{top:-40px}.left-0{left:0}.top-2{top:.5rem}.right-4{right:1rem}.bottom-\[-8px\]{bottom:-8px}.bottom-1{bottom:.25rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-\[15px\]{right:15px}.bottom-\[10px\]{bottom:10px}.right-\[0px\]{right:0}.top-\[0px\]{top:0}.bottom-3{bottom:.75rem}.top-0{top:0}.left-1{left:.25rem}.top-1{top:.25rem}.bottom-5{bottom:1.25rem}.z-10{z-index:10}.m-0,.m-\[0px\]{margin:0}.mx-\[3px\]{margin-left:3px;margin-right:3px}.my-0{margin-bottom:0;margin-top:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-\[5px\]{margin-bottom:5px;margin-top:5px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3\.5{margin-bottom:.875rem;margin-top:.875rem}.mr-\[10px\]{margin-right:10px}.mt-\[5px\]{margin-top:5px}.mr-\[5px\]{margin-right:5px}.mr-\[0px\]{margin-right:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.ml-4{margin-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.-mt-3{margin-top:-.75rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mt-7{margin-top:1.75rem}.mr-\[8px\]{margin-right:8px}.mt-\[8px\]{margin-top:8px}.mt-\[10px\]{margin-top:10px}.ml-\[15px\]{margin-left:15px}.mt-8{margin-top:2rem}.mt-\[20px\]{margin-top:20px}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.mr-3{margin-right:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.h-\[30px\]{height:30px}.h-\[130px\]{height:130px}.h-\[111px\]{height:111px}.h-8{height:2rem}.h-\[33px\]{height:33px}.h-0{height:0}.h-\[140\%\]{height:140%}.h-auto{height:auto}.h-10{height:2.5rem}.h-5\/6{height:83.333333%}.h-4\/5{height:80%}.h-12{height:3rem}.h-\[24px\]{height:24px}.h-\[170px\]{height:170px}.h-\[200px\]{height:200px}.h-\[100px\]{height:100px}.h-\[215px\]{height:215px}.h-\[76px\]{height:76px}.h-\[119px\]{height:119px}.h-\[20px\]{height:20px}.h-\[129px\]{height:129px}.h-\[10px\]{height:10px}.h-\[199px\]{height:199px}.h-\[209px\]{height:209px}.h-\[110px\]{height:110px}.h-\[100\%\]{height:100%}.h-\[55\%\]{height:55%}.h-\[77\%\]{height:77%}.h-16{height:4rem}.h-4\/6{height:66.666667%}.max-h-\[48px\]{max-height:48px}.max-h-\[80px\]{max-height:80px}.max-h-12{max-height:3rem}.max-h-\[40px\]{max-height:40px}.max-h-\[1100px\]{max-height:1100px}.max-h-\[150px\]{max-height:150px}.max-h-\[600px\]{max-height:600px}.max-h-\[100px\]{max-height:100px}.min-h-\[220px\]{min-height:220px}.min-h-\[120px\]{min-height:120px}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.min-h-\[600px\]{min-height:600px}.min-h-\[400px\]{min-height:400px}.min-h-\[200px\]{min-height:200px}.w-full{width:100%}.w-\[100px\]{width:100px}.w-\[55px\]{width:55px}.w-1\/2{width:50%}.w-\[55\%\]{width:55%}.w-\[42px\]{width:42px}.w-3\/4{width:75%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-8{width:2rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-\[170px\]{width:170px}.w-\[320px\]{width:320px}.w-\[80px\]{width:80px}.w-\[160px\]{width:160px}.w-\[140px\]{width:140px}.w-\[10px\]{width:10px}.w-\[110\%\]{width:110%}.w-\[100\%\]{width:100%}.w-16{width:4rem}.w-4\/6{width:66.666667%}.w-\[30px\]{width:30px}.min-w-\[25px\]{min-width:25px}.min-w-\[48px\]{min-width:48px}.min-w-\[110px\]{min-width:110px}.min-w-\[40px\]{min-width:40px}.min-w-\[30px\]{min-width:30px}.max-w-\[80px\]{max-width:80px}.max-w-\[400px\]{max-width:400px}.max-w-\[375px\]{max-width:375px}.max-w-sm{max-width:24rem}.max-w-\[48px\]{max-width:48px}.max-w-\[90\%\]{max-width:90%}.max-w-\[40px\]{max-width:40px}.max-w-\[130px\]{max-width:130px}.max-w-\[27px\]{max-width:27px}.max-w-\[100\%\]{max-width:100%}.max-w-\[344px\]{max-width:344px}.max-w-\[100px\]{max-width:100px}.flex-1{flex:1 1 0%}.translate-x-\[10px\]{--tw-translate-x:10px}.scale-x-\[-1\],.translate-x-\[10px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x:-1}.cursor-alias{cursor:alias}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-\[30px\]{border-radius:30px}.rounded-\[20px\]{border-radius:20px}.rounded-\[60px\]{border-radius:60px}.rounded-3xl{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[40px\]{border-radius:40px}.rounded-\[5px\]{border-radius:5px}.rounded-\[3px\]{border-radius:3px}.rounded-\[10px\]{border-radius:10px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[22px\]{border-radius:22px}.rounded-tr-\[150px\]{border-top-right-radius:150px}.rounded-br-\[150px\]{border-bottom-right-radius:150px}.rounded-bl-\[50\%\]{border-bottom-left-radius:50%}.rounded-br-\[50\%\]{border-bottom-right-radius:50%}.border{border-width:1px}.border-2,.border-\[2px\]{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity))}.border-cyan-600{--tw-border-opacity:1;border-color:rgb(89 212 244/var(--tw-border-opacity))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(231 249 253/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity))}.border-spice-400{--tw-border-opacity:1;border-color:rgb(255 112 64/var(--tw-border-opacity))}.border-spice-50{--tw-border-opacity:1;border-color:rgb(255 237 231/var(--tw-border-opacity))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 234 185/var(--tw-border-opacity))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(214 250 240/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.bg-grayscale-50{--tw-bg-opacity:1;background-color:rgb(251 251 252/var(--tw-bg-opacity))}.bg-grayscale-900{--tw-bg-opacity:1;background-color:rgb(24 34 78/var(--tw-bg-opacity))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity))}.bg-spice-500{--tw-bg-opacity:1;background-color:rgb(255 88 32/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-grayscale-500{--tw-bg-opacity:1;background-color:rgb(139 145 167/var(--tw-bg-opacity))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(89 212 244/var(--tw-bg-opacity))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(231 249 253/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-spice-400{--tw-bg-opacity:1;background-color:rgb(255 112 64/var(--tw-bg-opacity))}.bg-spice-50{--tw-bg-opacity:1;background-color:rgb(255 237 231/var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 234 185/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(214 250 240/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(65 206 242/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-grayscale-100{--tw-bg-opacity:1;background-color:rgb(239 240 245/var(--tw-bg-opacity))}.bg-grayscale-200{--tw-bg-opacity:1;background-color:rgb(226 227 233/var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#F4F5F5\]{--tw-gradient-from:#f4f5f5;--tw-gradient-to:hsla(180,5%,96%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#E3E5E8\]{--tw-gradient-to:#e3e5e8}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-\[0px\]{padding:0}.p-\[2px\]{padding:2px}.p-1{padding:.25rem}.p-0{padding:0}.p-\[15px\]{padding:15px}.p-7{padding:1.75rem}.p-2{padding:.5rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.py-\[0px\]{padding-bottom:0;padding-top:0}.px-\[0px\]{padding-left:0;padding-right:0}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-\[5px\]{padding-bottom:5px;padding-top:5px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.px-\[8px\]{padding-left:8px;padding-right:8px}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-0{padding-left:0;padding-right:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pr-\[5px\]{padding-right:5px}.pt-4{padding-top:1rem}.pt-2{padding-top:.5rem}.pb-\[50\%\]{padding-bottom:50%}.pt-9{padding-top:2.25rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pt-\[5px\]{padding-top:5px}.pb-25pct{padding-bottom:25%}.pt-25pct{padding-top:25%}.pb-0{padding-bottom:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[12px\]{font-size:12px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[6px\]{font-size:6px}.text-\[10px\]{font-size:10px}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[17px\]{font-size:17px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-light{font-weight:300}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-snug{line-height:1.375}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.tracking-\[7px\]{letter-spacing:7px}.tracking-\[9px\]{letter-spacing:9px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity))}.text-grayscale-500{--tw-text-opacity:1;color:rgb(139 145 167/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity))}.text-cyan-600{--tw-text-opacity:1;color:rgb(89 212 244/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.text-spice-400{--tw-text-opacity:1;color:rgb(255 112 64/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 234 185/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-\[\#006937\]{--tw-text-opacity:1;color:rgb(0 105 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow-\[0_0_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:0 0 8px 0px rgba(0,0,0,.2);--tw-shadow-colored:0 0 8px 0px var(--tw-shadow-color)}.shadow-3xl,.shadow-\[0_0_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0px 0px 8px rgba(0,0,0,.25);--tw-shadow-colored:0px 0px 8px var(--tw-shadow-color)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-shadow:0 1px 3px rgba(0,0,0,.3);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#40cba6;box-sizing:border-box;display:block;height:54px;margin:3px;position:absolute;width:54px}.lds-ring.static div{-webkit-animation:none;animation:none;border-color:#40cba6}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flippy-wrapper-container{perspective:2600px}.flippy-card{height:100%;max-height:1000px;max-width:400px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 1s;width:100%}.flippy-card.is-flipped{transform:rotateY(180deg)}.card-face{height:100%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.card-face--front{position:absolute;transform:rotateY(180deg) scaleX(-1) translateZ(-1px)}.card-face--back{position:relative;transform:scaleX(-1) translateZ(-1px)}.mini-vc-thumbnail-container{max-width:250px}.mini-vc-thumbnail-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:65%;left:0;position:absolute;top:0;width:100%;z-index:1}.vc-thumbnail-container{max-width:250px}.vc-thumbnail-container:after{content:"";display:block;left:0;padding-bottom:100%;top:0}.vc-thumbnail-container:before{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:60%;left:0;position:absolute;top:0;width:100%;z-index:0}.vc-thumbnail-alt-container:after{padding-bottom:80%}.vc-thumbnail-alt-container:before{height:80%}.vc-thumbnail-listview-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:55%;left:0;position:absolute;top:0;width:100%;z-index:1}.qr-code-upper-right-pink-square{background-color:#fb7185;height:25%;mix-blend-mode:color;position:absolute;right:0;top:0;width:25%;z-index:6}.qr-code-upper-left-yellow{background-color:#fde047;height:25%;left:0;mix-blend-mode:overlay;position:absolute;top:0;width:25%;z-index:6}.qr-code-bottom-left-purple-square{background-color:#4f46e5;bottom:0;height:25%;left:0;mix-blend-mode:color;position:absolute;width:25%;z-index:6}.qr-code-green-blob{border-radius:0 0 161px 100px;height:35%;left:25%}.qr-code-green-blob,.qr-code-green-blob-2{background-color:#00ba88;mix-blend-mode:color;position:absolute;top:0;width:100%;z-index:4}.qr-code-green-blob-2{border-radius:0 0 161px 150px;height:60%;left:45%}.qr-code-blue-blob{background-color:#7dd3fc;border-radius:0 0 161px 0;height:50%;left:0;mix-blend-mode:color;position:absolute;top:25%;width:55%;z-index:4}.qr-code-orange-blob{background-color:#ff4000;border-radius:100px 0 0 100px;bottom:0;height:60%;mix-blend-mode:color;position:absolute;right:0;width:100%;z-index:3}.qr-code-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.barcode-container{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translate(80px,-50%)}.barcode-wrap{transform:rotate(270deg)}.barcode-wrap,.barcode-wrap>svg{border-radius:16px;margin:0;padding:0}.barcode-wrap>svg{height:30px}@media (max-width:414px){.credit-card-back-face,.credit-card-front-face{max-height:210px;min-height:210px}.credit-card-qr-code-container{margin:0 0 0 35px;padding:0}.credit-card-master-card-logo{bottom:-10px}}@media (max-width:375px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-qr-code-container{margin:0;padding:0}}@media (max-width:320px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-front-face-title{font-size:9px}.credit-card-bubble{width:58%}.credit-card-master-card-logo{bottom:-15px}.credit-card-qr-code-container{padding-left:15px;padding-right:15px}}@media (max-width:200px){.vc-thumbnail-alt-container:before,.vc-thumbnail-container:before{height:68%}}.achievement-placeholder-trophy{height:100%;max-width:85px;width:100%}@media (min-width:640px){.sm\:ml-0{margin-left:0}}@media (min-width:768px){.md\:ml-0{margin-left:0}}@media (min-width:1024px){.lg\:ml-0{margin-left:0}}@media (max-width:240px){.xxsm\:bottom-3{bottom:.75rem}.xxsm\:mt-1{margin-top:.25rem}.xxsm\:h-\[60px\]{height:60px}.xxsm\:w-\[60px\]{width:60px}.xxsm\:py-1{padding-bottom:.25rem;padding-top:.25rem}}@media (max-width:200px){.xxxsm\:bottom-3{bottom:.75rem}.xxxsm\:mt-0{margin-top:0}}
1
+ .static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-\[15px\]{bottom:15px}.right-\[9px\]{right:9px}.bottom-\[10px\]{bottom:10px}.left-\[5px\]{left:5px}.right-\[-15px\]{right:-15px}.top-\[-15px\]{top:-15px}.top-\[-40px\]{top:-40px}.left-0{left:0}.top-2{top:.5rem}.right-4{right:1rem}.bottom-\[-8px\]{bottom:-8px}.bottom-1{bottom:.25rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-\[15px\]{right:15px}.right-\[0px\]{right:0}.top-\[0px\]{top:0}.bottom-3{bottom:.75rem}.top-0{top:0}.left-1{left:.25rem}.top-1{top:.25rem}.bottom-5{bottom:1.25rem}.z-10{z-index:10}.m-0,.m-\[0px\]{margin:0}.mx-\[3px\]{margin-left:3px;margin-right:3px}.my-0{margin-bottom:0;margin-top:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-\[5px\]{margin-bottom:5px;margin-top:5px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3\.5{margin-bottom:.875rem;margin-top:.875rem}.mr-\[4px\]{margin-right:4px}.mt-\[10px\]{margin-top:10px}.mr-\[10px\]{margin-right:10px}.mt-\[5px\]{margin-top:5px}.mr-\[5px\]{margin-right:5px}.mr-\[0px\]{margin-right:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.ml-4{margin-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.-mt-3{margin-top:-.75rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mt-7{margin-top:1.75rem}.mr-\[8px\]{margin-right:8px}.mt-\[8px\]{margin-top:8px}.ml-\[15px\]{margin-left:15px}.mt-8{margin-top:2rem}.mt-\[20px\]{margin-top:20px}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.mr-3{margin-right:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-\[265px\]{height:265px}.h-\[130px\]{height:130px}.h-full{height:100%}.h-\[30px\]{height:30px}.h-\[111px\]{height:111px}.h-\[260px\]{height:260px}.h-8{height:2rem}.h-\[33px\]{height:33px}.h-0{height:0}.h-\[140\%\]{height:140%}.h-auto{height:auto}.h-10{height:2.5rem}.h-5\/6{height:83.333333%}.h-4\/5{height:80%}.h-12{height:3rem}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[46px\]{height:46px}.h-\[170px\]{height:170px}.h-\[200px\]{height:200px}.h-\[100px\]{height:100px}.h-\[215px\]{height:215px}.h-\[76px\]{height:76px}.h-\[119px\]{height:119px}.h-\[20px\]{height:20px}.h-\[129px\]{height:129px}.h-\[10px\]{height:10px}.h-\[199px\]{height:199px}.h-\[209px\]{height:209px}.h-\[110px\]{height:110px}.h-\[100\%\]{height:100%}.h-\[55\%\]{height:55%}.h-\[77\%\]{height:77%}.h-16{height:4rem}.h-4\/6{height:66.666667%}.max-h-\[48px\]{max-height:48px}.max-h-\[80px\]{max-height:80px}.max-h-12{max-height:3rem}.max-h-\[24px\]{max-height:24px}.max-h-\[40px\]{max-height:40px}.max-h-\[1100px\]{max-height:1100px}.max-h-\[150px\]{max-height:150px}.max-h-\[600px\]{max-height:600px}.max-h-\[100px\]{max-height:100px}.min-h-\[220px\]{min-height:220px}.min-h-\[120px\]{min-height:120px}.min-h-\[40px\]{min-height:40px}.min-h-\[48px\]{min-height:48px}.min-h-\[600px\]{min-height:600px}.min-h-\[400px\]{min-height:400px}.min-h-\[200px\]{min-height:200px}.w-\[190px\]{width:190px}.w-full{width:100%}.w-\[100px\]{width:100px}.w-\[80px\]{width:80px}.w-\[55px\]{width:55px}.w-1\/2{width:50%}.w-\[55\%\]{width:55%}.w-\[42px\]{width:42px}.w-3\/4{width:75%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-8{width:2rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-\[40px\]{width:40px}.w-\[180px\]{width:180px}.w-\[170px\]{width:170px}.w-\[320px\]{width:320px}.w-\[160px\]{width:160px}.w-\[140px\]{width:140px}.w-\[10px\]{width:10px}.w-\[110\%\]{width:110%}.w-\[100\%\]{width:100%}.w-16{width:4rem}.w-4\/6{width:66.666667%}.w-\[30px\]{width:30px}.min-w-\[100px\]{min-width:100px}.min-w-\[25px\]{min-width:25px}.min-w-\[48px\]{min-width:48px}.min-w-\[110px\]{min-width:110px}.min-w-\[40px\]{min-width:40px}.min-w-\[30px\]{min-width:30px}.max-w-\[80px\]{max-width:80px}.max-w-\[400px\]{max-width:400px}.max-w-\[100px\]{max-width:100px}.max-w-\[375px\]{max-width:375px}.max-w-sm{max-width:24rem}.max-w-\[48px\]{max-width:48px}.max-w-\[90\%\]{max-width:90%}.max-w-\[24px\]{max-width:24px}.max-w-\[40px\]{max-width:40px}.max-w-\[130px\]{max-width:130px}.max-w-\[27px\]{max-width:27px}.max-w-\[100\%\]{max-width:100%}.max-w-\[344px\]{max-width:344px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.translate-x-\[10px\]{--tw-translate-x:10px}.scale-x-\[-1\],.translate-x-\[10px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x:-1}.cursor-alias{cursor:alias}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.break-all{word-break:break-all}.rounded-\[20px\]{border-radius:20px}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-\[30px\]{border-radius:30px}.rounded-\[15px\]{border-radius:15px}.rounded-\[40px\]{border-radius:40px}.rounded-\[60px\]{border-radius:60px}.rounded-3xl{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[5px\]{border-radius:5px}.rounded-\[3px\]{border-radius:3px}.rounded-\[10px\]{border-radius:10px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[22px\]{border-radius:22px}.rounded-tr-\[150px\]{border-top-right-radius:150px}.rounded-br-\[150px\]{border-bottom-right-radius:150px}.rounded-bl-\[50\%\]{border-bottom-left-radius:50%}.rounded-br-\[50\%\]{border-bottom-right-radius:50%}.border{border-width:1px}.border-2,.border-\[2px\]{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity))}.border-cyan-600{--tw-border-opacity:1;border-color:rgb(89 212 244/var(--tw-border-opacity))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(231 249 253/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity))}.border-spice-400{--tw-border-opacity:1;border-color:rgb(255 112 64/var(--tw-border-opacity))}.border-spice-50{--tw-border-opacity:1;border-color:rgb(255 237 231/var(--tw-border-opacity))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 234 185/var(--tw-border-opacity))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(214 250 240/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.bg-grayscale-50{--tw-bg-opacity:1;background-color:rgb(251 251 252/var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-grayscale-900{--tw-bg-opacity:1;background-color:rgb(24 34 78/var(--tw-bg-opacity))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity))}.bg-spice-500{--tw-bg-opacity:1;background-color:rgb(255 88 32/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(214 250 240/var(--tw-bg-opacity))}.bg-spice-50{--tw-bg-opacity:1;background-color:rgb(255 237 231/var(--tw-bg-opacity))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(65 206 242/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-grayscale-500{--tw-bg-opacity:1;background-color:rgb(139 145 167/var(--tw-bg-opacity))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(89 212 244/var(--tw-bg-opacity))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(231 249 253/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-spice-400{--tw-bg-opacity:1;background-color:rgb(255 112 64/var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 234 185/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-grayscale-100{--tw-bg-opacity:1;background-color:rgb(239 240 245/var(--tw-bg-opacity))}.bg-grayscale-200{--tw-bg-opacity:1;background-color:rgb(226 227 233/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#F4F5F5\]{--tw-gradient-from:#f4f5f5;--tw-gradient-to:hsla(180,5%,96%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#E3E5E8\]{--tw-gradient-to:#e3e5e8}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[15px\]{padding:15px}.p-4{padding:1rem}.p-\[0px\]{padding:0}.p-\[2px\]{padding:2px}.p-1{padding:.25rem}.p-0{padding:0}.p-7{padding:1.75rem}.p-2{padding:.5rem}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.px-\[8px\]{padding-left:8px;padding-right:8px}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.px-\[15px\]{padding-left:15px;padding-right:15px}.py-\[15px\]{padding-bottom:15px;padding-top:15px}.px-\[2px\]{padding-left:2px;padding-right:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[5px\]{padding-left:5px;padding-right:5px}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.py-\[0px\]{padding-bottom:0;padding-top:0}.px-\[0px\]{padding-left:0;padding-right:0}.py-\[5px\]{padding-bottom:5px;padding-top:5px}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-0{padding-left:0;padding-right:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pr-\[5px\]{padding-right:5px}.pt-4{padding-top:1rem}.pt-2{padding-top:.5rem}.pb-\[50\%\]{padding-bottom:50%}.pt-9{padding-top:2.25rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pt-\[5px\]{padding-top:5px}.pb-25pct{padding-bottom:25%}.pt-25pct{padding-top:25%}.pb-0{padding-bottom:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[14px\]{font-size:14px}.text-\[12px\]{font-size:12px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\[17px\]{font-size:17px}.text-\[6px\]{font-size:6px}.text-\[10px\]{font-size:10px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[13px\]{font-size:13px}.text-\[20px\]{font-size:20px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-snug{line-height:1.375}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.tracking-\[7px\]{letter-spacing:7px}.tracking-\[9px\]{letter-spacing:9px}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity))}.text-grayscale-500{--tw-text-opacity:1;color:rgb(139 145 167/var(--tw-text-opacity))}.text-spice-500{--tw-text-opacity:1;color:rgb(255 88 32/var(--tw-text-opacity))}.text-grayscale-50{--tw-text-opacity:1;color:rgb(251 251 252/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity))}.text-cyan-600{--tw-text-opacity:1;color:rgb(89 212 244/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.text-spice-400{--tw-text-opacity:1;color:rgb(255 112 64/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 234 185/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-\[\#006937\]{--tw-text-opacity:1;color:rgb(0 105 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow-\[0_0_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:0 0 8px 0px rgba(0,0,0,.2);--tw-shadow-colored:0 0 8px 0px var(--tw-shadow-color)}.shadow-3xl,.shadow-\[0_0_8px_0px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0px 0px 8px rgba(0,0,0,.25);--tw-shadow-colored:0px 0px 8px var(--tw-shadow-color)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-shadow:0 1px 3px rgba(0,0,0,.3);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#40cba6;box-sizing:border-box;display:block;height:54px;margin:3px;position:absolute;width:54px}.lds-ring.static div{-webkit-animation:none;animation:none;border-color:#40cba6}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flippy-wrapper-container{perspective:2600px}.flippy-card{height:100%;max-height:1000px;max-width:400px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 1s;width:100%}.flippy-card.is-flipped{transform:rotateY(180deg)}.card-face{height:100%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.card-face--front{position:absolute;transform:rotateY(180deg) scaleX(-1) translateZ(-1px)}.card-face--back{position:relative;transform:scaleX(-1) translateZ(-1px)}.mini-vc-thumbnail-container{max-width:250px}.mini-vc-thumbnail-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:65%;left:0;position:absolute;top:0;width:100%;z-index:1}.vc-thumbnail-container{max-width:250px}.vc-thumbnail-container:after{content:"";display:block;left:0;padding-bottom:100%;top:0}.vc-thumbnail-container:before{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:60%;left:0;position:absolute;top:0;width:100%;z-index:0}.vc-thumbnail-alt-container:after{padding-bottom:80%}.vc-thumbnail-alt-container:before{height:80%}.vc-thumbnail-listview-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:55%;left:0;position:absolute;top:0;width:100%;z-index:1}.qr-code-upper-right-pink-square{background-color:#fb7185;height:25%;mix-blend-mode:color;position:absolute;right:0;top:0;width:25%;z-index:6}.qr-code-upper-left-yellow{background-color:#fde047;height:25%;left:0;mix-blend-mode:overlay;position:absolute;top:0;width:25%;z-index:6}.qr-code-bottom-left-purple-square{background-color:#4f46e5;bottom:0;height:25%;left:0;mix-blend-mode:color;position:absolute;width:25%;z-index:6}.qr-code-green-blob{border-radius:0 0 161px 100px;height:35%;left:25%}.qr-code-green-blob,.qr-code-green-blob-2{background-color:#00ba88;mix-blend-mode:color;position:absolute;top:0;width:100%;z-index:4}.qr-code-green-blob-2{border-radius:0 0 161px 150px;height:60%;left:45%}.qr-code-blue-blob{background-color:#7dd3fc;border-radius:0 0 161px 0;height:50%;left:0;mix-blend-mode:color;position:absolute;top:25%;width:55%;z-index:4}.qr-code-orange-blob{background-color:#ff4000;border-radius:100px 0 0 100px;bottom:0;height:60%;mix-blend-mode:color;position:absolute;right:0;width:100%;z-index:3}.qr-code-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.barcode-container{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translate(80px,-50%)}.barcode-wrap{transform:rotate(270deg)}.barcode-wrap,.barcode-wrap>svg{border-radius:16px;margin:0;padding:0}.barcode-wrap>svg{height:30px}@media (max-width:414px){.credit-card-back-face,.credit-card-front-face{max-height:210px;min-height:210px}.credit-card-qr-code-container{margin:0 0 0 35px;padding:0}.credit-card-master-card-logo{bottom:-10px}}@media (max-width:375px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-qr-code-container{margin:0;padding:0}}@media (max-width:320px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-front-face-title{font-size:9px}.credit-card-bubble{width:58%}.credit-card-master-card-logo{bottom:-15px}.credit-card-qr-code-container{padding-left:15px;padding-right:15px}}@media (max-width:200px){.vc-thumbnail-alt-container:before,.vc-thumbnail-container:before{height:68%}}.achievement-placeholder-trophy{height:100%;max-width:85px;width:100%}@media (min-width:640px){.sm\:ml-0{margin-left:0}}@media (min-width:768px){.md\:ml-0{margin-left:0}}@media (min-width:1024px){.lg\:ml-0{margin-left:0}}@media (max-width:240px){.xxsm\:bottom-3{bottom:.75rem}.xxsm\:mt-1{margin-top:.25rem}.xxsm\:h-\[60px\]{height:60px}.xxsm\:w-\[60px\]{width:60px}.xxsm\:py-1{padding-bottom:.25rem;padding-top:.25rem}}@media (max-width:200px){.xxxsm\:bottom-3{bottom:.75rem}.xxxsm\:mt-0{margin-top:0}}
package/dist/main.js CHANGED
@@ -1,3 +1,3 @@
1
- var css = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-\\[-15px\\]{right:-15px}.top-\\[-15px\\]{top:-15px}.top-\\[-40px\\]{top:-40px}.left-0{left:0}.top-2{top:.5rem}.right-4{right:1rem}.bottom-\\[-8px\\]{bottom:-8px}.bottom-1{bottom:.25rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-\\[15px\\]{right:15px}.bottom-\\[10px\\]{bottom:10px}.right-\\[0px\\]{right:0}.top-\\[0px\\]{top:0}.bottom-3{bottom:.75rem}.top-0{top:0}.left-1{left:.25rem}.top-1{top:.25rem}.bottom-5{bottom:1.25rem}.z-10{z-index:10}.m-0,.m-\\[0px\\]{margin:0}.mx-\\[3px\\]{margin-left:3px;margin-right:3px}.my-0{margin-bottom:0;margin-top:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-\\[5px\\]{margin-bottom:5px;margin-top:5px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3\\.5{margin-bottom:.875rem;margin-top:.875rem}.mr-\\[10px\\]{margin-right:10px}.mt-\\[5px\\]{margin-top:5px}.mr-\\[5px\\]{margin-right:5px}.mr-\\[0px\\]{margin-right:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.ml-4{margin-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.-mt-3{margin-top:-.75rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mt-7{margin-top:1.75rem}.mr-\\[8px\\]{margin-right:8px}.mt-\\[8px\\]{margin-top:8px}.mt-\\[10px\\]{margin-top:10px}.ml-\\[15px\\]{margin-left:15px}.mt-8{margin-top:2rem}.mt-\\[20px\\]{margin-top:20px}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.mr-3{margin-right:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.h-\\[30px\\]{height:30px}.h-\\[130px\\]{height:130px}.h-\\[111px\\]{height:111px}.h-8{height:2rem}.h-\\[33px\\]{height:33px}.h-0{height:0}.h-\\[140\\%\\]{height:140%}.h-auto{height:auto}.h-10{height:2.5rem}.h-5\\/6{height:83.333333%}.h-4\\/5{height:80%}.h-12{height:3rem}.h-\\[24px\\]{height:24px}.h-\\[170px\\]{height:170px}.h-\\[200px\\]{height:200px}.h-\\[100px\\]{height:100px}.h-\\[215px\\]{height:215px}.h-\\[76px\\]{height:76px}.h-\\[119px\\]{height:119px}.h-\\[20px\\]{height:20px}.h-\\[129px\\]{height:129px}.h-\\[10px\\]{height:10px}.h-\\[199px\\]{height:199px}.h-\\[209px\\]{height:209px}.h-\\[110px\\]{height:110px}.h-\\[100\\%\\]{height:100%}.h-\\[55\\%\\]{height:55%}.h-\\[77\\%\\]{height:77%}.h-16{height:4rem}.h-4\\/6{height:66.666667%}.max-h-\\[48px\\]{max-height:48px}.max-h-\\[80px\\]{max-height:80px}.max-h-12{max-height:3rem}.max-h-\\[40px\\]{max-height:40px}.max-h-\\[1100px\\]{max-height:1100px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[600px\\]{max-height:600px}.max-h-\\[100px\\]{max-height:100px}.min-h-\\[220px\\]{min-height:220px}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[48px\\]{min-height:48px}.min-h-\\[600px\\]{min-height:600px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[200px\\]{min-height:200px}.w-full{width:100%}.w-\\[100px\\]{width:100px}.w-\\[55px\\]{width:55px}.w-1\\/2{width:50%}.w-\\[55\\%\\]{width:55%}.w-\\[42px\\]{width:42px}.w-3\\/4{width:75%}.w-1\\/4{width:25%}.w-10{width:2.5rem}.w-10\\/12{width:83.333333%}.w-8{width:2rem}.w-11\\/12{width:91.666667%}.w-12{width:3rem}.w-\\[170px\\]{width:170px}.w-\\[320px\\]{width:320px}.w-\\[80px\\]{width:80px}.w-\\[160px\\]{width:160px}.w-\\[140px\\]{width:140px}.w-\\[10px\\]{width:10px}.w-\\[110\\%\\]{width:110%}.w-\\[100\\%\\]{width:100%}.w-16{width:4rem}.w-4\\/6{width:66.666667%}.w-\\[30px\\]{width:30px}.min-w-\\[25px\\]{min-width:25px}.min-w-\\[48px\\]{min-width:48px}.min-w-\\[110px\\]{min-width:110px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[30px\\]{min-width:30px}.max-w-\\[80px\\]{max-width:80px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[375px\\]{max-width:375px}.max-w-sm{max-width:24rem}.max-w-\\[48px\\]{max-width:48px}.max-w-\\[90\\%\\]{max-width:90%}.max-w-\\[40px\\]{max-width:40px}.max-w-\\[130px\\]{max-width:130px}.max-w-\\[27px\\]{max-width:27px}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[344px\\]{max-width:344px}.max-w-\\[100px\\]{max-width:100px}.flex-1{flex:1 1 0%}.translate-x-\\[10px\\]{--tw-translate-x:10px}.scale-x-\\[-1\\],.translate-x-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\\[-1\\]{--tw-scale-x:-1}.cursor-alias{cursor:alias}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-\\[30px\\]{border-radius:30px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[60px\\]{border-radius:60px}.rounded-3xl{border-radius:1.5rem}.rounded-\\[24px\\]{border-radius:24px}.rounded-\\[40px\\]{border-radius:40px}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[22px\\]{border-radius:22px}.rounded-tr-\\[150px\\]{border-top-right-radius:150px}.rounded-br-\\[150px\\]{border-bottom-right-radius:150px}.rounded-bl-\\[50\\%\\]{border-bottom-left-radius:50%}.rounded-br-\\[50\\%\\]{border-bottom-right-radius:50%}.border{border-width:1px}.border-2,.border-\\[2px\\]{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity))}.border-cyan-600{--tw-border-opacity:1;border-color:rgb(89 212 244/var(--tw-border-opacity))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(231 249 253/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity))}.border-spice-400{--tw-border-opacity:1;border-color:rgb(255 112 64/var(--tw-border-opacity))}.border-spice-50{--tw-border-opacity:1;border-color:rgb(255 237 231/var(--tw-border-opacity))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 234 185/var(--tw-border-opacity))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(214 250 240/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.bg-grayscale-50{--tw-bg-opacity:1;background-color:rgb(251 251 252/var(--tw-bg-opacity))}.bg-grayscale-900{--tw-bg-opacity:1;background-color:rgb(24 34 78/var(--tw-bg-opacity))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity))}.bg-spice-500{--tw-bg-opacity:1;background-color:rgb(255 88 32/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-grayscale-500{--tw-bg-opacity:1;background-color:rgb(139 145 167/var(--tw-bg-opacity))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(89 212 244/var(--tw-bg-opacity))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(231 249 253/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-spice-400{--tw-bg-opacity:1;background-color:rgb(255 112 64/var(--tw-bg-opacity))}.bg-spice-50{--tw-bg-opacity:1;background-color:rgb(255 237 231/var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 234 185/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(214 250 240/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(65 206 242/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-grayscale-100{--tw-bg-opacity:1;background-color:rgb(239 240 245/var(--tw-bg-opacity))}.bg-grayscale-200{--tw-bg-opacity:1;background-color:rgb(226 227 233/var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\\[\\#F4F5F5\\]{--tw-gradient-from:#f4f5f5;--tw-gradient-to:hsla(180,5%,96%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\\[\\#E3E5E8\\]{--tw-gradient-to:#e3e5e8}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-\\[0px\\]{padding:0}.p-\\[2px\\]{padding:2px}.p-1{padding:.25rem}.p-0{padding:0}.p-\\[15px\\]{padding:15px}.p-7{padding:1.75rem}.p-2{padding:.5rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[0px\\]{padding-bottom:0;padding-top:0}.px-\\[0px\\]{padding-left:0;padding-right:0}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-0{padding-left:0;padding-right:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pr-\\[5px\\]{padding-right:5px}.pt-4{padding-top:1rem}.pt-2{padding-top:.5rem}.pb-\\[50\\%\\]{padding-bottom:50%}.pt-9{padding-top:2.25rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pt-\\[5px\\]{padding-top:5px}.pb-25pct{padding-bottom:25%}.pt-25pct{padding-top:25%}.pb-0{padding-bottom:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\\[12px\\]{font-size:12px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\\[6px\\]{font-size:6px}.text-\\[10px\\]{font-size:10px}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[20px\\]{font-size:20px}.text-\\[17px\\]{font-size:17px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-light{font-weight:300}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-snug{line-height:1.375}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.tracking-\\[7px\\]{letter-spacing:7px}.tracking-\\[9px\\]{letter-spacing:9px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity))}.text-grayscale-500{--tw-text-opacity:1;color:rgb(139 145 167/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity))}.text-cyan-600{--tw-text-opacity:1;color:rgb(89 212 244/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.text-spice-400{--tw-text-opacity:1;color:rgb(255 112 64/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 234 185/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-\\[\\#006937\\]{--tw-text-opacity:1;color:rgb(0 105 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow-\\[0_0_8px_0px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.2\\)\\]{--tw-shadow:0 0 8px 0px rgba(0,0,0,.2);--tw-shadow-colored:0 0 8px 0px var(--tw-shadow-color)}.shadow-3xl,.shadow-\\[0_0_8px_0px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.2\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0px 0px 8px rgba(0,0,0,.25);--tw-shadow-colored:0px 0px 8px var(--tw-shadow-color)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\\[0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.3\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.3\\)\\]{--tw-shadow:0 1px 3px rgba(0,0,0,.3);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#40cba6;box-sizing:border-box;display:block;height:54px;margin:3px;position:absolute;width:54px}.lds-ring.static div{-webkit-animation:none;animation:none;border-color:#40cba6}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flippy-wrapper-container{perspective:2600px}.flippy-card{height:100%;max-height:1000px;max-width:400px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 1s;width:100%}.flippy-card.is-flipped{transform:rotateY(180deg)}.card-face{height:100%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.card-face--front{position:absolute;transform:rotateY(180deg) scaleX(-1) translateZ(-1px)}.card-face--back{position:relative;transform:scaleX(-1) translateZ(-1px)}.mini-vc-thumbnail-container{max-width:250px}.mini-vc-thumbnail-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:\"\";height:65%;left:0;position:absolute;top:0;width:100%;z-index:1}.vc-thumbnail-container{max-width:250px}.vc-thumbnail-container:after{content:\"\";display:block;left:0;padding-bottom:100%;top:0}.vc-thumbnail-container:before{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:\"\";height:60%;left:0;position:absolute;top:0;width:100%;z-index:0}.vc-thumbnail-alt-container:after{padding-bottom:80%}.vc-thumbnail-alt-container:before{height:80%}.vc-thumbnail-listview-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:\"\";height:55%;left:0;position:absolute;top:0;width:100%;z-index:1}.qr-code-upper-right-pink-square{background-color:#fb7185;height:25%;mix-blend-mode:color;position:absolute;right:0;top:0;width:25%;z-index:6}.qr-code-upper-left-yellow{background-color:#fde047;height:25%;left:0;mix-blend-mode:overlay;position:absolute;top:0;width:25%;z-index:6}.qr-code-bottom-left-purple-square{background-color:#4f46e5;bottom:0;height:25%;left:0;mix-blend-mode:color;position:absolute;width:25%;z-index:6}.qr-code-green-blob{border-radius:0 0 161px 100px;height:35%;left:25%}.qr-code-green-blob,.qr-code-green-blob-2{background-color:#00ba88;mix-blend-mode:color;position:absolute;top:0;width:100%;z-index:4}.qr-code-green-blob-2{border-radius:0 0 161px 150px;height:60%;left:45%}.qr-code-blue-blob{background-color:#7dd3fc;border-radius:0 0 161px 0;height:50%;left:0;mix-blend-mode:color;position:absolute;top:25%;width:55%;z-index:4}.qr-code-orange-blob{background-color:#ff4000;border-radius:100px 0 0 100px;bottom:0;height:60%;mix-blend-mode:color;position:absolute;right:0;width:100%;z-index:3}.qr-code-container:before{bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}.barcode-container{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translate(80px,-50%)}.barcode-wrap{transform:rotate(270deg)}.barcode-wrap,.barcode-wrap>svg{border-radius:16px;margin:0;padding:0}.barcode-wrap>svg{height:30px}@media (max-width:414px){.credit-card-back-face,.credit-card-front-face{max-height:210px;min-height:210px}.credit-card-qr-code-container{margin:0 0 0 35px;padding:0}.credit-card-master-card-logo{bottom:-10px}}@media (max-width:375px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-qr-code-container{margin:0;padding:0}}@media (max-width:320px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-front-face-title{font-size:9px}.credit-card-bubble{width:58%}.credit-card-master-card-logo{bottom:-15px}.credit-card-qr-code-container{padding-left:15px;padding-right:15px}}@media (max-width:200px){.vc-thumbnail-alt-container:before,.vc-thumbnail-container:before{height:68%}}.achievement-placeholder-trophy{height:100%;max-width:85px;width:100%}@media (min-width:640px){.sm\\:ml-0{margin-left:0}}@media (min-width:768px){.md\\:ml-0{margin-left:0}}@media (min-width:1024px){.lg\\:ml-0{margin-left:0}}@media (max-width:240px){.xxsm\\:bottom-3{bottom:.75rem}.xxsm\\:mt-1{margin-top:.25rem}.xxsm\\:h-\\[60px\\]{height:60px}.xxsm\\:w-\\[60px\\]{width:60px}.xxsm\\:py-1{padding-bottom:.25rem;padding-top:.25rem}}@media (max-width:200px){.xxxsm\\:bottom-3{bottom:.75rem}.xxxsm\\:mt-0{margin-top:0}}";
1
+ var css = ".static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-\\[15px\\]{bottom:15px}.right-\\[9px\\]{right:9px}.bottom-\\[10px\\]{bottom:10px}.left-\\[5px\\]{left:5px}.right-\\[-15px\\]{right:-15px}.top-\\[-15px\\]{top:-15px}.top-\\[-40px\\]{top:-40px}.left-0{left:0}.top-2{top:.5rem}.right-4{right:1rem}.bottom-\\[-8px\\]{bottom:-8px}.bottom-1{bottom:.25rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-\\[15px\\]{right:15px}.right-\\[0px\\]{right:0}.top-\\[0px\\]{top:0}.bottom-3{bottom:.75rem}.top-0{top:0}.left-1{left:.25rem}.top-1{top:.25rem}.bottom-5{bottom:1.25rem}.z-10{z-index:10}.m-0,.m-\\[0px\\]{margin:0}.mx-\\[3px\\]{margin-left:3px;margin-right:3px}.my-0{margin-bottom:0;margin-top:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-\\[5px\\]{margin-bottom:5px;margin-top:5px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3\\.5{margin-bottom:.875rem;margin-top:.875rem}.mr-\\[4px\\]{margin-right:4px}.mt-\\[10px\\]{margin-top:10px}.mr-\\[10px\\]{margin-right:10px}.mt-\\[5px\\]{margin-top:5px}.mr-\\[5px\\]{margin-right:5px}.mr-\\[0px\\]{margin-right:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.ml-4{margin-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.-mt-3{margin-top:-.75rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mt-7{margin-top:1.75rem}.mr-\\[8px\\]{margin-right:8px}.mt-\\[8px\\]{margin-top:8px}.ml-\\[15px\\]{margin-left:15px}.mt-8{margin-top:2rem}.mt-\\[20px\\]{margin-top:20px}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.mr-3{margin-right:.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-\\[265px\\]{height:265px}.h-\\[130px\\]{height:130px}.h-full{height:100%}.h-\\[30px\\]{height:30px}.h-\\[111px\\]{height:111px}.h-\\[260px\\]{height:260px}.h-8{height:2rem}.h-\\[33px\\]{height:33px}.h-0{height:0}.h-\\[140\\%\\]{height:140%}.h-auto{height:auto}.h-10{height:2.5rem}.h-5\\/6{height:83.333333%}.h-4\\/5{height:80%}.h-12{height:3rem}.h-\\[24px\\]{height:24px}.h-\\[40px\\]{height:40px}.h-\\[46px\\]{height:46px}.h-\\[170px\\]{height:170px}.h-\\[200px\\]{height:200px}.h-\\[100px\\]{height:100px}.h-\\[215px\\]{height:215px}.h-\\[76px\\]{height:76px}.h-\\[119px\\]{height:119px}.h-\\[20px\\]{height:20px}.h-\\[129px\\]{height:129px}.h-\\[10px\\]{height:10px}.h-\\[199px\\]{height:199px}.h-\\[209px\\]{height:209px}.h-\\[110px\\]{height:110px}.h-\\[100\\%\\]{height:100%}.h-\\[55\\%\\]{height:55%}.h-\\[77\\%\\]{height:77%}.h-16{height:4rem}.h-4\\/6{height:66.666667%}.max-h-\\[48px\\]{max-height:48px}.max-h-\\[80px\\]{max-height:80px}.max-h-12{max-height:3rem}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[40px\\]{max-height:40px}.max-h-\\[1100px\\]{max-height:1100px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[600px\\]{max-height:600px}.max-h-\\[100px\\]{max-height:100px}.min-h-\\[220px\\]{min-height:220px}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[48px\\]{min-height:48px}.min-h-\\[600px\\]{min-height:600px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[200px\\]{min-height:200px}.w-\\[190px\\]{width:190px}.w-full{width:100%}.w-\\[100px\\]{width:100px}.w-\\[80px\\]{width:80px}.w-\\[55px\\]{width:55px}.w-1\\/2{width:50%}.w-\\[55\\%\\]{width:55%}.w-\\[42px\\]{width:42px}.w-3\\/4{width:75%}.w-1\\/4{width:25%}.w-10{width:2.5rem}.w-10\\/12{width:83.333333%}.w-8{width:2rem}.w-11\\/12{width:91.666667%}.w-12{width:3rem}.w-\\[40px\\]{width:40px}.w-\\[180px\\]{width:180px}.w-\\[170px\\]{width:170px}.w-\\[320px\\]{width:320px}.w-\\[160px\\]{width:160px}.w-\\[140px\\]{width:140px}.w-\\[10px\\]{width:10px}.w-\\[110\\%\\]{width:110%}.w-\\[100\\%\\]{width:100%}.w-16{width:4rem}.w-4\\/6{width:66.666667%}.w-\\[30px\\]{width:30px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[25px\\]{min-width:25px}.min-w-\\[48px\\]{min-width:48px}.min-w-\\[110px\\]{min-width:110px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[30px\\]{min-width:30px}.max-w-\\[80px\\]{max-width:80px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[100px\\]{max-width:100px}.max-w-\\[375px\\]{max-width:375px}.max-w-sm{max-width:24rem}.max-w-\\[48px\\]{max-width:48px}.max-w-\\[90\\%\\]{max-width:90%}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[40px\\]{max-width:40px}.max-w-\\[130px\\]{max-width:130px}.max-w-\\[27px\\]{max-width:27px}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[344px\\]{max-width:344px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.translate-x-\\[10px\\]{--tw-translate-x:10px}.scale-x-\\[-1\\],.translate-x-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\\[-1\\]{--tw-scale-x:-1}.cursor-alias{cursor:alias}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.break-all{word-break:break-all}.rounded-\\[20px\\]{border-radius:20px}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-\\[30px\\]{border-radius:30px}.rounded-\\[15px\\]{border-radius:15px}.rounded-\\[40px\\]{border-radius:40px}.rounded-\\[60px\\]{border-radius:60px}.rounded-3xl{border-radius:1.5rem}.rounded-\\[24px\\]{border-radius:24px}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[22px\\]{border-radius:22px}.rounded-tr-\\[150px\\]{border-top-right-radius:150px}.rounded-br-\\[150px\\]{border-bottom-right-radius:150px}.rounded-bl-\\[50\\%\\]{border-bottom-left-radius:50%}.rounded-br-\\[50\\%\\]{border-bottom-right-radius:50%}.border{border-width:1px}.border-2,.border-\\[2px\\]{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity))}.border-cyan-600{--tw-border-opacity:1;border-color:rgb(89 212 244/var(--tw-border-opacity))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(231 249 253/var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity))}.border-spice-400{--tw-border-opacity:1;border-color:rgb(255 112 64/var(--tw-border-opacity))}.border-spice-50{--tw-border-opacity:1;border-color:rgb(255 237 231/var(--tw-border-opacity))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity))}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 234 185/var(--tw-border-opacity))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(214 250 240/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.bg-grayscale-50{--tw-bg-opacity:1;background-color:rgb(251 251 252/var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-grayscale-900{--tw-bg-opacity:1;background-color:rgb(24 34 78/var(--tw-bg-opacity))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity))}.bg-spice-500{--tw-bg-opacity:1;background-color:rgb(255 88 32/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(214 250 240/var(--tw-bg-opacity))}.bg-spice-50{--tw-bg-opacity:1;background-color:rgb(255 237 231/var(--tw-bg-opacity))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(65 206 242/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-grayscale-500{--tw-bg-opacity:1;background-color:rgb(139 145 167/var(--tw-bg-opacity))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(89 212 244/var(--tw-bg-opacity))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(231 249 253/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-spice-400{--tw-bg-opacity:1;background-color:rgb(255 112 64/var(--tw-bg-opacity))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 234 185/var(--tw-bg-opacity))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-grayscale-100{--tw-bg-opacity:1;background-color:rgb(239 240 245/var(--tw-bg-opacity))}.bg-grayscale-200{--tw-bg-opacity:1;background-color:rgb(226 227 233/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\\[\\#F4F5F5\\]{--tw-gradient-from:#f4f5f5;--tw-gradient-to:hsla(180,5%,96%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\\[\\#E3E5E8\\]{--tw-gradient-to:#e3e5e8}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\\[15px\\]{padding:15px}.p-4{padding:1rem}.p-\\[0px\\]{padding:0}.p-\\[2px\\]{padding:2px}.p-1{padding:.25rem}.p-0{padding:0}.p-7{padding:1.75rem}.p-2{padding:.5rem}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.py-\\[2px\\]{padding-bottom:2px;padding-top:2px}.py-\\[0px\\]{padding-bottom:0;padding-top:0}.px-\\[0px\\]{padding-left:0;padding-right:0}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-0{padding-left:0;padding-right:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pr-\\[5px\\]{padding-right:5px}.pt-4{padding-top:1rem}.pt-2{padding-top:.5rem}.pb-\\[50\\%\\]{padding-bottom:50%}.pt-9{padding-top:2.25rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pt-\\[5px\\]{padding-top:5px}.pb-25pct{padding-bottom:25%}.pt-25pct{padding-top:25%}.pb-0{padding-bottom:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\\[14px\\]{font-size:14px}.text-\\[12px\\]{font-size:12px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\\[17px\\]{font-size:17px}.text-\\[6px\\]{font-size:6px}.text-\\[10px\\]{font-size:10px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\\[13px\\]{font-size:13px}.text-\\[20px\\]{font-size:20px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-snug{line-height:1.375}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-wide{letter-spacing:.025em}.tracking-\\[7px\\]{letter-spacing:7px}.tracking-\\[9px\\]{letter-spacing:9px}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity))}.text-grayscale-500{--tw-text-opacity:1;color:rgb(139 145 167/var(--tw-text-opacity))}.text-spice-500{--tw-text-opacity:1;color:rgb(255 88 32/var(--tw-text-opacity))}.text-grayscale-50{--tw-text-opacity:1;color:rgb(251 251 252/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity))}.text-cyan-600{--tw-text-opacity:1;color:rgb(89 212 244/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.text-spice-400{--tw-text-opacity:1;color:rgb(255 112 64/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 234 185/var(--tw-text-opacity))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-\\[\\#006937\\]{--tw-text-opacity:1;color:rgb(0 105 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow-\\[0_0_8px_0px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.2\\)\\]{--tw-shadow:0 0 8px 0px rgba(0,0,0,.2);--tw-shadow-colored:0 0 8px 0px var(--tw-shadow-color)}.shadow-3xl,.shadow-\\[0_0_8px_0px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.2\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0px 0px 8px rgba(0,0,0,.25);--tw-shadow-colored:0px 0px 8px var(--tw-shadow-color)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\\[0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.3\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.3\\)\\]{--tw-shadow:0 1px 3px rgba(0,0,0,.3);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#40cba6;box-sizing:border-box;display:block;height:54px;margin:3px;position:absolute;width:54px}.lds-ring.static div{-webkit-animation:none;animation:none;border-color:#40cba6}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flippy-wrapper-container{perspective:2600px}.flippy-card{height:100%;max-height:1000px;max-width:400px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 1s;width:100%}.flippy-card.is-flipped{transform:rotateY(180deg)}.card-face{height:100%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%}.card-face--front{position:absolute;transform:rotateY(180deg) scaleX(-1) translateZ(-1px)}.card-face--back{position:relative;transform:scaleX(-1) translateZ(-1px)}.mini-vc-thumbnail-container{max-width:250px}.mini-vc-thumbnail-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:\"\";height:65%;left:0;position:absolute;top:0;width:100%;z-index:1}.vc-thumbnail-container{max-width:250px}.vc-thumbnail-container:after{content:\"\";display:block;left:0;padding-bottom:100%;top:0}.vc-thumbnail-container:before{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:\"\";height:60%;left:0;position:absolute;top:0;width:100%;z-index:0}.vc-thumbnail-alt-container:after{padding-bottom:80%}.vc-thumbnail-alt-container:before{height:80%}.vc-thumbnail-listview-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:\"\";height:55%;left:0;position:absolute;top:0;width:100%;z-index:1}.qr-code-upper-right-pink-square{background-color:#fb7185;height:25%;mix-blend-mode:color;position:absolute;right:0;top:0;width:25%;z-index:6}.qr-code-upper-left-yellow{background-color:#fde047;height:25%;left:0;mix-blend-mode:overlay;position:absolute;top:0;width:25%;z-index:6}.qr-code-bottom-left-purple-square{background-color:#4f46e5;bottom:0;height:25%;left:0;mix-blend-mode:color;position:absolute;width:25%;z-index:6}.qr-code-green-blob{border-radius:0 0 161px 100px;height:35%;left:25%}.qr-code-green-blob,.qr-code-green-blob-2{background-color:#00ba88;mix-blend-mode:color;position:absolute;top:0;width:100%;z-index:4}.qr-code-green-blob-2{border-radius:0 0 161px 150px;height:60%;left:45%}.qr-code-blue-blob{background-color:#7dd3fc;border-radius:0 0 161px 0;height:50%;left:0;mix-blend-mode:color;position:absolute;top:25%;width:55%;z-index:4}.qr-code-orange-blob{background-color:#ff4000;border-radius:100px 0 0 100px;bottom:0;height:60%;mix-blend-mode:color;position:absolute;right:0;width:100%;z-index:3}.qr-code-container:before{bottom:0;content:\"\";left:0;position:absolute;right:0;top:0}.barcode-container{margin:0;padding:0;position:absolute;right:0;top:50%;transform:translate(80px,-50%)}.barcode-wrap{transform:rotate(270deg)}.barcode-wrap,.barcode-wrap>svg{border-radius:16px;margin:0;padding:0}.barcode-wrap>svg{height:30px}@media (max-width:414px){.credit-card-back-face,.credit-card-front-face{max-height:210px;min-height:210px}.credit-card-qr-code-container{margin:0 0 0 35px;padding:0}.credit-card-master-card-logo{bottom:-10px}}@media (max-width:375px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-qr-code-container{margin:0;padding:0}}@media (max-width:320px){.credit-card-back-face,.credit-card-front-face{max-height:200px;min-height:200px}.credit-card-front-face-title{font-size:9px}.credit-card-bubble{width:58%}.credit-card-master-card-logo{bottom:-15px}.credit-card-qr-code-container{padding-left:15px;padding-right:15px}}@media (max-width:200px){.vc-thumbnail-alt-container:before,.vc-thumbnail-container:before{height:68%}}.achievement-placeholder-trophy{height:100%;max-width:85px;width:100%}@media (min-width:640px){.sm\\:ml-0{margin-left:0}}@media (min-width:768px){.md\\:ml-0{margin-left:0}}@media (min-width:1024px){.lg\\:ml-0{margin-left:0}}@media (max-width:240px){.xxsm\\:bottom-3{bottom:.75rem}.xxsm\\:mt-1{margin-top:.25rem}.xxsm\\:h-\\[60px\\]{height:60px}.xxsm\\:w-\\[60px\\]{width:60px}.xxsm\\:py-1{padding-bottom:.25rem;padding-top:.25rem}}@media (max-width:200px){.xxxsm\\:bottom-3{bottom:.75rem}.xxxsm\\:mt-0{margin-top:0}}";
2
2
 
3
3
  export { css, css as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@learncard/react",
3
- "version": "2.3.32",
3
+ "version": "2.3.34",
4
4
  "description": "",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkmark-66ed153f.js","sources":["../../src/components/svgs/Coins.tsx","../../src/components/svgs/User.tsx","../../src/components/svgs/Briefcase.tsx","../../src/components/svgs/Lightbulb.tsx","../../src/components/svgs/Graduation.tsx","../../src/components/svgs/Checkmark.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Coins: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"currency-icon\">\n <path\n d=\"M5.74324 21.5007C5.74324 21.0133 5.7219 20.5247 5.75357 20.0393C5.76624 19.8405 5.69757 19.7748 5.5449 19.691C4.93921 19.3584 4.38253 18.9628 3.96552 18.4038C3.66551 18.0003 3.49884 17.5566 3.50651 17.0456C3.51951 16.3066 3.53684 15.5668 3.50384 14.8281C3.44817 13.5639 4.00019 12.6165 4.98621 11.8722C5.86691 11.2064 6.8716 10.7934 7.92363 10.4785C8.09863 10.426 8.27497 10.3763 8.45331 10.3379C8.57498 10.3116 8.62331 10.2617 8.61998 10.1305C8.60965 9.75296 8.63365 9.37472 8.61331 8.99714C8.54665 7.7461 9.10833 6.80822 10.08 6.06785C11.0004 5.3656 12.0524 4.9384 13.1578 4.62424C14.4715 4.25126 15.8152 4.06887 17.1789 4.01827C19.3693 3.93546 21.5263 4.12244 23.6157 4.82141C24.6491 5.16678 25.6191 5.63079 26.4271 6.37215C26.9858 6.88446 27.3985 7.48715 27.4855 8.2548C27.5165 8.52952 27.4882 8.81082 27.4882 9.08915C27.4882 9.78451 27.4678 10.4808 27.4938 11.1752C27.5198 11.8696 27.2418 12.4272 26.7628 12.9083C26.1245 13.5482 25.3488 13.9846 24.5114 14.3076C23.8574 14.5603 23.1787 14.7519 22.5077 14.9612C22.4077 14.9941 22.3744 15.0269 22.3764 15.1255C22.38 15.7331 22.3814 16.3414 22.3764 16.9487C22.3764 17.0502 22.4227 17.0936 22.4987 17.138C23.0954 17.487 23.6401 17.8981 24.0544 18.4557C24.4687 19.0134 24.6651 19.6328 24.6211 20.3446C24.5776 21.0938 24.5776 21.8448 24.6211 22.594C24.6681 23.4527 24.2931 24.0922 23.6734 24.6314C22.8684 25.3324 21.9133 25.7665 20.912 26.1102C19.3756 26.636 17.7872 26.9038 16.1662 26.9761C13.7541 27.0832 11.3881 26.842 9.10766 26.0139C8.2223 25.6925 7.38695 25.2762 6.68159 24.6436C6.22025 24.2298 5.85157 23.7517 5.76557 23.1234C5.72657 22.8378 5.74757 22.5444 5.74457 22.2545C5.74124 22.0031 5.74324 21.7514 5.74324 21.5007ZM18.4032 11.724C18.7839 11.6964 19.4996 11.6626 20.211 11.5896C21.4303 11.4647 22.6187 11.2002 23.7537 10.7326C24.4177 10.4588 25.0468 10.1246 25.5581 9.61001C26.2311 8.93273 26.2435 8.25151 25.5914 7.55681C25.1814 7.11942 24.6731 6.81775 24.1337 6.56603C22.829 5.95711 21.439 5.66135 20.0153 5.5138C18.4017 5.34176 16.7719 5.38453 15.1698 5.64098C14.0031 5.8296 12.8698 6.12733 11.8127 6.66166C11.2554 6.94329 10.7344 7.2765 10.357 7.78455C9.97968 8.29259 9.97002 8.81279 10.3384 9.3182C10.4419 9.46061 10.5594 9.59269 10.689 9.71254C11.2801 10.2561 11.9924 10.5975 12.7408 10.8703C14.4585 11.4973 16.2485 11.7003 18.4032 11.724ZM20.4366 15.3789L20.414 15.346C20.383 15.346 20.3516 15.3437 20.321 15.346C19.8843 15.3828 19.4483 15.4344 19.0109 15.4558C17.691 15.5233 16.3676 15.4589 15.0608 15.2635C13.7458 15.0641 12.4634 14.746 11.2517 14.1886C10.538 13.86 9.87068 13.4657 9.32667 12.8909C9.0155 12.5718 8.78903 12.1819 8.66731 11.7559C7.61929 12.049 6.60993 12.398 5.76424 13.0789C5.51156 13.2823 5.29389 13.5445 5.11455 13.815C4.88121 14.166 4.88455 14.5659 5.11055 14.9201C5.27583 15.1847 5.47943 15.4241 5.7149 15.6306C6.42425 16.2356 7.27794 16.5787 8.1613 16.8531C9.56401 17.2885 11.007 17.4751 12.4728 17.5103C14.0675 17.5478 15.6448 17.4173 17.1899 17.0088C18.1592 16.7525 19.0923 16.4084 19.9113 15.8182C20.0966 15.6842 20.2626 15.5258 20.4373 15.3789H20.4366ZM7.29461 20.4586C7.40895 20.7787 7.60295 21.0173 7.83063 21.2269C8.43064 21.7803 9.15066 22.1267 9.91002 22.4034C11.2434 22.8891 12.6291 23.1181 14.0435 23.199C15.7262 23.2949 17.3949 23.2013 19.0409 22.8266C20.018 22.6042 20.963 22.2936 21.8283 21.7813C22.2697 21.5201 22.6754 21.2158 22.9617 20.784C23.2617 20.3305 23.2767 19.8721 22.966 19.4166C22.688 19.0091 22.3034 18.7189 21.885 18.461C21.7667 18.5839 21.6613 18.7038 21.545 18.8123C20.9983 19.3229 20.3593 19.6946 19.6783 19.9976C17.9616 20.76 16.1449 21.1149 14.2781 21.2407C12.3391 21.3722 10.4177 21.2361 8.52398 20.7882C8.12163 20.6929 7.72429 20.5746 7.29461 20.4586ZM4.96121 16.881C4.89655 17.1863 4.97921 17.4396 5.17855 17.6605C5.58123 18.109 6.09558 18.4012 6.63459 18.6519C7.87596 19.2293 9.193 19.5428 10.5484 19.7146C12.6548 19.9818 14.7485 19.9167 16.8192 19.4416C17.8936 19.1951 18.9309 18.8445 19.8826 18.2812C20.226 18.0778 20.552 17.8511 20.8016 17.5323C20.9523 17.3397 20.962 17.1284 20.9296 16.8869C20.8823 16.9198 20.8503 16.9388 20.82 16.9608C20.3244 17.3134 19.7888 17.6076 19.2239 17.8376C17.7926 18.4314 16.2905 18.7298 14.7505 18.8563C12.7354 19.0223 10.7344 18.9394 8.75832 18.4883C7.41828 18.182 6.14158 17.7245 5.02255 16.9076C5.00326 16.8968 4.98294 16.8879 4.96188 16.881H4.96121ZM7.19161 22.6084C7.12494 22.9259 7.21994 23.1934 7.44361 23.408C7.62294 23.5866 7.81755 23.7497 8.0253 23.8953C8.84165 24.4444 9.75534 24.7826 10.7034 25.0271C13.489 25.7413 16.2851 25.7817 19.0916 25.1483C20.172 24.9055 21.2117 24.5443 22.1637 23.9699C22.491 23.7727 22.8014 23.5526 23.0384 23.247C23.187 23.0544 23.198 22.8444 23.1614 22.6127C21.9353 23.3685 21.5397 23.5657 20.6783 23.8496C18.8153 24.4618 16.8945 24.6712 14.9398 24.6501C13.7685 24.6438 12.6005 24.5287 11.4511 24.3064C10.3204 24.083 9.224 23.7553 8.2043 23.2147C7.85963 23.032 7.53395 22.8151 7.19227 22.6084H7.19161ZM26.0291 11.094C25.9941 11.1164 25.9661 11.1315 25.9408 11.1499C25.3891 11.5538 24.7841 11.8624 24.1487 12.1118C22.4047 12.796 20.5786 13.0648 18.7153 13.1242C17.3384 13.1742 15.9601 13.0782 14.6041 12.8377C13.3871 12.6175 12.2064 12.2827 11.1087 11.7079C10.7534 11.5212 10.4184 11.2975 10.0707 11.0888C9.99768 11.4121 10.115 11.6777 10.3404 11.9136C10.6574 12.2445 11.038 12.4894 11.4427 12.6974C12.8714 13.4308 14.4128 13.7782 15.9992 13.953C17.3296 14.1019 18.6727 14.1045 20.0036 13.9606C21.2887 13.8212 22.5427 13.5534 23.7457 13.0789C24.4491 12.8012 25.1258 12.4755 25.6948 11.9682C25.9508 11.7408 26.1228 11.4779 26.0291 11.094Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport default Coins;\n","import React from 'react';\n\nexport const User: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg viewBox=\"0 0 31 31\" fill=\"none\" className={className} data-testid=\"id-icon\">\n <path\n d=\"M15.5 19.25C19.6421 19.25 23 15.8921 23 11.75C23 7.60786 19.6421 4.25 15.5 4.25C11.3579 4.25 8 7.60786 8 11.75C8 15.8921 11.3579 19.25 15.5 19.25Z\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M4.13159 25.8114C5.2842 23.8164 6.94153 22.1598 8.93708 21.008C10.9326 19.8563 13.1961 19.25 15.5002 19.25C17.8043 19.25 20.0678 19.8564 22.0633 21.0082C24.0588 22.1599 25.7161 23.8166 26.8687 25.8116\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nexport default User;\n","import React from 'react';\n\nexport const Briefcase: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg viewBox=\"0 0 31 31\" fill=\"none\" className={className} data-testid=\"job-icon\">\n <path\n d=\"M25.8135 8.9375H5.18848C4.67071 8.9375 4.25098 9.35723 4.25098 9.875V24.875C4.25098 25.3928 4.67071 25.8125 5.18848 25.8125H25.8135C26.3312 25.8125 26.751 25.3928 26.751 24.875V9.875C26.751 9.35723 26.3312 8.9375 25.8135 8.9375Z\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M20.1875 8.9375V7.0625C20.1875 6.56522 19.99 6.08831 19.6383 5.73667C19.2867 5.38504 18.8098 5.1875 18.3125 5.1875H12.6875C12.1902 5.1875 11.7133 5.38504 11.3617 5.73667C11.01 6.08831 10.8125 6.56522 10.8125 7.0625V8.9375\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M26.7509 15.3018C23.3317 17.2799 19.4502 18.3186 15.5 18.3124C11.5504 18.3186 7.66951 17.2803 4.25073 15.3027\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M14.0938 14.5625H16.9062\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n};\n\nexport default Briefcase;\n","import React from 'react';\n\nexport const Lightbulb: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"skill-icon\">\n <path\n d=\"M21.8624 3.52515C20.7128 2.57963 19.3666 1.90268 17.922 1.5437C16.4774 1.18472 14.9709 1.15276 13.5124 1.45015C11.5704 1.84242 9.78866 2.80274 8.39328 4.20925C6.9979 5.61576 6.05177 7.40506 5.67493 9.35015C5.39974 10.8085 5.44974 12.3097 5.82138 13.7466C6.19302 15.1834 6.87713 16.5206 7.82493 17.6626C8.70453 18.6552 9.20872 19.9245 9.24993 21.2501V25.0001C9.24993 25.9947 9.64502 26.9485 10.3483 27.6518C11.0515 28.3551 12.0054 28.7501 12.9999 28.7501H17.9999C18.9945 28.7501 19.9483 28.3551 20.6516 27.6518C21.3548 26.9485 21.7499 25.9947 21.7499 25.0001V21.4876C21.7919 20.0241 22.3296 18.6182 23.2749 17.5001C24.9313 15.4511 25.7121 12.8312 25.4476 10.2097C25.1832 7.58819 23.8947 5.17701 21.8624 3.50015V3.52515ZM19.2499 25.0001C19.2499 25.3317 19.1182 25.6496 18.8838 25.884C18.6494 26.1185 18.3314 26.2501 17.9999 26.2501H12.9999C12.6684 26.2501 12.3505 26.1185 12.116 25.884C11.8816 25.6496 11.7499 25.3317 11.7499 25.0001V23.7501H19.2499V25.0001ZM21.3374 15.9501C20.0806 17.4409 19.3473 19.3027 19.2499 21.2501H16.7499V17.5001C16.7499 17.1686 16.6182 16.8507 16.3838 16.6163C16.1494 16.3818 15.8314 16.2501 15.4999 16.2501C15.1684 16.2501 14.8505 16.3818 14.616 16.6163C14.3816 16.8507 14.2499 17.1686 14.2499 17.5001V21.2501H11.7499C11.7169 19.3353 11.0086 17.4936 9.74993 16.0501C8.91948 15.0551 8.36104 13.8619 8.12907 12.5868C7.89709 11.3117 7.99949 9.99829 8.42629 8.77456C8.85308 7.55083 9.58971 6.45858 10.5643 5.6043C11.539 4.75003 12.7183 4.1629 13.9874 3.90015C15.0781 3.67558 16.2051 3.6967 17.2866 3.96198C18.3681 4.22727 19.377 4.73005 20.24 5.43384C21.103 6.13762 21.7984 7.02474 22.2758 8.03079C22.7532 9.03685 23.0005 10.1366 22.9999 11.2501C23.0092 12.9625 22.4213 14.6245 21.3374 15.9501V15.9501Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport default Lightbulb;\n","import React from 'react';\n\nexport const Graduation: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg viewBox=\"0 0 31 31\" fill=\"none\" className={className} data-testid=\"learning-icon\">\n <path\n d=\"M27.3626 13.2376L26.1126 12.5501L14.8626 6.3001H14.7251C14.6485 6.2677 14.5689 6.24259 14.4876 6.2251H14.2501H14.0251C13.9397 6.2426 13.856 6.2677 13.7751 6.3001H13.6376L2.38759 12.5501C2.19522 12.6591 2.03521 12.8172 1.92388 13.0083C1.81256 13.1993 1.75391 13.4165 1.75391 13.6376C1.75391 13.8587 1.81256 14.0759 1.92388 14.2669C2.03521 14.458 2.19522 14.6161 2.38759 14.7251L5.50009 16.4501V22.3751C5.50009 23.3697 5.89518 24.3235 6.59844 25.0267C7.3017 25.73 8.25553 26.1251 9.25009 26.1251H19.2501C20.2447 26.1251 21.1985 25.73 21.9017 25.0267C22.605 24.3235 23.0001 23.3697 23.0001 22.3751V16.4501L25.5001 15.0501V18.6251C25.5001 18.9566 25.6318 19.2746 25.8662 19.509C26.1006 19.7434 26.4186 19.8751 26.7501 19.8751C27.0816 19.8751 27.3996 19.7434 27.634 19.509C27.8684 19.2746 28.0001 18.9566 28.0001 18.6251V14.3251C27.9997 14.1036 27.9405 13.8862 27.8285 13.6951C27.7165 13.504 27.5557 13.3461 27.3626 13.2376V13.2376ZM20.5001 22.3751C20.5001 22.7066 20.3684 23.0246 20.134 23.259C19.8996 23.4934 19.5816 23.6251 19.2501 23.6251H9.25009C8.91857 23.6251 8.60063 23.4934 8.36621 23.259C8.13179 23.0246 8.00009 22.7066 8.00009 22.3751V17.8376L13.6376 20.9626L13.8251 21.0376H13.9376C14.0413 21.0507 14.1463 21.0507 14.2501 21.0376C14.3538 21.0507 14.4588 21.0507 14.5626 21.0376H14.6751C14.7415 21.0236 14.8049 20.9982 14.8626 20.9626L20.5001 17.8376V22.3751ZM14.2501 18.4501L5.57509 13.6251L14.2501 8.8001L22.9251 13.6251L14.2501 18.4501Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport default Graduation;\n","import React from 'react';\n\nexport const Checkmark: React.FC<{ className?: string }> = ({ className = '' }) => {\n return (\n <svg\n viewBox=\"0 0 26 27\"\n fill=\"transparent\"\n className={className}\n data-testid=\"checkmark-icon\"\n >\n <g>\n <path\n d=\"M21 7.25049L10.5 17.75L5.25 12.5005\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <filter\n id=\"filter0_d_1165_663\"\n x=\"0.25\"\n y=\"6.25049\"\n filterUnits=\"userSpaceOnUse\"\n colorInterpolationFilters=\"sRGB\"\n >\n <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n <feColorMatrix\n in=\"SourceAlpha\"\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n result=\"hardAlpha\"\n />\n <feOffset dy=\"4\" />\n <feGaussianBlur stdDeviation=\"2\" />\n <feComposite in2=\"hardAlpha\" operator=\"out\" />\n <feColorMatrix\n type=\"matrix\"\n values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"\n />\n <feBlend\n mode=\"normal\"\n in2=\"BackgroundImageFix\"\n result=\"effect1_dropShadow_1165_663\"\n />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"effect1_dropShadow_1165_663\"\n result=\"shape\"\n />\n </filter>\n </defs>\n </svg>\n );\n};\n\nexport default Checkmark;\n"],"names":["React"],"mappings":";;;;;;;;AACY,MAAC,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC7C,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,eAAe;AAClC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,s6KAAs6K;AAC76K,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;ACVY,MAAC,IAAI,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC5C,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,SAAS;AAC5B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,oJAAoJ;AAC3J,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,0MAA0M;AACjN,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,CAAC,CAAC;AACN;;ACnBY,MAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AACjD,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,UAAU;AAC7B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,sOAAsO;AAC7O,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,+NAA+N;AACtO,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,+GAA+G;AACtH,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,0BAA0B;AACjC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,CAAC,CAAC;AACN;;AC/BY,MAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AACjD,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,YAAY;AAC/B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,8rDAA8rD;AACrsD,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;ACVY,MAAC,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAClD,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,eAAe;AAClC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,u6CAAu6C;AAC96C,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;ACVY,MAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AACjD,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,gBAAgB;AACnC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAChG,IAAI,CAAC,EAAE,qCAAqC;AAC5C,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvG,IAAI,EAAE,EAAE,oBAAoB;AAC5B,IAAI,CAAC,EAAE,MAAM;AACb,IAAI,CAAC,EAAE,SAAS;AAChB,IAAI,WAAW,EAAE,gBAAgB;AACjC,IAAI,yBAAyB,EAAE,MAAM;AACrC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,MAAM,EAAE,oBAAoB;AAChC,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,eAAe,EAAE;AAC3D,IAAI,EAAE,EAAE,aAAa;AACrB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,MAAM,EAAE,2CAA2C;AACvD,IAAI,MAAM,EAAE,WAAW;AACvB,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACtD,IAAI,EAAE,EAAE,GAAG;AACX,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE;AAC5D,IAAI,YAAY,EAAE,GAAG;AACrB,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACzD,IAAI,GAAG,EAAE,WAAW;AACpB,IAAI,QAAQ,EAAE,KAAK;AACnB,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,eAAe,EAAE;AAC3D,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,MAAM,EAAE,4CAA4C;AACxD,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,GAAG,EAAE,oBAAoB;AAC7B,IAAI,MAAM,EAAE,6BAA6B;AACzC,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,EAAE,EAAE,eAAe;AACvB,IAAI,GAAG,EAAE,6BAA6B;AACtC,IAAI,MAAM,EAAE,OAAO;AACnB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CircleIcon-45ef66fd.js","sources":["../../src/types/index.ts","../../src/constants/icons.ts","../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\n\nexport enum Icons {\n coinsIcon,\n userIcon,\n trophyIcon,\n briefcaseIcon,\n graduationIcon,\n lightbulbIcon,\n}\n\nexport type CredentialInfo = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n userImage?: string;\n className?: string;\n credentialSubject?: CredentialSubject;\n onClick?: () => void;\n loading?: boolean;\n verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n iconSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n date?: string;\n onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n status?: string;\n title?: string;\n semester?: string;\n skillCount?: string | number;\n thumbSrc?: string;\n jobCount?: string | number;\n className?: string;\n achievementCount: string | number;\n onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n count?: number;\n title?: string;\n level?: string;\n category?: string;\n levelCount?: number;\n skillColor?: string;\n onClick?: () => void;\n className?: string;\n};\n\nexport type SkillStat = {\n name?: string;\n percent: number | string;\n className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n totalCount?: string | number;\n skills?: SkillStat[];\n className?: string;\n onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n title: string;\n completed?: number;\n total?: number;\n thumbImg?: string;\n onClick?: () => void;\n className?: string;\n};\n","import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport { Icons } from '../types';\nexport { coins, user, trophy, briefcase, graduation, lightbulb };\n\nexport const ICONS_TO_SOURCE = {\n [Icons.coinsIcon]: coins,\n [Icons.userIcon]: user,\n [Icons.trophyIcon]: trophy,\n [Icons.briefcaseIcon]: briefcase,\n [Icons.graduationIcon]: graduation,\n [Icons.lightbulbIcon]: lightbulb,\n};\n","import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n iconSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n innerPadding?: string;\n size?: string;\n hideCount?: boolean;\n borderColor?: string;\n};\n\nexport type CountCircleProps = {\n size?: string;\n count?: string | number;\n innerPadding?: string;\n onClick?: () => {};\n bgColor?: string;\n className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n size = 'auto',\n count = '28',\n innerPadding = '3px 5px',\n className,\n onClick = () => {},\n bgColor = 'bg-grayscale-50',\n}) => {\n const style = {\n width: size,\n height: size,\n padding: innerPadding,\n };\n\n return (\n <section\n onClick={onClick}\n className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n style={style}\n >\n <div className={`h-full`}>\n <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n {count}\n </p>\n </div>\n </section>\n );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n size = '52px',\n count = '28',\n innerPadding = '6px',\n onClick = () => {},\n bgColor = 'bg-grayscale-900',\n hideCount = true,\n}) => {\n const style = {\n width: size,\n height: size,\n padding: innerPadding,\n };\n\n return (\n <section\n onClick={onClick}\n className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n style={style}\n >\n <div className={`relative w-full h-full`}>\n {!hideCount && <CountCircle count={count} />}\n <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n </div>\n </section>\n );\n};\n\nexport default CircleIcon;\n"],"names":["coins","user","trophy","briefcase","graduation","lightbulb","React"],"mappings":"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"}