@learncard/react 2.10.8 → 2.12.0

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 (164) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/base.js +1 -1
  3. package/dist/cjs/{BoostGenericCard-99a3ab28.js → BoostGenericCard-71899305.js} +66 -7
  4. package/dist/cjs/BoostGenericCard-71899305.js.map +1 -0
  5. package/dist/cjs/{CertificateDisplayCard-b673e66d.js → CertificateDisplayCard-f10b46b1.js} +5 -5
  6. package/dist/cjs/{CertificateDisplayCard-b673e66d.js.map → CertificateDisplayCard-f10b46b1.js.map} +1 -1
  7. package/dist/cjs/{Lightbox-d72e19ba.js → Lightbox-e2996736.js} +100 -2
  8. package/dist/cjs/Lightbox-e2996736.js.map +1 -0
  9. package/dist/cjs/{MeritBadgeDisplayCard-15b85a79.js → MeritBadgeDisplayCard-d50cfb5e.js} +5 -5
  10. package/dist/cjs/{MeritBadgeDisplayCard-15b85a79.js.map → MeritBadgeDisplayCard-d50cfb5e.js.map} +1 -1
  11. package/dist/cjs/{MeritBadgeSkillsCount-f62ad753.js → MeritBadgeSkillsCount-e46503f5.js} +2 -2
  12. package/dist/cjs/{MeritBadgeSkillsCount-f62ad753.js.map → MeritBadgeSkillsCount-e46503f5.js.map} +1 -1
  13. package/dist/cjs/{SchoolIDCard-10796199.js → SchoolIDCard-2d3cbb2c.js} +3 -1184
  14. package/dist/cjs/SchoolIDCard-2d3cbb2c.js.map +1 -0
  15. package/dist/cjs/{VCCard-4f02e2f4.js → VCCard-42479c97.js} +3 -3
  16. package/dist/cjs/{VCCard-4f02e2f4.js.map → VCCard-42479c97.js.map} +1 -1
  17. package/dist/cjs/{VCDisplayBackFace-aab4d52c.js → VCDisplayBackFace-d1cf9f73.js} +3 -3
  18. package/dist/cjs/{VCDisplayBackFace-aab4d52c.js.map → VCDisplayBackFace-d1cf9f73.js.map} +1 -1
  19. package/dist/cjs/{VCDisplayCard-95b7f7dc.js → VCDisplayCard-cf46c224.js} +3 -3
  20. package/dist/cjs/{VCDisplayCard-95b7f7dc.js.map → VCDisplayCard-cf46c224.js.map} +1 -1
  21. package/dist/cjs/{VCDisplayCard2-8517f419.js → VCDisplayCard2-4a201a8a.js} +95 -69
  22. package/dist/cjs/VCDisplayCard2-4a201a8a.js.map +1 -0
  23. package/dist/cjs/{VCVerificationPill-b5824def.js → VCVerificationPill-6c9dcf80.js} +2 -2
  24. package/dist/cjs/{VCVerificationPill-b5824def.js.map → VCVerificationPill-6c9dcf80.js.map} +1 -1
  25. package/dist/cjs/{VerifierStateBadgeAndText-c15064b2.js → VerifierStateBadgeAndText-934239ab.js} +134 -6
  26. package/dist/cjs/VerifierStateBadgeAndText-934239ab.js.map +1 -0
  27. package/dist/cjs/{credential.helpers-98fc74d8.js → credential.helpers-17a10601.js} +2 -2
  28. package/dist/cjs/{credential.helpers-98fc74d8.js.map → credential.helpers-17a10601.js.map} +1 -1
  29. package/dist/cjs/{i18n-cc7e34ec.js → i18n-8fd90b2f.js} +5 -2
  30. package/dist/cjs/i18n-8fd90b2f.js.map +1 -0
  31. package/dist/cjs/index-47efbf5b.js +1186 -0
  32. package/dist/cjs/index-47efbf5b.js.map +1 -0
  33. package/dist/cjs/index-5488badc.js.map +1 -1
  34. package/dist/cjs/index.js +28 -19
  35. package/dist/cjs/index.js.map +1 -1
  36. package/dist/cjs/index14.js +18 -15
  37. package/dist/cjs/index14.js.map +1 -1
  38. package/dist/cjs/index20.js +2 -1
  39. package/dist/cjs/index20.js.map +1 -1
  40. package/dist/cjs/index22.js +7 -7
  41. package/dist/cjs/index31.js +2 -1
  42. package/dist/cjs/index31.js.map +1 -1
  43. package/dist/cjs/index39.js +13 -12
  44. package/dist/cjs/index39.js.map +1 -1
  45. package/dist/cjs/index4.js +4 -3
  46. package/dist/cjs/index4.js.map +1 -1
  47. package/dist/cjs/index40.js +4 -4
  48. package/dist/cjs/index41.js +5 -5
  49. package/dist/cjs/index42.js +10 -8
  50. package/dist/cjs/index42.js.map +1 -1
  51. package/dist/cjs/index43.js +1 -1
  52. package/dist/cjs/index46.js +2 -2
  53. package/dist/cjs/index7.js +5 -5
  54. package/dist/cjs/{types.esm-f1680b31.js → types.esm-73624b33.js} +105 -4
  55. package/dist/cjs/types.esm-73624b33.js.map +1 -0
  56. package/dist/esm/{AchievementCard-c600788a.js → AchievementCard-0f183e9d.js} +2 -2
  57. package/dist/esm/{AchievementCard-c600788a.js.map → AchievementCard-0f183e9d.js.map} +1 -1
  58. package/dist/esm/{BoostGenericCard-7dfcc887.js → BoostGenericCard-3b3ff784.js} +67 -9
  59. package/dist/esm/BoostGenericCard-3b3ff784.js.map +1 -0
  60. package/dist/esm/{BoostSmallCard-a73b6800.js → BoostSmallCard-3dedb5ae.js} +2 -2
  61. package/dist/esm/{BoostSmallCard-a73b6800.js.map → BoostSmallCard-3dedb5ae.js.map} +1 -1
  62. package/dist/esm/{CertificateDisplayCard-4e9254e0.js → CertificateDisplayCard-f26ef278.js} +5 -5
  63. package/dist/esm/{CertificateDisplayCard-4e9254e0.js.map → CertificateDisplayCard-f26ef278.js.map} +1 -1
  64. package/dist/esm/{GenericCard-a469f2f0.js → GenericCard-b40c0617.js} +2 -2
  65. package/dist/esm/{GenericCard-a469f2f0.js.map → GenericCard-b40c0617.js.map} +1 -1
  66. package/dist/esm/{JobListCard-e8b4ab33.js → JobListCard-dfb94830.js} +2 -2
  67. package/dist/esm/{JobListCard-e8b4ab33.js.map → JobListCard-dfb94830.js.map} +1 -1
  68. package/dist/esm/{LearnPill-e0720485.js → LearnPill-ce240a4a.js} +2 -2
  69. package/dist/esm/{LearnPill-e0720485.js.map → LearnPill-ce240a4a.js.map} +1 -1
  70. package/dist/esm/{Lightbox-f0338a0c.js → Lightbox-11f4888d.js} +95 -3
  71. package/dist/esm/Lightbox-11f4888d.js.map +1 -0
  72. package/dist/esm/{MeritBadgeDisplayCard-2029a552.js → MeritBadgeDisplayCard-0d0b28c7.js} +5 -5
  73. package/dist/esm/{MeritBadgeDisplayCard-2029a552.js.map → MeritBadgeDisplayCard-0d0b28c7.js.map} +1 -1
  74. package/dist/esm/{MeritBadgeSkillsCount-c5271d7f.js → MeritBadgeSkillsCount-09e211fc.js} +2 -2
  75. package/dist/esm/{MeritBadgeSkillsCount-c5271d7f.js.map → MeritBadgeSkillsCount-09e211fc.js.map} +1 -1
  76. package/dist/esm/{SchoolIDCard-f82e40bc.js → SchoolIDCard-fbd1cf6c.js} +2 -1183
  77. package/dist/esm/SchoolIDCard-fbd1cf6c.js.map +1 -0
  78. package/dist/esm/{VCCard-c0f6dff3.js → VCCard-7e5e00d7.js} +3 -3
  79. package/dist/esm/{VCCard-c0f6dff3.js.map → VCCard-7e5e00d7.js.map} +1 -1
  80. package/dist/esm/{VCDisplayBackFace-bb60a881.js → VCDisplayBackFace-ae74476d.js} +3 -3
  81. package/dist/esm/{VCDisplayBackFace-bb60a881.js.map → VCDisplayBackFace-ae74476d.js.map} +1 -1
  82. package/dist/esm/{VCDisplayCard-9905d9d3.js → VCDisplayCard-ac1f367a.js} +3 -3
  83. package/dist/esm/{VCDisplayCard-9905d9d3.js.map → VCDisplayCard-ac1f367a.js.map} +1 -1
  84. package/dist/esm/{VCDisplayCard2-fc5c4225.js → VCDisplayCard2-7011596e.js} +96 -71
  85. package/dist/esm/VCDisplayCard2-7011596e.js.map +1 -0
  86. package/dist/esm/{VCVerificationPill-83eb61f4.js → VCVerificationPill-04ffdf56.js} +2 -2
  87. package/dist/esm/{VCVerificationPill-83eb61f4.js.map → VCVerificationPill-04ffdf56.js.map} +1 -1
  88. package/dist/esm/{VerifierStateBadgeAndText-60b98d25.js → VerifierStateBadgeAndText-750a6c24.js} +134 -6
  89. package/dist/esm/VerifierStateBadgeAndText-750a6c24.js.map +1 -0
  90. package/dist/esm/{constants-f1ed610c.js → constants-010faf74.js} +2 -2
  91. package/dist/esm/{constants-f1ed610c.js.map → constants-010faf74.js.map} +1 -1
  92. package/dist/esm/{credential.helpers-00099c70.js → credential.helpers-4fbdd8e8.js} +2 -2
  93. package/dist/esm/{credential.helpers-00099c70.js.map → credential.helpers-4fbdd8e8.js.map} +1 -1
  94. package/dist/esm/{i18n-8454d6ea.js → i18n-08b606cb.js} +5 -2
  95. package/dist/esm/i18n-08b606cb.js.map +1 -0
  96. package/dist/esm/index-28917993.js.map +1 -1
  97. package/dist/esm/{index-cbe3a76a.js → index-7542e9ee.js} +2 -2
  98. package/dist/esm/{index-cbe3a76a.js.map → index-7542e9ee.js.map} +1 -1
  99. package/dist/esm/index-cbd2e9db.js +1184 -0
  100. package/dist/esm/index-cbd2e9db.js.map +1 -0
  101. package/dist/esm/index.js +25 -24
  102. package/dist/esm/index.js.map +1 -1
  103. package/dist/esm/index13.js +2 -2
  104. package/dist/esm/index14.js +23 -22
  105. package/dist/esm/index14.js.map +1 -1
  106. package/dist/esm/index16.js +2 -2
  107. package/dist/esm/index19.js +2 -2
  108. package/dist/esm/index2.js +2 -2
  109. package/dist/esm/index20.js +1 -1
  110. package/dist/esm/index22.js +7 -7
  111. package/dist/esm/index30.js +2 -2
  112. package/dist/esm/index31.js +2 -1
  113. package/dist/esm/index31.js.map +1 -1
  114. package/dist/esm/index39.js +13 -12
  115. package/dist/esm/index39.js.map +1 -1
  116. package/dist/esm/index4.js +5 -4
  117. package/dist/esm/index4.js.map +1 -1
  118. package/dist/esm/index40.js +4 -4
  119. package/dist/esm/index41.js +5 -5
  120. package/dist/esm/index42.js +9 -8
  121. package/dist/esm/index42.js.map +1 -1
  122. package/dist/esm/index43.js +1 -1
  123. package/dist/esm/index46.js +2 -2
  124. package/dist/esm/index5.js +2 -2
  125. package/dist/esm/index7.js +5 -5
  126. package/dist/esm/{types.esm-d6b48609.js → types.esm-5f75bd4a.js} +105 -4
  127. package/dist/esm/types.esm-5f75bd4a.js.map +1 -0
  128. package/dist/index.d.ts +104 -10
  129. package/dist/main.css +1 -1
  130. package/dist/main.js +1 -1
  131. package/package.json +3 -3
  132. package/src/assets/styles/main.css +10 -0
  133. package/src/components/BoostGenericCard/BoostGenericCard.tsx +60 -19
  134. package/src/components/BoostGenericCard/__tests__/BoostGenericCard.thumb.test.tsx +59 -0
  135. package/src/components/Lightbox/ExternalVideoFallback.tsx +53 -0
  136. package/src/components/Lightbox/Lightbox.tsx +23 -9
  137. package/src/components/Lightbox/__tests__/Lightbox.video.test.tsx +139 -0
  138. package/src/components/Lightbox/index.ts +1 -0
  139. package/src/components/VCDisplayCard2/FitText.tsx +75 -46
  140. package/src/components/VCDisplayCard2/VCDisplayCard2.tsx +59 -19
  141. package/src/components/VCDisplayCard2/VerificationRow.tsx +1 -0
  142. package/src/components/VCDisplayCard2/__tests__/FitText.test.tsx +140 -0
  143. package/src/components/VCDisplayCard2/__tests__/VCDisplayCard2Variant.test.ts +31 -0
  144. package/src/helpers/externalUrl.helpers.ts +51 -0
  145. package/src/helpers/lifecycle.helpers.ts +38 -0
  146. package/src/helpers/video.helpers.ts +41 -0
  147. package/src/i18n/index.test.ts +10 -0
  148. package/src/i18n/index.tsx +3 -0
  149. package/src/index.ts +8 -0
  150. package/src/types/index.ts +1 -0
  151. package/dist/cjs/BoostGenericCard-99a3ab28.js.map +0 -1
  152. package/dist/cjs/Lightbox-d72e19ba.js.map +0 -1
  153. package/dist/cjs/SchoolIDCard-10796199.js.map +0 -1
  154. package/dist/cjs/VCDisplayCard2-8517f419.js.map +0 -1
  155. package/dist/cjs/VerifierStateBadgeAndText-c15064b2.js.map +0 -1
  156. package/dist/cjs/i18n-cc7e34ec.js.map +0 -1
  157. package/dist/cjs/types.esm-f1680b31.js.map +0 -1
  158. package/dist/esm/BoostGenericCard-7dfcc887.js.map +0 -1
  159. package/dist/esm/Lightbox-f0338a0c.js.map +0 -1
  160. package/dist/esm/SchoolIDCard-f82e40bc.js.map +0 -1
  161. package/dist/esm/VCDisplayCard2-fc5c4225.js.map +0 -1
  162. package/dist/esm/VerifierStateBadgeAndText-60b98d25.js.map +0 -1
  163. package/dist/esm/i18n-8454d6ea.js.map +0 -1
  164. package/dist/esm/types.esm-d6b48609.js.map +0 -1
package/dist/main.js CHANGED
@@ -1,3 +1,3 @@
1
- var css = ".visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}.bottom-\\[-12px\\]{bottom:-12px}.bottom-\\[-1px\\]{bottom:-1px}.bottom-\\[-8px\\]{bottom:-8px}.bottom-\\[10px\\]{bottom:10px}.bottom-\\[15px\\]{bottom:15px}.bottom-\\[3px\\]{bottom:3px}.bottom-\\[6px\\]{bottom:6px}.left-0{left:0}.left-1{left:.25rem}.left-\\[-30px\\]{left:-30px}.left-\\[0px\\]{left:0}.left-\\[10px\\]{left:10px}.left-\\[3px\\]{left:3px}.left-\\[5px\\]{left:5px}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-\\[-12px\\]{right:-12px}.right-\\[-20px\\]{right:-20px}.right-\\[-30px\\]{right:-30px}.right-\\[15px\\]{right:15px}.right-\\[17px\\]{right:17px}.right-\\[20px\\]{right:20px}.right-\\[2px\\]{right:2px}.right-\\[3px\\]{right:3px}.right-\\[45\\%\\]{right:45%}.right-\\[5px\\]{right:5px}.right-\\[9px\\]{right:9px}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-\\[-10px\\]{top:-10px}.top-\\[-1px\\]{top:-1px}.top-\\[-25px\\]{top:-25px}.top-\\[-40px\\]{top:-40px}.top-\\[-50px\\]{top:-50px}.top-\\[-52px\\]{top:-52px}.top-\\[-72px\\]{top:-72px}.top-\\[10px\\]{top:10px}.top-\\[17px\\]{top:17px}.top-\\[20px\\]{top:20px}.top-\\[3px\\]{top:3px}.top-\\[50px\\]{top:50px}.top-\\[52px\\]{top:52px}.top-\\[5px\\]{top:5px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1\\]{z-index:1}.z-\\[999999\\]{z-index:999999}.z-\\[9999\\]{z-index:9999}.z-\\[9\\]{z-index:9}.m-0{margin:0}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-\\[-5px\\]{margin-left:-5px;margin-right:-5px}.mx-\\[3px\\]{margin-left:3px;margin-right:3px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-3\\.5{margin-bottom:.875rem;margin-top:.875rem}.my-\\[10px\\]{margin-bottom:10px;margin-top:10px}.my-\\[5px\\]{margin-bottom:5px;margin-top:5px}.-mt-3{margin-top:-.75rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-\\[10px\\]{margin-bottom:10px}.mb-\\[3px\\]{margin-bottom:3px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[10px\\]{margin-left:10px}.ml-\\[15px\\]{margin-left:15px}.ml-\\[5px\\]{margin-left:5px}.ml-\\[9px\\]{margin-left:9px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[0px\\]{margin-right:0}.mr-\\[10px\\]{margin-right:10px}.mr-\\[15px\\]{margin-right:15px}.mr-\\[3px\\]{margin-right:3px}.mr-\\[4px\\]{margin-right:4px}.mr-\\[5px\\]{margin-right:5px}.mr-\\[7px\\]{margin-right:7px}.mr-\\[8px\\]{margin-right:8px}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\\[-70px\\]{margin-top:-70px}.mt-\\[10px\\]{margin-top:10px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[25px\\]{margin-top:25px}.mt-\\[40px\\]{margin-top:40px}.mt-\\[4px\\]{margin-top:4px}.mt-\\[55px\\]{margin-top:55px}.mt-\\[5px\\]{margin-top:5px}.mt-\\[68px\\]{margin-top:68px}.mt-\\[8px\\]{margin-top:8px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-0{height:0}.h-1\\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-4\\/5{height:80%}.h-5\\/6{height:83.333333%}.h-8{height:2rem}.h-\\[100\\%\\]{height:100%}.h-\\[100px\\]{height:100px}.h-\\[10px\\]{height:10px}.h-\\[110px\\]{height:110px}.h-\\[111px\\]{height:111px}.h-\\[119px\\]{height:119px}.h-\\[120px\\]{height:120px}.h-\\[129px\\]{height:129px}.h-\\[130px\\]{height:130px}.h-\\[140\\%\\]{height:140%}.h-\\[15px\\]{height:15px}.h-\\[168px\\]{height:168px}.h-\\[176px\\]{height:176px}.h-\\[190px\\]{height:190px}.h-\\[199px\\]{height:199px}.h-\\[200px\\]{height:200px}.h-\\[209px\\]{height:209px}.h-\\[20px\\]{height:20px}.h-\\[211px\\]{height:211px}.h-\\[215px\\]{height:215px}.h-\\[22px\\]{height:22px}.h-\\[24px\\]{height:24px}.h-\\[25px\\]{height:25px}.h-\\[280px\\]{height:280px}.h-\\[285px\\]{height:285px}.h-\\[28px\\]{height:28px}.h-\\[2px\\]{height:2px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[35px\\]{height:35px}.h-\\[36px\\]{height:36px}.h-\\[38px\\]{height:38px}.h-\\[39px\\]{height:39px}.h-\\[40px\\]{height:40px}.h-\\[42px\\]{height:42px}.h-\\[43px\\]{height:43px}.h-\\[46px\\]{height:46px}.h-\\[48px\\]{height:48px}.h-\\[50px\\]{height:50px}.h-\\[55\\%\\]{height:55%}.h-\\[60\\%\\]{height:60%}.h-\\[60px\\]{height:60px}.h-\\[68px\\]{height:68px}.h-\\[70px\\]{height:70px}.h-\\[75\\%\\]{height:75%}.h-\\[76px\\]{height:76px}.h-\\[77\\%\\]{height:77%}.h-\\[80px\\]{height:80px}.h-\\[88px\\]{height:88px}.h-\\[90px\\]{height:90px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-12{max-height:3rem}.max-h-\\[100px\\]{max-height:100px}.max-h-\\[1100px\\]{max-height:1100px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[40px\\]{max-height:40px}.max-h-\\[48px\\]{max-height:48px}.max-h-\\[80px\\]{max-height:80px}.max-h-\\[90vh\\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[220px\\]{min-height:220px}.min-h-\\[260px\\]{min-height:260px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[48px\\]{min-height:48px}.min-h-\\[600px\\]{min-height:600px}.min-h-\\[800px\\]{min-height:800px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\\!w-full{width:100%!important}.w-1\\/2{width:50%}.w-1\\/4{width:25%}.w-10{width:2.5rem}.w-10\\/12{width:83.333333%}.w-11\\/12{width:91.666667%}.w-12{width:3rem}.w-16{width:4rem}.w-3\\/4{width:75%}.w-8{width:2rem}.w-\\[100\\%\\]{width:100%}.w-\\[100px\\]{width:100px}.w-\\[108px\\]{width:108px}.w-\\[10px\\]{width:10px}.w-\\[110\\%\\]{width:110%}.w-\\[110px\\]{width:110px}.w-\\[120px\\]{width:120px}.w-\\[130px\\]{width:130px}.w-\\[140px\\]{width:140px}.w-\\[143px\\]{width:143px}.w-\\[15px\\]{width:15px}.w-\\[160px\\]{width:160px}.w-\\[170px\\]{width:170px}.w-\\[176px\\]{width:176px}.w-\\[180px\\]{width:180px}.w-\\[190px\\]{width:190px}.w-\\[20px\\]{width:20px}.w-\\[22px\\]{width:22px}.w-\\[28px\\]{width:28px}.w-\\[30px\\]{width:30px}.w-\\[320px\\]{width:320px}.w-\\[32px\\]{width:32px}.w-\\[35px\\]{width:35px}.w-\\[36px\\]{width:36px}.w-\\[380px\\]{width:380px}.w-\\[38px\\]{width:38px}.w-\\[39px\\]{width:39px}.w-\\[40px\\]{width:40px}.w-\\[42px\\]{width:42px}.w-\\[43px\\]{width:43px}.w-\\[49\\%\\]{width:49%}.w-\\[50px\\]{width:50px}.w-\\[55\\%\\]{width:55%}.w-\\[55px\\]{width:55px}.w-\\[60\\%\\]{width:60%}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[70px\\]{width:70px}.w-\\[75\\%\\]{width:75%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[90px\\]{width:90px}.w-\\[90vw\\]{width:90vw}.w-\\[95\\%\\]{width:95%}.w-\\[calc\\(100\\%-26px\\)\\]{width:calc(100% - 26px)}.w-\\[calc\\(100\\%_\\+_16px\\)\\]{width:calc(100% + 16px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[110px\\]{min-width:110px}.min-w-\\[220px\\]{min-width:220px}.min-w-\\[295px\\]{min-width:295px}.min-w-\\[30px\\]{min-width:30px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[48px\\]{min-width:48px}.min-w-\\[90px\\]{min-width:90px}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[100px\\]{max-width:100px}.max-w-\\[110px\\]{max-width:110px}.max-w-\\[1200px\\]{max-width:1200px}.max-w-\\[130px\\]{max-width:130px}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[27px\\]{max-width:27px}.max-w-\\[335px\\]{max-width:335px}.max-w-\\[344px\\]{max-width:344px}.max-w-\\[350px\\]{max-width:350px}.max-w-\\[375px\\]{max-width:375px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[40px\\]{max-width:40px}.max-w-\\[48px\\]{max-width:48px}.max-w-\\[600px\\]{max-width:600px}.max-w-\\[720px\\]{max-width:720px}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[80px\\]{max-width:80px}.max-w-\\[90\\%\\]{max-width:90%}.max-w-\\[90vw\\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-x-\\[10px\\]{--tw-translate-x:10px}.rotate-180,.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))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.rotate-\\[270deg\\]{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))}.rotate-\\[270deg\\]{--tw-rotate:270deg}.scale-x-\\[-1\\]{--tw-scale-x:-1}.scale-x-\\[-1\\],.transform{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))}.cursor-alias{cursor:alias}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-\\[10px\\]{gap:10px}.gap-\\[13px\\]{gap:13px}.gap-\\[15px\\]{gap:15px}.gap-\\[20px\\]{gap:20px}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[15px\\]{border-radius:15px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[22px\\]{border-radius:22px}.rounded-\\[24px\\]{border-radius:24px}.rounded-\\[25px\\]{border-radius:25px}.rounded-\\[28px\\]{border-radius:28px}.rounded-\\[30px\\]{border-radius:30px}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[40px\\]{border-radius:40px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[60px\\]{border-radius:60px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-b-\\[200px\\]{border-bottom-left-radius:200px;border-bottom-right-radius:200px}.rounded-b-\\[30px\\]{border-bottom-left-radius:30px;border-bottom-right-radius:30px}.rounded-b-full{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.rounded-t-\\[30px\\]{border-top-left-radius:30px;border-top-right-radius:30px}.rounded-t-\\[8px\\]{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-bl-\\[50\\%\\]{border-bottom-left-radius:50%}.rounded-br-\\[150px\\]{border-bottom-right-radius:150px}.rounded-br-\\[50\\%\\]{border-bottom-right-radius:50%}.rounded-tr-\\[150px\\]{border-top-right-radius:150px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-\\[2px\\]{border-width:2px}.border-\\[3px\\]{border-width:3px}.border-\\[4px\\]{border-width:4px}.border-\\[5px\\]{border-width:5px}.border-y-\\[5px\\]{border-bottom-width:5px;border-top-width:5px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-t,.border-t-\\[1px\\]{border-top-width:1px}.border-solid{border-style:solid}.border-\\[\\#EEF2FF\\]{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-cyan-200{--tw-border-opacity:1;border-color:rgb(160 231 248/var(--tw-border-opacity,1))}.border-cyan-400{--tw-border-opacity:1;border-color:rgb(136 224 247/var(--tw-border-opacity,1))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(231 249 253/var(--tw-border-opacity,1))}.border-cyan-500{--tw-border-opacity:1;border-color:rgb(113 218 245/var(--tw-border-opacity,1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(191 238 225/var(--tw-border-opacity,1))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(214 250 240/var(--tw-border-opacity,1))}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(64 203 166/var(--tw-border-opacity,1))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-grayscale-200{--tw-border-opacity:1;border-color:rgb(226 227 233/var(--tw-border-opacity,1))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity,1))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity,1))}.border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity,1))}.border-rose-500{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.border-spice-400{--tw-border-opacity:1;border-color:rgb(255 112 64/var(--tw-border-opacity,1))}.border-spice-50{--tw-border-opacity:1;border-color:rgb(255 237 231/var(--tw-border-opacity,1))}.border-spice-500{--tw-border-opacity:1;border-color:rgb(255 88 32/var(--tw-border-opacity,1))}.border-spice-600{--tw-border-opacity:1;border-color:rgb(255 64 0/var(--tw-border-opacity,1))}.border-teal-500{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.border-violet-500{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-b-\\[--color-grayscale-line\\]{border-bottom-color:var(--color-grayscale-line)}.border-b-transparent{border-bottom-color:transparent}.border-t-\\[--color-grayscale-line\\]{border-top-color:var(--color-grayscale-line)}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#00000099\\]{background-color:#00000099}.bg-\\[\\#353E64\\]{--tw-bg-opacity:1;background-color:rgb(53 62 100/var(--tw-bg-opacity,1))}.bg-\\[rgba\\(0\\2c 0\\2c 0\\2c 0\\.9\\)\\]{background-color:rgba(0,0,0,.9)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-700{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.bg-cyan-300{--tw-bg-opacity:1;background-color:rgb(160 231 248/var(--tw-bg-opacity,1))}.bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(136 224 247/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(231 249 253/var(--tw-bg-opacity,1))}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(113 218 245/var(--tw-bg-opacity,1))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(89 212 244/var(--tw-bg-opacity,1))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(65 206 242/var(--tw-bg-opacity,1))}.bg-cyan-800{--tw-bg-opacity:1;background-color:rgb(49 155 181/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(214 250 240/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(32 195 151/var(--tw-bg-opacity,1))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity,1))}.bg-emerald-800{--tw-bg-opacity:1;background-color:rgb(0 139 102/var(--tw-bg-opacity,1))}.bg-fuchsia-300{--tw-bg-opacity:1;background-color:rgb(240 171 252/var(--tw-bg-opacity,1))}.bg-fuchsia-500{--tw-bg-opacity:1;background-color:rgb(217 70 239/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-grayscale-100{--tw-bg-opacity:1;background-color:rgb(239 240 245/var(--tw-bg-opacity,1))}.bg-grayscale-200{--tw-bg-opacity:1;background-color:rgb(226 227 233/var(--tw-bg-opacity,1))}.bg-grayscale-50{--tw-bg-opacity:1;background-color:rgb(251 251 252/var(--tw-bg-opacity,1))}.bg-grayscale-500{--tw-bg-opacity:1;background-color:rgb(139 145 167/var(--tw-bg-opacity,1))}.bg-grayscale-700{--tw-bg-opacity:1;background-color:rgb(82 89 122/var(--tw-bg-opacity,1))}.bg-grayscale-900{--tw-bg-opacity:1;background-color:rgb(24 34 78/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity,1))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.bg-lime-400{--tw-bg-opacity:1;background-color:rgb(163 230 53/var(--tw-bg-opacity,1))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1))}.bg-lime-700{--tw-bg-opacity:1;background-color:rgb(77 124 15/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(239 93 53/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity,1))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-rose-700{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.bg-spice-400{--tw-bg-opacity:1;background-color:rgb(255 112 64/var(--tw-bg-opacity,1))}.bg-spice-50{--tw-bg-opacity:1;background-color:rgb(255 237 231/var(--tw-bg-opacity,1))}.bg-spice-500{--tw-bg-opacity:1;background-color:rgb(255 88 32/var(--tw-bg-opacity,1))}.bg-spice-600{--tw-bg-opacity:1;background-color:rgb(255 64 0/var(--tw-bg-opacity,1))}.bg-spice-700{--tw-bg-opacity:1;background-color:rgb(223 56 0/var(--tw-bg-opacity,1))}.bg-teal-300{--tw-bg-opacity:1;background-color:rgb(94 234 212/var(--tw-bg-opacity,1))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-teal-700{--tw-bg-opacity:1;background-color:rgb(15 118 110/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\\/70{background-color:hsla(0,0%,100%,.7)}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-700{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\\[\\#F4F5F5\\]{--tw-gradient-from:#f4f5f5 var(--tw-gradient-from-position);--tw-gradient-to:hsla(180,5%,96%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\\[\\#E3E5E8\\]{--tw-gradient-to:#e3e5e8 var(--tw-gradient-to-position)}.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-0{padding:0!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\\[0px\\]{padding:0}.p-\\[10px\\]{padding:10px}.p-\\[11px\\]{padding:11px}.p-\\[13px\\]{padding:13px}.p-\\[15px\\]{padding:15px}.p-\\[2px\\]{padding:2px}.p-\\[5px\\]{padding:5px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[0px\\]{padding-left:0;padding-right:0}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[0px\\]{padding-bottom:0;padding-top:0}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[2px\\]{padding-bottom:2px;padding-top:2px}.py-\\[30px\\]{padding-bottom:30px;padding-top:30px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-25pct{padding-bottom:25%}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-\\[10px\\]{padding-bottom:10px}.pb-\\[19px\\]{padding-bottom:19px}.pb-\\[20px\\]{padding-bottom:20px}.pb-\\[25\\%\\]{padding-bottom:25%}.pb-\\[25px\\]{padding-bottom:25px}.pb-\\[4px\\]{padding-bottom:4px}.pb-\\[50\\%\\]{padding-bottom:50%}.pb-\\[50px\\]{padding-bottom:50px}.pb-\\[5px\\]{padding-bottom:5px}.pb-\\[77px\\]{padding-bottom:77px}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[12px\\]{padding-left:12px}.pl-\\[15px\\]{padding-left:15px}.pl-\\[4px\\]{padding-left:4px}.pr-\\[10px\\]{padding-right:10px}.pr-\\[20px\\]{padding-right:20px}.pr-\\[4px\\]{padding-right:4px}.pr-\\[5px\\]{padding-right:5px}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-25pct{padding-top:25%}.pt-4{padding-top:1rem}.pt-9{padding-top:2.25rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[20\\%\\]{padding-top:20%}.pt-\\[20px\\]{padding-top:20px}.pt-\\[2px\\]{padding-top:2px}.pt-\\[3px\\]{padding-top:3px}.pt-\\[49\\%\\]{padding-top:49%}.pt-\\[4px\\]{padding-top:4px}.pt-\\[55px\\]{padding-top:55px}.pt-\\[5px\\]{padding-top:5px}.pt-\\[8px\\]{padding-top:8px}.pt-\\[92px\\]{padding-top:92px}.text-left{text-align:left}.\\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.\\!font-poppins{font-family:Poppins!important}.font-jacques{font-family:Jacques Francois}.font-montserrat{font-family:Montserrat,Helvetica,Serif}.font-mouse{font-family:Mouse Memoirs}.font-poppins{font-family:Poppins}.font-sacramento{font-family:Sacramento}.\\!text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.\\!text-base{font-size:1rem!important;line-height:1.5rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[20px\\]{font-size:20px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-\\[32px\\]{font-size:32px}.text-\\[6px\\]{font-size:6px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\\[400\\]{font-weight:400}.font-\\[500\\]{font-weight:500}.font-\\[600\\]{font-weight:600}.font-\\[700\\],.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-\\[12px\\]{line-height:12px}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[13px\\]{line-height:13px}.leading-\\[150\\%\\]{line-height:150%}.leading-\\[15px\\]{line-height:15px}.leading-\\[16px\\]{line-height:16px}.leading-\\[17px\\]{line-height:17px}.leading-\\[18px\\]{line-height:18px}.leading-\\[20px\\]{line-height:20px}.leading-\\[21px\\]{line-height:21px}.leading-\\[23px\\]{line-height:23px}.leading-\\[28px\\]{line-height:28px}.leading-\\[80\\%\\]{line-height:80%}.leading-\\[90\\%\\]{line-height:90%}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\\[-0\\.33px\\]{letter-spacing:-.33px}.tracking-\\[0\\.25px\\]{letter-spacing:.25px}.tracking-\\[0\\.75px\\]{letter-spacing:.75px}.tracking-\\[7px\\]{letter-spacing:7px}.tracking-\\[9px\\]{letter-spacing:9px}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.\\!text-grayscale-700{--tw-text-opacity:1!important;color:rgb(82 89 122/var(--tw-text-opacity,1))!important}.text-\\[\\#006937\\]{--tw-text-opacity:1;color:rgb(0 105 55/var(--tw-text-opacity,1))}.text-\\[\\#18224E\\]{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity,1))}.text-\\[\\#4F4F4F\\]{--tw-text-opacity:1;color:rgb(79 79 79/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-light{--tw-text-opacity:1;color:rgb(2 107 255/var(--tw-text-opacity,1))}.text-cyan-200{--tw-text-opacity:1;color:rgb(160 231 248/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(136 224 247/var(--tw-text-opacity,1))}.text-cyan-500{--tw-text-opacity:1;color:rgb(113 218 245/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(89 212 244/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(65 206 242/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(64 203 166/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-grayscale-400{--tw-text-opacity:1;color:rgb(168 172 189/var(--tw-text-opacity,1))}.text-grayscale-50{--tw-text-opacity:1;color:rgb(251 251 252/var(--tw-text-opacity,1))}.text-grayscale-500{--tw-text-opacity:1;color:rgb(139 145 167/var(--tw-text-opacity,1))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity,1))}.text-grayscale-700{--tw-text-opacity:1;color:rgb(82 89 122/var(--tw-text-opacity,1))}.text-grayscale-800{--tw-text-opacity:1;color:rgb(53 62 100/var(--tw-text-opacity,1))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-dark{--tw-text-opacity:1;color:rgb(5 182 93/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(239 93 53/var(--tw-text-opacity,1))}.text-pink-200{--tw-text-opacity:1;color:rgb(251 207 232/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-mastercard{--tw-text-opacity:1;color:rgb(235 0 27/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-spice-400{--tw-text-opacity:1;color:rgb(255 112 64/var(--tw-text-opacity,1))}.text-spice-500{--tw-text-opacity:1;color:rgb(255 88 32/var(--tw-text-opacity,1))}.text-spice-700{--tw-text-opacity:1;color:rgb(223 56 0/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\\/85{color:hsla(0,0%,100%,.85)}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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-3xl{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-\\[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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_18px_50px_rgba\\(24\\2c 34\\2c 78\\2c 0\\.12\\)\\]{--tw-shadow:0 18px 50px rgba(24,34,78,.12);--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);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)}.shadow-\\[0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.3\\)\\],.shadow-bottom{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bottom{--tw-shadow:0px 4px 0px rgba(0,0,0,.25);--tw-shadow-colored:0px 4px 0px var(--tw-shadow-color)}.outline{outline-style:solid}.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)}.transition-\\[font-size\\]{transition-duration:.15s;transition-property:font-size;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{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{animation:none;border-color:#40cba6}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@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);z-index:9}.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}.lc-line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@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,.vc-display-card-full-container{padding-left:15px;padding-right:15px}.vc-display-card-full-container{height:100%;padding-top:15px}.lc-line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@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%}.vc-display-card{font-family:Mouse Memoirs}.vc-toggle-side-button{background-color:#00000099}@font-face{font-display:swap;font-family:Mouse Memoirs;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/mousememoirs/v13/t5tmIRoSNJ-PH0WNNgDYxdSb3T7Prw.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Mouse Memoirs;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/mousememoirs/v13/t5tmIRoSNJ-PH0WNNgDYxdSb3TDPr6OH.woff2) format(\"woff2\");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100 900;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format(\"woff2\");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100 900;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Jacques Francois;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jacquesfrancois/v24/ZXu9e04ZvKeOOHIe1TMahbcIU2cgqcTgoA.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Sacramento;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sacramento/v15/buEzpo6gcdjy0EiZMBUG4C0f_Q.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Sacramento;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sacramento/v15/buEzpo6gcdjy0EiZMBUG4CMf_exL.woff2) format(\"woff2\");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}.last\\:border-0:last-child{border-width:0}.last\\:border-b-0:last-child{border-bottom-width:0}.last\\:pb-0:last-child{padding-bottom:0}.hover\\:text-grayscale-700:hover{--tw-text-opacity:1;color:rgb(82 89 122/var(--tw-text-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}@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 (min-width:1280px){.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@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 = ".visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}.bottom-\\[-12px\\]{bottom:-12px}.bottom-\\[-1px\\]{bottom:-1px}.bottom-\\[-8px\\]{bottom:-8px}.bottom-\\[10px\\]{bottom:10px}.bottom-\\[15px\\]{bottom:15px}.bottom-\\[3px\\]{bottom:3px}.bottom-\\[6px\\]{bottom:6px}.left-0{left:0}.left-1{left:.25rem}.left-\\[-30px\\]{left:-30px}.left-\\[0px\\]{left:0}.left-\\[10px\\]{left:10px}.left-\\[3px\\]{left:3px}.left-\\[44px\\]{left:44px}.left-\\[5px\\]{left:5px}.left-\\[8px\\]{left:8px}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-\\[-12px\\]{right:-12px}.right-\\[-20px\\]{right:-20px}.right-\\[-30px\\]{right:-30px}.right-\\[15px\\]{right:15px}.right-\\[17px\\]{right:17px}.right-\\[20px\\]{right:20px}.right-\\[2px\\]{right:2px}.right-\\[3px\\]{right:3px}.right-\\[45\\%\\]{right:45%}.right-\\[5px\\]{right:5px}.right-\\[9px\\]{right:9px}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-\\[-10px\\]{top:-10px}.top-\\[-1px\\]{top:-1px}.top-\\[-25px\\]{top:-25px}.top-\\[-40px\\]{top:-40px}.top-\\[-50px\\]{top:-50px}.top-\\[-52px\\]{top:-52px}.top-\\[-72px\\]{top:-72px}.top-\\[10px\\]{top:10px}.top-\\[17px\\]{top:17px}.top-\\[20px\\]{top:20px}.top-\\[3px\\]{top:3px}.top-\\[50px\\]{top:50px}.top-\\[52px\\]{top:52px}.top-\\[5px\\]{top:5px}.top-\\[8px\\]{top:8px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1\\]{z-index:1}.z-\\[999999\\]{z-index:999999}.z-\\[9999\\]{z-index:9999}.z-\\[9\\]{z-index:9}.m-0{margin:0}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-\\[-5px\\]{margin-left:-5px;margin-right:-5px}.mx-\\[3px\\]{margin-left:3px;margin-right:3px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-3\\.5{margin-bottom:.875rem;margin-top:.875rem}.my-\\[10px\\]{margin-bottom:10px;margin-top:10px}.my-\\[5px\\]{margin-bottom:5px;margin-top:5px}.-mt-3{margin-top:-.75rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-\\[10px\\]{margin-bottom:10px}.mb-\\[3px\\]{margin-bottom:3px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[10px\\]{margin-left:10px}.ml-\\[15px\\]{margin-left:15px}.ml-\\[4px\\]{margin-left:4px}.ml-\\[5px\\]{margin-left:5px}.ml-\\[9px\\]{margin-left:9px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[0px\\]{margin-right:0}.mr-\\[10px\\]{margin-right:10px}.mr-\\[15px\\]{margin-right:15px}.mr-\\[3px\\]{margin-right:3px}.mr-\\[4px\\]{margin-right:4px}.mr-\\[5px\\]{margin-right:5px}.mr-\\[7px\\]{margin-right:7px}.mr-\\[8px\\]{margin-right:8px}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\\[-70px\\]{margin-top:-70px}.mt-\\[10px\\]{margin-top:10px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[25px\\]{margin-top:25px}.mt-\\[40px\\]{margin-top:40px}.mt-\\[4px\\]{margin-top:4px}.mt-\\[55px\\]{margin-top:55px}.mt-\\[5px\\]{margin-top:5px}.mt-\\[68px\\]{margin-top:68px}.mt-\\[8px\\]{margin-top:8px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-0{height:0}.h-1\\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-4\\/5{height:80%}.h-5\\/6{height:83.333333%}.h-8{height:2rem}.h-\\[100\\%\\]{height:100%}.h-\\[100px\\]{height:100px}.h-\\[10px\\]{height:10px}.h-\\[110px\\]{height:110px}.h-\\[111px\\]{height:111px}.h-\\[119px\\]{height:119px}.h-\\[120px\\]{height:120px}.h-\\[129px\\]{height:129px}.h-\\[130px\\]{height:130px}.h-\\[140\\%\\]{height:140%}.h-\\[15px\\]{height:15px}.h-\\[168px\\]{height:168px}.h-\\[176px\\]{height:176px}.h-\\[190px\\]{height:190px}.h-\\[199px\\]{height:199px}.h-\\[200px\\]{height:200px}.h-\\[209px\\]{height:209px}.h-\\[20px\\]{height:20px}.h-\\[211px\\]{height:211px}.h-\\[215px\\]{height:215px}.h-\\[22px\\]{height:22px}.h-\\[24px\\]{height:24px}.h-\\[25px\\]{height:25px}.h-\\[280px\\]{height:280px}.h-\\[285px\\]{height:285px}.h-\\[28px\\]{height:28px}.h-\\[2px\\]{height:2px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[35px\\]{height:35px}.h-\\[36px\\]{height:36px}.h-\\[38px\\]{height:38px}.h-\\[39px\\]{height:39px}.h-\\[40px\\]{height:40px}.h-\\[42px\\]{height:42px}.h-\\[43px\\]{height:43px}.h-\\[46px\\]{height:46px}.h-\\[48px\\]{height:48px}.h-\\[50px\\]{height:50px}.h-\\[55\\%\\]{height:55%}.h-\\[60\\%\\]{height:60%}.h-\\[60px\\]{height:60px}.h-\\[64px\\]{height:64px}.h-\\[68px\\]{height:68px}.h-\\[70px\\]{height:70px}.h-\\[75\\%\\]{height:75%}.h-\\[76px\\]{height:76px}.h-\\[77\\%\\]{height:77%}.h-\\[80px\\]{height:80px}.h-\\[88px\\]{height:88px}.h-\\[90px\\]{height:90px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-12{max-height:3rem}.max-h-\\[100px\\]{max-height:100px}.max-h-\\[1100px\\]{max-height:1100px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[40px\\]{max-height:40px}.max-h-\\[48px\\]{max-height:48px}.max-h-\\[80px\\]{max-height:80px}.max-h-\\[90vh\\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[220px\\]{min-height:220px}.min-h-\\[260px\\]{min-height:260px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[48px\\]{min-height:48px}.min-h-\\[600px\\]{min-height:600px}.min-h-\\[800px\\]{min-height:800px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\\!w-full{width:100%!important}.w-1\\/2{width:50%}.w-1\\/4{width:25%}.w-10{width:2.5rem}.w-10\\/12{width:83.333333%}.w-11\\/12{width:91.666667%}.w-12{width:3rem}.w-16{width:4rem}.w-3\\/4{width:75%}.w-8{width:2rem}.w-\\[100\\%\\]{width:100%}.w-\\[100px\\]{width:100px}.w-\\[108px\\]{width:108px}.w-\\[10px\\]{width:10px}.w-\\[110\\%\\]{width:110%}.w-\\[110px\\]{width:110px}.w-\\[120px\\]{width:120px}.w-\\[130px\\]{width:130px}.w-\\[140px\\]{width:140px}.w-\\[143px\\]{width:143px}.w-\\[15px\\]{width:15px}.w-\\[160px\\]{width:160px}.w-\\[170px\\]{width:170px}.w-\\[176px\\]{width:176px}.w-\\[180px\\]{width:180px}.w-\\[190px\\]{width:190px}.w-\\[20px\\]{width:20px}.w-\\[22px\\]{width:22px}.w-\\[28px\\]{width:28px}.w-\\[30px\\]{width:30px}.w-\\[320px\\]{width:320px}.w-\\[32px\\]{width:32px}.w-\\[35px\\]{width:35px}.w-\\[36px\\]{width:36px}.w-\\[380px\\]{width:380px}.w-\\[38px\\]{width:38px}.w-\\[39px\\]{width:39px}.w-\\[40px\\]{width:40px}.w-\\[42px\\]{width:42px}.w-\\[43px\\]{width:43px}.w-\\[49\\%\\]{width:49%}.w-\\[50px\\]{width:50px}.w-\\[55\\%\\]{width:55%}.w-\\[55px\\]{width:55px}.w-\\[60\\%\\]{width:60%}.w-\\[60px\\]{width:60px}.w-\\[64px\\]{width:64px}.w-\\[68px\\]{width:68px}.w-\\[70px\\]{width:70px}.w-\\[75\\%\\]{width:75%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[90px\\]{width:90px}.w-\\[90vw\\]{width:90vw}.w-\\[95\\%\\]{width:95%}.w-\\[calc\\(100\\%-26px\\)\\]{width:calc(100% - 26px)}.w-\\[calc\\(100\\%_\\+_16px\\)\\]{width:calc(100% + 16px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[110px\\]{min-width:110px}.min-w-\\[220px\\]{min-width:220px}.min-w-\\[295px\\]{min-width:295px}.min-w-\\[30px\\]{min-width:30px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[48px\\]{min-width:48px}.min-w-\\[90px\\]{min-width:90px}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[100px\\]{max-width:100px}.max-w-\\[110px\\]{max-width:110px}.max-w-\\[1200px\\]{max-width:1200px}.max-w-\\[130px\\]{max-width:130px}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[27px\\]{max-width:27px}.max-w-\\[335px\\]{max-width:335px}.max-w-\\[344px\\]{max-width:344px}.max-w-\\[350px\\]{max-width:350px}.max-w-\\[375px\\]{max-width:375px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[40px\\]{max-width:40px}.max-w-\\[48px\\]{max-width:48px}.max-w-\\[600px\\]{max-width:600px}.max-w-\\[720px\\]{max-width:720px}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[80px\\]{max-width:80px}.max-w-\\[90\\%\\]{max-width:90%}.max-w-\\[90vw\\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-x-\\[10px\\]{--tw-translate-x:10px}.rotate-180,.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))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.rotate-\\[270deg\\]{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))}.rotate-\\[270deg\\]{--tw-rotate:270deg}.scale-x-\\[-1\\]{--tw-scale-x:-1}.scale-x-\\[-1\\],.transform{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))}.cursor-alias{cursor:alias}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-\\[10px\\]{gap:10px}.gap-\\[13px\\]{gap:13px}.gap-\\[15px\\]{gap:15px}.gap-\\[16px\\]{gap:16px}.gap-\\[20px\\]{gap:20px}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[15px\\]{border-radius:15px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[22px\\]{border-radius:22px}.rounded-\\[24px\\]{border-radius:24px}.rounded-\\[25px\\]{border-radius:25px}.rounded-\\[28px\\]{border-radius:28px}.rounded-\\[30px\\]{border-radius:30px}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[40px\\]{border-radius:40px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[60px\\]{border-radius:60px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-b-\\[200px\\]{border-bottom-left-radius:200px;border-bottom-right-radius:200px}.rounded-b-\\[30px\\]{border-bottom-left-radius:30px;border-bottom-right-radius:30px}.rounded-b-full{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.rounded-t-\\[30px\\]{border-top-left-radius:30px;border-top-right-radius:30px}.rounded-t-\\[8px\\]{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-bl-\\[50\\%\\]{border-bottom-left-radius:50%}.rounded-br-\\[150px\\]{border-bottom-right-radius:150px}.rounded-br-\\[50\\%\\]{border-bottom-right-radius:50%}.rounded-tr-\\[150px\\]{border-top-right-radius:150px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-\\[2px\\]{border-width:2px}.border-\\[3px\\]{border-width:3px}.border-\\[4px\\]{border-width:4px}.border-\\[5px\\]{border-width:5px}.border-y-\\[5px\\]{border-bottom-width:5px;border-top-width:5px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-t,.border-t-\\[1px\\]{border-top-width:1px}.border-solid{border-style:solid}.border-\\[\\#EEF2FF\\]{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-cyan-200{--tw-border-opacity:1;border-color:rgb(160 231 248/var(--tw-border-opacity,1))}.border-cyan-400{--tw-border-opacity:1;border-color:rgb(136 224 247/var(--tw-border-opacity,1))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(231 249 253/var(--tw-border-opacity,1))}.border-cyan-500{--tw-border-opacity:1;border-color:rgb(113 218 245/var(--tw-border-opacity,1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(191 238 225/var(--tw-border-opacity,1))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(214 250 240/var(--tw-border-opacity,1))}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(64 203 166/var(--tw-border-opacity,1))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-grayscale-200{--tw-border-opacity:1;border-color:rgb(226 227 233/var(--tw-border-opacity,1))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity,1))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity,1))}.border-rose-50{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity,1))}.border-rose-500{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.border-spice-400{--tw-border-opacity:1;border-color:rgb(255 112 64/var(--tw-border-opacity,1))}.border-spice-50{--tw-border-opacity:1;border-color:rgb(255 237 231/var(--tw-border-opacity,1))}.border-spice-500{--tw-border-opacity:1;border-color:rgb(255 88 32/var(--tw-border-opacity,1))}.border-spice-600{--tw-border-opacity:1;border-color:rgb(255 64 0/var(--tw-border-opacity,1))}.border-teal-500{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.border-violet-500{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-50{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-b-\\[--color-grayscale-line\\]{border-bottom-color:var(--color-grayscale-line)}.border-b-transparent{border-bottom-color:transparent}.border-t-\\[--color-grayscale-line\\]{border-top-color:var(--color-grayscale-line)}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#00000099\\]{background-color:#00000099}.bg-\\[\\#353E64\\]{--tw-bg-opacity:1;background-color:rgb(53 62 100/var(--tw-bg-opacity,1))}.bg-\\[rgba\\(0\\2c 0\\2c 0\\2c 0\\.9\\)\\]{background-color:rgba(0,0,0,.9)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-700{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.bg-cyan-300{--tw-bg-opacity:1;background-color:rgb(160 231 248/var(--tw-bg-opacity,1))}.bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(136 224 247/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(231 249 253/var(--tw-bg-opacity,1))}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(113 218 245/var(--tw-bg-opacity,1))}.bg-cyan-600{--tw-bg-opacity:1;background-color:rgb(89 212 244/var(--tw-bg-opacity,1))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(65 206 242/var(--tw-bg-opacity,1))}.bg-cyan-800{--tw-bg-opacity:1;background-color:rgb(49 155 181/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(214 250 240/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(32 195 151/var(--tw-bg-opacity,1))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity,1))}.bg-emerald-800{--tw-bg-opacity:1;background-color:rgb(0 139 102/var(--tw-bg-opacity,1))}.bg-fuchsia-300{--tw-bg-opacity:1;background-color:rgb(240 171 252/var(--tw-bg-opacity,1))}.bg-fuchsia-500{--tw-bg-opacity:1;background-color:rgb(217 70 239/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-grayscale-100{--tw-bg-opacity:1;background-color:rgb(239 240 245/var(--tw-bg-opacity,1))}.bg-grayscale-200{--tw-bg-opacity:1;background-color:rgb(226 227 233/var(--tw-bg-opacity,1))}.bg-grayscale-50{--tw-bg-opacity:1;background-color:rgb(251 251 252/var(--tw-bg-opacity,1))}.bg-grayscale-500{--tw-bg-opacity:1;background-color:rgb(139 145 167/var(--tw-bg-opacity,1))}.bg-grayscale-700{--tw-bg-opacity:1;background-color:rgb(82 89 122/var(--tw-bg-opacity,1))}.bg-grayscale-900{--tw-bg-opacity:1;background-color:rgb(24 34 78/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity,1))}.bg-indigo-400{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.bg-lime-400{--tw-bg-opacity:1;background-color:rgb(163 230 53/var(--tw-bg-opacity,1))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1))}.bg-lime-700{--tw-bg-opacity:1;background-color:rgb(77 124 15/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(239 93 53/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity,1))}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-rose-700{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.bg-spice-400{--tw-bg-opacity:1;background-color:rgb(255 112 64/var(--tw-bg-opacity,1))}.bg-spice-50{--tw-bg-opacity:1;background-color:rgb(255 237 231/var(--tw-bg-opacity,1))}.bg-spice-500{--tw-bg-opacity:1;background-color:rgb(255 88 32/var(--tw-bg-opacity,1))}.bg-spice-600{--tw-bg-opacity:1;background-color:rgb(255 64 0/var(--tw-bg-opacity,1))}.bg-spice-700{--tw-bg-opacity:1;background-color:rgb(223 56 0/var(--tw-bg-opacity,1))}.bg-teal-300{--tw-bg-opacity:1;background-color:rgb(94 234 212/var(--tw-bg-opacity,1))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-teal-700{--tw-bg-opacity:1;background-color:rgb(15 118 110/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-700{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\\[\\#F4F5F5\\]{--tw-gradient-from:#f4f5f5 var(--tw-gradient-from-position);--tw-gradient-to:hsla(180,5%,96%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\\[\\#E3E5E8\\]{--tw-gradient-to:#e3e5e8 var(--tw-gradient-to-position)}.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-0{padding:0!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\\[0px\\]{padding:0}.p-\\[10px\\]{padding:10px}.p-\\[11px\\]{padding:11px}.p-\\[13px\\]{padding:13px}.p-\\[15px\\]{padding:15px}.p-\\[2px\\]{padding:2px}.p-\\[5px\\]{padding:5px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[0px\\]{padding-left:0;padding-right:0}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.px-\\[9px\\]{padding-left:9px;padding-right:9px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[0px\\]{padding-bottom:0;padding-top:0}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[2px\\]{padding-bottom:2px;padding-top:2px}.py-\\[30px\\]{padding-bottom:30px;padding-top:30px}.py-\\[3px\\]{padding-bottom:3px;padding-top:3px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-25pct{padding-bottom:25%}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-\\[10px\\]{padding-bottom:10px}.pb-\\[19px\\]{padding-bottom:19px}.pb-\\[20px\\]{padding-bottom:20px}.pb-\\[25\\%\\]{padding-bottom:25%}.pb-\\[25px\\]{padding-bottom:25px}.pb-\\[4px\\]{padding-bottom:4px}.pb-\\[50\\%\\]{padding-bottom:50%}.pb-\\[50px\\]{padding-bottom:50px}.pb-\\[5px\\]{padding-bottom:5px}.pb-\\[77px\\]{padding-bottom:77px}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[12px\\]{padding-left:12px}.pl-\\[15px\\]{padding-left:15px}.pl-\\[4px\\]{padding-left:4px}.pr-\\[10px\\]{padding-right:10px}.pr-\\[20px\\]{padding-right:20px}.pr-\\[4px\\]{padding-right:4px}.pr-\\[5px\\]{padding-right:5px}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-25pct{padding-top:25%}.pt-4{padding-top:1rem}.pt-9{padding-top:2.25rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[20\\%\\]{padding-top:20%}.pt-\\[20px\\]{padding-top:20px}.pt-\\[2px\\]{padding-top:2px}.pt-\\[3px\\]{padding-top:3px}.pt-\\[49\\%\\]{padding-top:49%}.pt-\\[4px\\]{padding-top:4px}.pt-\\[55px\\]{padding-top:55px}.pt-\\[5px\\]{padding-top:5px}.pt-\\[8px\\]{padding-top:8px}.pt-\\[92px\\]{padding-top:92px}.text-left{text-align:left}.\\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.\\!font-poppins{font-family:Poppins!important}.font-jacques{font-family:Jacques Francois}.font-montserrat{font-family:Montserrat,Helvetica,Serif}.font-mouse{font-family:Mouse Memoirs}.font-poppins{font-family:Poppins}.font-sacramento{font-family:Sacramento}.\\!text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.\\!text-base{font-size:1rem!important;line-height:1.5rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[20px\\]{font-size:20px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-\\[32px\\]{font-size:32px}.text-\\[6px\\]{font-size:6px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\\[400\\]{font-weight:400}.font-\\[500\\]{font-weight:500}.font-\\[600\\]{font-weight:600}.font-\\[700\\],.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-\\[12px\\]{line-height:12px}.leading-\\[130\\%\\]{line-height:130%}.leading-\\[13px\\]{line-height:13px}.leading-\\[150\\%\\]{line-height:150%}.leading-\\[15px\\]{line-height:15px}.leading-\\[16px\\]{line-height:16px}.leading-\\[17px\\]{line-height:17px}.leading-\\[18px\\]{line-height:18px}.leading-\\[20px\\]{line-height:20px}.leading-\\[21px\\]{line-height:21px}.leading-\\[23px\\]{line-height:23px}.leading-\\[28px\\]{line-height:28px}.leading-\\[80\\%\\]{line-height:80%}.leading-\\[90\\%\\]{line-height:90%}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\\[-0\\.33px\\]{letter-spacing:-.33px}.tracking-\\[0\\.25px\\]{letter-spacing:.25px}.tracking-\\[0\\.75px\\]{letter-spacing:.75px}.tracking-\\[7px\\]{letter-spacing:7px}.tracking-\\[9px\\]{letter-spacing:9px}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.\\!text-grayscale-700{--tw-text-opacity:1!important;color:rgb(82 89 122/var(--tw-text-opacity,1))!important}.text-\\[\\#006937\\]{--tw-text-opacity:1;color:rgb(0 105 55/var(--tw-text-opacity,1))}.text-\\[\\#18224E\\]{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity,1))}.text-\\[\\#4F4F4F\\]{--tw-text-opacity:1;color:rgb(79 79 79/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-light{--tw-text-opacity:1;color:rgb(2 107 255/var(--tw-text-opacity,1))}.text-cyan-200{--tw-text-opacity:1;color:rgb(160 231 248/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(136 224 247/var(--tw-text-opacity,1))}.text-cyan-500{--tw-text-opacity:1;color:rgb(113 218 245/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(89 212 244/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(65 206 242/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(64 203 166/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-grayscale-400{--tw-text-opacity:1;color:rgb(168 172 189/var(--tw-text-opacity,1))}.text-grayscale-50{--tw-text-opacity:1;color:rgb(251 251 252/var(--tw-text-opacity,1))}.text-grayscale-500{--tw-text-opacity:1;color:rgb(139 145 167/var(--tw-text-opacity,1))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity,1))}.text-grayscale-700{--tw-text-opacity:1;color:rgb(82 89 122/var(--tw-text-opacity,1))}.text-grayscale-800{--tw-text-opacity:1;color:rgb(53 62 100/var(--tw-text-opacity,1))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-dark{--tw-text-opacity:1;color:rgb(5 182 93/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(239 93 53/var(--tw-text-opacity,1))}.text-pink-200{--tw-text-opacity:1;color:rgb(251 207 232/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-mastercard{--tw-text-opacity:1;color:rgb(235 0 27/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-spice-400{--tw-text-opacity:1;color:rgb(255 112 64/var(--tw-text-opacity,1))}.text-spice-500{--tw-text-opacity:1;color:rgb(255 88 32/var(--tw-text-opacity,1))}.text-spice-700{--tw-text-opacity:1;color:rgb(223 56 0/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\\/85{color:hsla(0,0%,100%,.85)}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-60{opacity:.6}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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-3xl{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-\\[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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_18px_50px_rgba\\(24\\2c 34\\2c 78\\2c 0\\.12\\)\\]{--tw-shadow:0 18px 50px rgba(24,34,78,.12);--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);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)}.shadow-\\[0_1px_3px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.3\\)\\],.shadow-bottom{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-bottom{--tw-shadow:0px 4px 0px rgba(0,0,0,.25);--tw-shadow-colored:0px 4px 0px var(--tw-shadow-color)}.outline{outline-style:solid}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{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{animation:none;border-color:#40cba6}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@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);z-index:9}.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}.lc-line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@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,.vc-display-card-full-container{padding-left:15px;padding-right:15px}.vc-display-card-full-container{height:100%;padding-top:15px}.lc-line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@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%}.vc-display-card{font-family:Mouse Memoirs}.vc-display-card-ribbon-safe-area{box-sizing:border-box;padding-inline:var(--vc-display-card-ribbon-safe-area,38px)}.vc-toggle-side-button{background-color:#00000099}@font-face{font-display:swap;font-family:Mouse Memoirs;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/mousememoirs/v13/t5tmIRoSNJ-PH0WNNgDYxdSb3T7Prw.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Mouse Memoirs;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/mousememoirs/v13/t5tmIRoSNJ-PH0WNNgDYxdSb3TDPr6OH.woff2) format(\"woff2\");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100 900;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format(\"woff2\");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100 900;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Jacques Francois;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/jacquesfrancois/v24/ZXu9e04ZvKeOOHIe1TMahbcIU2cgqcTgoA.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Sacramento;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sacramento/v15/buEzpo6gcdjy0EiZMBUG4C0f_Q.woff2) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Sacramento;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sacramento/v15/buEzpo6gcdjy0EiZMBUG4CMf_exL.woff2) format(\"woff2\");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}.last\\:border-0:last-child{border-width:0}.last\\:border-b-0:last-child{border-bottom-width:0}.last\\:pb-0:last-child{padding-bottom:0}.hover\\:text-grayscale-700:hover{--tw-text-opacity:1;color:rgb(82 89 122/var(--tw-text-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}@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 (min-width:1280px){.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@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.10.8",
3
+ "version": "2.12.0",
4
4
  "description": "",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -24,7 +24,7 @@
24
24
  "author": "Learning Economy Foundation (www.learningeconomy.io)",
25
25
  "license": "MIT",
26
26
  "devDependencies": {
27
- "@learncard/types": "5.17.6",
27
+ "@learncard/types": "5.18.1",
28
28
  "@rollup/plugin-commonjs": "^22.0.0",
29
29
  "@rollup/plugin-json": "^4.1.0",
30
30
  "@rollup/plugin-node-resolve": "^13.3.0",
@@ -66,7 +66,7 @@
66
66
  "vite": "^6.4.2"
67
67
  },
68
68
  "dependencies": {
69
- "@learncard/init": "2.4.8",
69
+ "@learncard/init": "2.4.10",
70
70
  "date-fns": "^2.28.0",
71
71
  "numeral": "^2.0.6",
72
72
  "pretty-bytes": "^6.0.0",
package/src/assets/styles/main.css CHANGED
@@ -371,6 +371,16 @@
371
371
  font-family: 'Mouse Memoirs';
372
372
  }
373
373
 
374
+ /*
375
+ * Ribbon tails extend 30px beyond the card. Keep that overhang plus an 8px
376
+ * visible gutter inside VCDisplayCard2 so every preview host gets the same fit.
377
+ */
378
+ .vc-display-card-ribbon-safe-area {
379
+ box-sizing: border-box;
380
+ /* Hosts that already reserve ribbon-tail space can set this custom property to 0px. */
381
+ padding-inline: var(--vc-display-card-ribbon-safe-area, 38px);
382
+ }
383
+
374
384
  .vc-toggle-side-button {
375
385
  background-color: #00000099;
376
386
  }
package/src/components/BoostGenericCard/BoostGenericCard.tsx CHANGED
@@ -6,6 +6,8 @@ import AlignmentSkillsCount from './AlignmentSkillsCount';
6
6
  import ThreeDotVertical from '../svgs/ThreeDotVertical';
7
7
  import { CircleCheckButton } from '../CircleCheckButton';
8
8
  import BadgeThumbnailImg from '../BadgeThumbnailImg/BadgeThumbnailImg';
9
+ import { getLifecycleTreatment } from '../../helpers/lifecycle.helpers';
10
+ import { useT } from '../../i18n';
9
11
 
10
12
  export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
11
13
  title,
@@ -33,7 +35,9 @@ export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
33
35
  linkedCredentialsCount = 0,
34
36
  linkedCredentialsClassName = '',
35
37
  checkBtnClass = '',
38
+ lifecycleStatus = 'active',
36
39
  }) => {
40
+ const t = useT();
37
41
  const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]
38
42
  ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`
39
43
  : 'bg-grayscale-50';
@@ -45,10 +49,31 @@ export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
45
49
 
46
50
  const DisplayIcon = getDisplayIcon(displayType as DisplayTypeEnum);
47
51
 
52
+ // Shared revoked/suspended treatment (see getLifecycleTreatment). Inline styles are
53
+ // used (not Tailwind classes) because the consumer app's Tailwind doesn't scan this
54
+ // package and it ships no utility CSS, so utility classes here have no backing rule.
55
+ const {
56
+ isInactive,
57
+ mediaStyle: inactiveMediaStyle,
58
+ textStyle: inactiveTextStyle,
59
+ pillBg,
60
+ } = getLifecycleTreatment(lifecycleStatus);
61
+ const pillLabel = t(`credential.lifecycle.${lifecycleStatus}`);
62
+ const pillLeft = showChecked ? 'left-[44px]' : 'left-[8px]';
63
+
48
64
  return (
49
65
  <div
50
66
  className={`flex bg-white flex-col shadow-bottom relative p-0 w-[160px] h-[285px] rounded-[20px] overflow-hidden ${className}`}
51
67
  >
68
+ {isInactive && (
69
+ <span
70
+ className={`absolute top-[8px] ${pillLeft} z-20 rounded-full px-[9px] py-[3px] text-[10px] font-extrabold uppercase tracking-wide text-white`}
71
+ style={{ backgroundColor: pillBg }}
72
+ >
73
+ {pillLabel}
74
+ </span>
75
+ )}
76
+
52
77
  {optionsTriggerOnClick && (
53
78
  <section
54
79
  className="absolute cursor-pointer h-[30px] w-[30px] top-[5px] right-[5px] rounded-full bg-white/70 flex items-center justify-center z-20"
@@ -59,7 +84,10 @@ export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
59
84
  )}
60
85
 
61
86
  {bgImgSrc && (
62
- <section className="absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0">
87
+ <section
88
+ className="absolute top-[-50px] left-0 rounded-b-full overflow-hidden z-0"
89
+ style={inactiveMediaStyle}
90
+ >
63
91
  <img className="h-full w-full object-cover" src={bgImgSrc} />
64
92
  </section>
65
93
  )}
@@ -69,23 +97,33 @@ export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
69
97
  className="z-10 flex flex-col flex-grow"
70
98
  onClick={handleInnerClick}
71
99
  >
72
- {/* Thumbnail */}
73
- {customThumbComponent || (
74
- <section className={defaultThumbClass}>
75
- {thumbImgSrc?.trim() ? (
76
- <BadgeThumbnailImg
77
- className="w-full h-full rounded-full object-cover"
78
- src={thumbImgSrc}
79
- alt="Credential Achievement"
80
- />
81
- ) : (
82
- <img
83
- className="max-w-full p-0 object-cover rounded-full"
84
- src={imgSrc}
85
- />
86
- )}
87
- </section>
88
- )}
100
+ {/* Thumbnail — filter on the wrapper so it desaturates a
101
+ customThumbComponent too, not just the default thumb section.
102
+ The explicit width is load-bearing on iOS 18 WebKit: a bare block
103
+ child of a <button> flex container is laid out shrink-to-fit there
104
+ (UA align-items: flex-start per the HTML spec), so without it the
105
+ badge collapses to its 116px circle and the header artwork stops
106
+ running under the options button. iOS 26+/desktop engines compute
107
+ align-items: normal and stretch, which masks the bug (LC-2066).
108
+ width is spread last so nothing can ever override it. */}
109
+ <div style={{ ...inactiveMediaStyle, width: '100%' }}>
110
+ {customThumbComponent || (
111
+ <section className={defaultThumbClass}>
112
+ {thumbImgSrc?.trim() ? (
113
+ <BadgeThumbnailImg
114
+ className="w-full h-full rounded-full object-cover"
115
+ src={thumbImgSrc}
116
+ alt="Credential Achievement"
117
+ />
118
+ ) : (
119
+ <img
120
+ className="max-w-full p-0 object-cover rounded-full"
121
+ src={imgSrc}
122
+ />
123
+ )}
124
+ </section>
125
+ )}
126
+ </div>
89
127
 
90
128
  {/* Details Section: grows to fill available space */}
91
129
  <section
@@ -107,6 +145,7 @@ export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
107
145
  : 'text-[16px]'
108
146
  }
109
147
  `}
148
+ style={inactiveTextStyle}
110
149
  title={title}
111
150
  >
112
151
  {title}
@@ -124,7 +163,9 @@ export const BoostGenericCard: React.FC<BoostGenericCardProps> = ({
124
163
  </span>
125
164
  )}
126
165
  {customIssuerName || (
127
- <span className="font-bold">{issuerName}</span>
166
+ <span className="font-bold" style={inactiveTextStyle}>
167
+ {issuerName}
168
+ </span>
128
169
  )}
129
170
  </span>
130
171
  </div>
package/src/components/BoostGenericCard/__tests__/BoostGenericCard.thumb.test.tsx ADDED
@@ -0,0 +1,59 @@
1
+ // @vitest-environment jsdom
2
+
3
+ import React from 'react';
4
+ import { render } from '@testing-library/react';
5
+ import { describe, expect, test } from 'vitest';
6
+
7
+ import { BoostGenericCard } from '../BoostGenericCard';
8
+
9
+ /**
10
+ * LC-2066 regression guard.
11
+ *
12
+ * The thumbnail wrapper added for the revoked/suspended grayscale treatment
13
+ * (#1366) sits directly inside the card's `<button>`. On iOS 18 WebKit a bare
14
+ * block child of a <button> flex container is laid out shrink-to-fit (UA
15
+ * `align-items: flex-start` per the HTML spec), so the badge — which sizes
16
+ * itself with `width: 100%` — collapses to the width of its 116px circle and
17
+ * the header artwork no longer runs under the absolutely-positioned options
18
+ * ("...") button. iOS 26+/desktop engines compute `align-items: normal` and
19
+ * stretch the wrapper, which masks the bug. The wrapper must therefore carry
20
+ * its own explicit width. Verified by A/B on an iOS 18.1 simulator:
21
+ * without width the wrapper measures 116px, with it 160px.
22
+ */
23
+ describe('BoostGenericCard thumbnail wrapper', () => {
24
+ const getThumbWrapper = (container: HTMLElement) => {
25
+ const badge = container.querySelector('[data-testid="thumb-child"]');
26
+ expect(badge).not.toBeNull();
27
+
28
+ return badge!.parentElement as HTMLElement;
29
+ };
30
+
31
+ test('gives the custom thumbnail wrapper an explicit full width', () => {
32
+ const { container } = render(
33
+ <BoostGenericCard
34
+ title="Camp Counselor"
35
+ customThumbComponent={<div data-testid="thumb-child" style={{ width: '100%' }} />}
36
+ optionsTriggerOnClick={() => {}}
37
+ />
38
+ );
39
+
40
+ expect(getThumbWrapper(container).style.width).toBe('100%');
41
+ });
42
+
43
+ test('keeps the explicit width when the credential is revoked', () => {
44
+ const { container } = render(
45
+ <BoostGenericCard
46
+ title="Camp Counselor"
47
+ customThumbComponent={<div data-testid="thumb-child" style={{ width: '100%' }} />}
48
+ optionsTriggerOnClick={() => {}}
49
+ lifecycleStatus="revoked"
50
+ />
51
+ );
52
+
53
+ const wrapper = getThumbWrapper(container);
54
+
55
+ expect(wrapper.style.width).toBe('100%');
56
+ // The grayscale treatment must survive alongside the width.
57
+ expect(wrapper.style.filter).toContain('grayscale');
58
+ });
59
+ });
package/src/components/Lightbox/ExternalVideoFallback.tsx ADDED
@@ -0,0 +1,53 @@
1
+ import React from 'react';
2
+
3
+ import { openExternalUrl } from '../../helpers/externalUrl.helpers';
4
+
5
+ export type ExternalVideoFallbackProps = {
6
+ /** Public `watch` URL opened when the user taps play. */
7
+ url: string;
8
+ /** Poster frame, when we managed to resolve one. */
9
+ thumbnailUrl?: string | null;
10
+ label?: string;
11
+ className?: string;
12
+ };
13
+
14
+ /**
15
+ * Stand-in for a video `<iframe>` in documents where third-party embeds cannot
16
+ * play — see `canEmbedVideoIframe`. Renders the poster frame with a play button
17
+ * that hands playback off to an external browser.
18
+ */
19
+ export const ExternalVideoFallback: React.FC<ExternalVideoFallbackProps> = ({
20
+ url,
21
+ thumbnailUrl,
22
+ label = 'Watch on YouTube',
23
+ className = '',
24
+ }) => (
25
+ <button
26
+ type="button"
27
+ onClick={e => {
28
+ e.stopPropagation();
29
+ openExternalUrl(url);
30
+ }}
31
+ aria-label={label}
32
+ className={`relative w-full h-full flex flex-col items-center justify-center gap-[16px] overflow-hidden rounded-md bg-black ${className}`}
33
+ >
34
+ {thumbnailUrl && (
35
+ <img
36
+ src={thumbnailUrl}
37
+ alt=""
38
+ aria-hidden="true"
39
+ className="absolute inset-0 w-full h-full object-cover opacity-60"
40
+ />
41
+ )}
42
+
43
+ <div className="relative w-[64px] h-[64px] rounded-full bg-white/95 flex items-center justify-center">
44
+ <svg viewBox="0 0 24 24" className="w-[28px] h-[28px] ml-[4px]" aria-hidden="true">
45
+ <path d="M8 5v14l11-7z" fill="#000" />
46
+ </svg>
47
+ </div>
48
+
49
+ <span className="relative text-white text-base font-semibold">{label}</span>
50
+ </button>
51
+ );
52
+
53
+ export default ExternalVideoFallback;
package/src/components/Lightbox/Lightbox.tsx CHANGED
@@ -3,7 +3,13 @@ import { createPortal } from 'react-dom';
3
3
 
4
4
  import X from '../svgs/X';
5
5
 
6
- import { getVideoMetadata, VideoMetadata } from '../../helpers/video.helpers';
6
+ import {
7
+ canEmbedVideoIframe,
8
+ getExternalVideoUrl,
9
+ getVideoMetadata,
10
+ VideoMetadata,
11
+ } from '../../helpers/video.helpers';
12
+ import ExternalVideoFallback from './ExternalVideoFallback';
7
13
 
8
14
  export type LightboxItemType = 'photo' | 'video';
9
15
 
@@ -117,14 +123,22 @@ export const Lightbox: React.FC<LightboxProps> = ({
117
123
 
118
124
  {currentItem.type === 'video' && videoMetadata?.embedUrl && (
119
125
  <div className="relative w-[90vw] max-w-[800px] aspect-video">
120
- <iframe
121
- src={videoMetadata.embedUrl}
122
- className="absolute top-0 left-0 w-full h-full rounded-md"
123
- title="Video player"
124
- frameBorder="0"
125
- allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
126
- allowFullScreen
127
- />
126
+ {canEmbedVideoIframe(videoMetadata.type) ? (
127
+ <iframe
128
+ src={videoMetadata.embedUrl}
129
+ className="absolute top-0 left-0 w-full h-full rounded-md"
130
+ title="Video player"
131
+ frameBorder="0"
132
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
133
+ allowFullScreen
134
+ />
135
+ ) : (
136
+ <ExternalVideoFallback
137
+ url={getExternalVideoUrl(videoMetadata, currentItem.url)}
138
+ thumbnailUrl={videoMetadata.thumbnailUrl}
139
+ className="absolute top-0 left-0"
140
+ />
141
+ )}
128
142
  </div>
129
143
  )}
130
144
  </div>,