@cambly/syntax-core 19.0.0 → 19.1.1

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 (66) hide show
  1. package/dist/Avatar/Avatar.d.ts +1 -1
  2. package/dist/Badge/Badge.d.ts +1 -1
  3. package/dist/Button/Button.cjs +3 -3
  4. package/dist/Button/Button.js +2 -2
  5. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
  6. package/dist/Checkbox/Checkbox.d.ts +1 -1
  7. package/dist/Dialog/ModalDialog.cjs +1 -1
  8. package/dist/Dialog/ModalDialog.js +1 -1
  9. package/dist/Heading/Heading.d.ts +1 -1
  10. package/dist/Modal/Modal.cjs +1 -1
  11. package/dist/Modal/Modal.js +1 -1
  12. package/dist/Popover/Popover.cjs +1 -1
  13. package/dist/Popover/Popover.js +1 -1
  14. package/dist/RadioButton/RadioButton.d.ts +1 -1
  15. package/dist/RichSelect/RichSelectBox.cjs +7 -7
  16. package/dist/RichSelect/RichSelectBox.d.ts +1 -1
  17. package/dist/RichSelect/RichSelectBox.js +6 -6
  18. package/dist/RichSelect/RichSelectList.cjs +9 -9
  19. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  20. package/dist/RichSelect/RichSelectList.js +8 -8
  21. package/dist/RichSelect/RichSelectRadioButton.cjs +3 -3
  22. package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
  23. package/dist/RichSelect/RichSelectRadioButton.js +2 -2
  24. package/dist/SelectList/SelectList.cjs +4 -4
  25. package/dist/SelectList/SelectList.js +3 -3
  26. package/dist/TapArea/TapArea.d.ts +1 -1
  27. package/dist/Typography/Typography.d.ts +3 -3
  28. package/dist/WordConfetti/WordConfetti.cjs +17 -0
  29. package/dist/WordConfetti/WordConfetti.cjs.map +1 -0
  30. package/dist/WordConfetti/WordConfetti.css +2394 -0
  31. package/dist/WordConfetti/WordConfetti.css.map +1 -0
  32. package/dist/WordConfetti/WordConfetti.d.ts +32 -0
  33. package/dist/WordConfetti/WordConfetti.js +17 -0
  34. package/dist/WordConfetti/WordConfetti.js.map +1 -0
  35. package/dist/__chunks/{5HWHJRVZ.js → 2P6R4FQ7.js} +1 -1
  36. package/dist/__chunks/{5HWHJRVZ.js.map → 2P6R4FQ7.js.map} +1 -1
  37. package/dist/__chunks/{T3UI6LNR.js → 63HNNOTO.js} +5 -5
  38. package/dist/__chunks/{FQSSK4FT.cjs → 66VTCVJA.cjs} +3 -3
  39. package/dist/__chunks/{RIAJV3ZH.cjs → BFEZ3PUT.cjs} +4 -4
  40. package/dist/__chunks/{RH52UDEB.cjs → C426MKXQ.cjs} +1 -1
  41. package/dist/__chunks/{RH52UDEB.cjs.map → C426MKXQ.cjs.map} +1 -1
  42. package/dist/__chunks/{HZ3SCLC7.cjs → DUXX2PWD.cjs} +12 -12
  43. package/dist/__chunks/{2D2PXUUQ.js → DWVTJZC6.js} +4 -4
  44. package/dist/__chunks/KR6JQ2DS.js +104 -0
  45. package/dist/__chunks/KR6JQ2DS.js.map +1 -0
  46. package/dist/__chunks/{NXOKB47G.js → KUPZJPW5.js} +4 -4
  47. package/dist/__chunks/{BIW5AZCF.js → KY2TFXG3.js} +4 -4
  48. package/dist/__chunks/{ZZPX5ZUM.cjs → OMXDPTE4.cjs} +6 -6
  49. package/dist/__chunks/VWM2UOZ3.cjs +104 -0
  50. package/dist/__chunks/VWM2UOZ3.cjs.map +1 -0
  51. package/dist/__chunks/{SN7NPTN4.cjs → YWOZ724L.cjs} +8 -8
  52. package/dist/__chunks/{U6TGYOG7.js → ZHU5A7BH.js} +3 -3
  53. package/dist/index.cjs +25 -21
  54. package/dist/index.d.ts +1 -0
  55. package/dist/index.js +27 -23
  56. package/package.json +1 -1
  57. /package/dist/__chunks/{T3UI6LNR.js.map → 63HNNOTO.js.map} +0 -0
  58. /package/dist/__chunks/{FQSSK4FT.cjs.map → 66VTCVJA.cjs.map} +0 -0
  59. /package/dist/__chunks/{RIAJV3ZH.cjs.map → BFEZ3PUT.cjs.map} +0 -0
  60. /package/dist/__chunks/{HZ3SCLC7.cjs.map → DUXX2PWD.cjs.map} +0 -0
  61. /package/dist/__chunks/{2D2PXUUQ.js.map → DWVTJZC6.js.map} +0 -0
  62. /package/dist/__chunks/{NXOKB47G.js.map → KUPZJPW5.js.map} +0 -0
  63. /package/dist/__chunks/{BIW5AZCF.js.map → KY2TFXG3.js.map} +0 -0
  64. /package/dist/__chunks/{ZZPX5ZUM.cjs.map → OMXDPTE4.cjs.map} +0 -0
  65. /package/dist/__chunks/{SN7NPTN4.cjs.map → YWOZ724L.cjs.map} +0 -0
  66. /package/dist/__chunks/{U6TGYOG7.js.map → ZHU5A7BH.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/border.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data"],"sourcesContent":["._box_xcjsm_1 {\n box-sizing: border-box;\n}\n\n._flexnone_xcjsm_5 {\n flex: 0 0 auto;\n}\n\n._flexgrow_xcjsm_9 {\n flex: 1 1 auto;\n}\n\n._flexWrap_xcjsm_13 {\n flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_xcjsm_18 {\n align-items: center;\n}\n\n._alignItemsstart_xcjsm_22 {\n align-items: flex-start;\n}\n\n._alignItemsend_xcjsm_26 {\n align-items: flex-end;\n}\n\n._alignItemsstretch_xcjsm_30 {\n align-items: stretch;\n}\n\n._alignItemsbaseline_xcjsm_34 {\n align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n ._alignItemscenterSmall_xcjsm_40 {\n align-items: center;\n }\n\n ._alignItemsstartSmall_xcjsm_44 {\n align-items: flex-start;\n }\n\n ._alignItemsendSmall_xcjsm_48 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchSmall_xcjsm_52 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineSmall_xcjsm_56 {\n align-items: baseline;\n }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n ._alignItemscenterLarge_xcjsm_63 {\n align-items: center;\n }\n\n ._alignItemsstartLarge_xcjsm_67 {\n align-items: flex-start;\n }\n\n ._alignItemsendLarge_xcjsm_71 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchLarge_xcjsm_75 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineLarge_xcjsm_79 {\n align-items: baseline;\n }\n}\n\n/* Align self */\n._alignSelfcenter_xcjsm_85 {\n align-self: center;\n}\n\n._alignSelfstart_xcjsm_89 {\n align-self: flex-start;\n}\n\n._alignSelfend_xcjsm_93 {\n align-self: flex-end;\n}\n\n._alignSelfstretch_xcjsm_97 {\n align-self: stretch;\n}\n\n._alignSelfbaseline_xcjsm_101 {\n align-self: baseline;\n}\n\n._alignSelfauto_xcjsm_105 {\n align-self: auto;\n}\n\n/* Display (base) */\n._block_xcjsm_110 {\n display: block;\n}\n\n._flex_xcjsm_5 {\n display: flex;\n}\n\n._inlineBlock_xcjsm_118 {\n display: inline-block;\n}\n\n._inlineFlex_xcjsm_122 {\n display: inline-flex;\n}\n\n._none_xcjsm_126 {\n display: none;\n}\n\n._visuallyHidden_xcjsm_130 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n ._blockSmall_xcjsm_144 {\n display: block;\n }\n\n ._flexSmall_xcjsm_148 {\n display: flex;\n }\n\n ._inlineBlockSmall_xcjsm_152 {\n display: inline-block;\n }\n\n ._inlineFlexSmall_xcjsm_156 {\n display: inline-flex;\n }\n\n ._noneSmall_xcjsm_160 {\n display: none;\n }\n\n ._visuallyHiddenSmall_xcjsm_164 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n ._blockLarge_xcjsm_179 {\n display: block;\n }\n\n ._flexLarge_xcjsm_183 {\n display: flex;\n }\n\n ._inlineBlockLarge_xcjsm_187 {\n display: inline-block;\n }\n\n ._inlineFlexLarge_xcjsm_191 {\n display: inline-flex;\n }\n\n ._noneLarge_xcjsm_195 {\n display: none;\n }\n\n ._visuallyHiddenLarge_xcjsm_199 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Direction */\n._column_xcjsm_213 {\n flex-direction: column;\n}\n\n._row_xcjsm_217 {\n flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n ._columnSmall_xcjsm_223 {\n flex-direction: column;\n }\n\n ._rowSmall_xcjsm_227 {\n flex-direction: row;\n }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n ._columnLarge_xcjsm_234 {\n flex-direction: column;\n }\n\n ._rowLarge_xcjsm_238 {\n flex-direction: row;\n }\n}\n\n/* Gap */\n._gap0_xcjsm_244 {\n gap: 0;\n}\n\n._gap1_xcjsm_248 {\n gap: 4px;\n}\n\n._gap2_xcjsm_252 {\n gap: 8px;\n}\n\n._gap3_xcjsm_256 {\n gap: 12px;\n}\n\n._gap4_xcjsm_260 {\n gap: 16px;\n}\n\n._gap5_xcjsm_264 {\n gap: 20px;\n}\n\n._gap6_xcjsm_268 {\n gap: 24px;\n}\n\n._gap7_xcjsm_272 {\n gap: 28px;\n}\n\n._gap8_xcjsm_276 {\n gap: 32px;\n}\n\n._gap9_xcjsm_280 {\n gap: 36px;\n}\n\n._gap10_xcjsm_284 {\n gap: 40px;\n}\n\n._gap11_xcjsm_288 {\n gap: 44px;\n}\n\n._gap12_xcjsm_292 {\n gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_xcjsm_297 {\n justify-content: center;\n}\n\n._justifyContentstart_xcjsm_301 {\n justify-content: flex-start;\n}\n\n._justifyContentend_xcjsm_305 {\n justify-content: flex-end;\n}\n\n._justifyContentbetween_xcjsm_309 {\n justify-content: space-between;\n}\n\n._justifyContentaround_xcjsm_313 {\n justify-content: space-around;\n}\n\n._justifyContentevenly_xcjsm_317 {\n justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n ._justifyContentcenterSmall_xcjsm_323 {\n justify-content: center;\n }\n\n ._justifyContentstartSmall_xcjsm_327 {\n justify-content: flex-start;\n }\n\n ._justifyContentendSmall_xcjsm_331 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenSmall_xcjsm_335 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundSmall_xcjsm_339 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlySmall_xcjsm_343 {\n justify-content: space-evenly;\n }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n ._justifyContentcenterLarge_xcjsm_350 {\n justify-content: center;\n }\n\n ._justifyContentstartLarge_xcjsm_354 {\n justify-content: flex-start;\n }\n\n ._justifyContentendLarge_xcjsm_358 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenLarge_xcjsm_362 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundLarge_xcjsm_366 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlyLarge_xcjsm_370 {\n justify-content: space-evenly;\n }\n}\n\n/* Overflow */\n._overflowvisible_xcjsm_376 {\n overflow: visible;\n}\n\n._overflowhidden_xcjsm_380 {\n overflow: hidden;\n}\n\n._overflowscroll_xcjsm_384 {\n overflow: scroll;\n}\n\n._overflowauto_xcjsm_388 {\n overflow: auto;\n}\n\n._overflowinherit_xcjsm_392 {\n overflow: inherit;\n}\n\n._overflowinitial_xcjsm_396 {\n overflow: initial;\n}\n\n._overflowXvisible_xcjsm_400 {\n overflow-x: visible;\n}\n\n._overflowXhidden_xcjsm_404 {\n overflow-x: hidden;\n}\n\n._overflowXscroll_xcjsm_408 {\n overflow-x: scroll;\n}\n\n._overflowXauto_xcjsm_412 {\n overflow-x: auto;\n}\n\n._overflowXinherit_xcjsm_416 {\n overflow-x: inherit;\n}\n\n._overflowXinitial_xcjsm_420 {\n overflow-x: initial;\n}\n\n._overflowYvisible_xcjsm_424 {\n overflow-y: visible;\n}\n\n._overflowYhidden_xcjsm_428 {\n overflow-y: hidden;\n}\n\n._overflowYscroll_xcjsm_432 {\n overflow-y: scroll;\n}\n\n._overflowYauto_xcjsm_436 {\n overflow-y: auto;\n}\n\n._overflowYinherit_xcjsm_440 {\n overflow-y: inherit;\n}\n\n._overflowYinitial_xcjsm_444 {\n overflow-y: initial;\n}\n\n/* Position */\n._absolute_xcjsm_449 {\n position: absolute;\n}\n\n._fixed_xcjsm_453 {\n position: fixed;\n}\n\n._relative_xcjsm_457 {\n position: relative;\n}\n\n._sticky_xcjsm_461 {\n position: sticky;\n}\n","/* Margin bottom */\n._marginBottom-12_1whn1_2 {\n margin-bottom: -48px;\n}\n\n._marginBottom-11_1whn1_6 {\n margin-bottom: -44px;\n}\n\n._marginBottom-10_1whn1_10 {\n margin-bottom: -40px;\n}\n\n._marginBottom-9_1whn1_14 {\n margin-bottom: -36px;\n}\n\n._marginBottom-8_1whn1_18 {\n margin-bottom: -32px;\n}\n\n._marginBottom-7_1whn1_22 {\n margin-bottom: -28px;\n}\n\n._marginBottom-6_1whn1_26 {\n margin-bottom: -24px;\n}\n\n._marginBottom-5_1whn1_30 {\n margin-bottom: -20px;\n}\n\n._marginBottom-4_1whn1_34 {\n margin-bottom: -16px;\n}\n\n._marginBottom-3_1whn1_38 {\n margin-bottom: -12px;\n}\n\n._marginBottom-2_1whn1_42 {\n margin-bottom: -8px;\n}\n\n._marginBottom-1_1whn1_2 {\n margin-bottom: -4px;\n}\n\n._marginBottom0_1whn1_50 {\n margin-bottom: 0;\n}\n\n._marginBottom1_1whn1_54 {\n margin-bottom: 4px;\n}\n\n._marginBottom2_1whn1_58 {\n margin-bottom: 8px;\n}\n\n._marginBottom3_1whn1_62 {\n margin-bottom: 12px;\n}\n\n._marginBottom4_1whn1_66 {\n margin-bottom: 16px;\n}\n\n._marginBottom5_1whn1_70 {\n margin-bottom: 20px;\n}\n\n._marginBottom6_1whn1_74 {\n margin-bottom: 24px;\n}\n\n._marginBottom7_1whn1_78 {\n margin-bottom: 28px;\n}\n\n._marginBottom8_1whn1_82 {\n margin-bottom: 32px;\n}\n\n._marginBottom9_1whn1_86 {\n margin-bottom: 36px;\n}\n\n._marginBottom10_1whn1_90 {\n margin-bottom: 40px;\n}\n\n._marginBottom11_1whn1_94 {\n margin-bottom: 44px;\n}\n\n._marginBottom12_1whn1_98 {\n margin-bottom: 48px;\n}\n\n._marginBottomauto_1whn1_102 {\n margin-bottom: auto;\n}\n\n/* Margin end */\n._marginEnd-12_1whn1_107 {\n margin-inline-end: -48px;\n}\n\n._marginEnd-11_1whn1_111 {\n margin-inline-end: -44px;\n}\n\n._marginEnd-10_1whn1_115 {\n margin-inline-end: -40px;\n}\n\n._marginEnd-9_1whn1_119 {\n margin-inline-end: -36px;\n}\n\n._marginEnd-8_1whn1_123 {\n margin-inline-end: -32px;\n}\n\n._marginEnd-7_1whn1_127 {\n margin-inline-end: -28px;\n}\n\n._marginEnd-6_1whn1_131 {\n margin-inline-end: -24px;\n}\n\n._marginEnd-5_1whn1_135 {\n margin-inline-end: -20px;\n}\n\n._marginEnd-4_1whn1_139 {\n margin-inline-end: -16px;\n}\n\n._marginEnd-3_1whn1_143 {\n margin-inline-end: -12px;\n}\n\n._marginEnd-2_1whn1_147 {\n margin-inline-end: -8px;\n}\n\n._marginEnd-1_1whn1_107 {\n margin-inline-end: -4px;\n}\n\n._marginEnd0_1whn1_155 {\n margin-inline-end: 0;\n}\n\n._marginEnd1_1whn1_159 {\n margin-inline-end: 4px;\n}\n\n._marginEnd2_1whn1_163 {\n margin-inline-end: 8px;\n}\n\n._marginEnd3_1whn1_167 {\n margin-inline-end: 12px;\n}\n\n._marginEnd4_1whn1_171 {\n margin-inline-end: 16px;\n}\n\n._marginEnd5_1whn1_175 {\n margin-inline-end: 20px;\n}\n\n._marginEnd6_1whn1_179 {\n margin-inline-end: 24px;\n}\n\n._marginEnd7_1whn1_183 {\n margin-inline-end: 28px;\n}\n\n._marginEnd8_1whn1_187 {\n margin-inline-end: 32px;\n}\n\n._marginEnd9_1whn1_191 {\n margin-inline-end: 36px;\n}\n\n._marginEnd10_1whn1_195 {\n margin-inline-end: 40px;\n}\n\n._marginEnd11_1whn1_199 {\n margin-inline-end: 44px;\n}\n\n._marginEnd12_1whn1_203 {\n margin-inline-end: 48px;\n}\n\n._marginEndauto_1whn1_207 {\n margin-inline-end: auto;\n}\n\n/* Margin start */\n._marginStart-12_1whn1_212 {\n margin-inline-start: -48px;\n}\n\n._marginStart-11_1whn1_216 {\n margin-inline-start: -44px;\n}\n\n._marginStart-10_1whn1_220 {\n margin-inline-start: -40px;\n}\n\n._marginStart-9_1whn1_224 {\n margin-inline-start: -36px;\n}\n\n._marginStart-8_1whn1_228 {\n margin-inline-start: -32px;\n}\n\n._marginStart-7_1whn1_232 {\n margin-inline-start: -28px;\n}\n\n._marginStart-6_1whn1_236 {\n margin-inline-start: -24px;\n}\n\n._marginStart-5_1whn1_240 {\n margin-inline-start: -20px;\n}\n\n._marginStart-4_1whn1_244 {\n margin-inline-start: -16px;\n}\n\n._marginStart-3_1whn1_248 {\n margin-inline-start: -12px;\n}\n\n._marginStart-2_1whn1_252 {\n margin-inline-start: -8px;\n}\n\n._marginStart-1_1whn1_212 {\n margin-inline-start: -4px;\n}\n\n._marginStart0_1whn1_260 {\n margin-inline-start: 0;\n}\n\n._marginStart1_1whn1_264 {\n margin-inline-start: 4px;\n}\n\n._marginStart2_1whn1_268 {\n margin-inline-start: 8px;\n}\n\n._marginStart3_1whn1_272 {\n margin-inline-start: 12px;\n}\n\n._marginStart4_1whn1_276 {\n margin-inline-start: 16px;\n}\n\n._marginStart5_1whn1_280 {\n margin-inline-start: 20px;\n}\n\n._marginStart6_1whn1_284 {\n margin-inline-start: 24px;\n}\n\n._marginStart7_1whn1_288 {\n margin-inline-start: 28px;\n}\n\n._marginStart8_1whn1_292 {\n margin-inline-start: 32px;\n}\n\n._marginStart9_1whn1_296 {\n margin-inline-start: 36px;\n}\n\n._marginStart10_1whn1_300 {\n margin-inline-start: 40px;\n}\n\n._marginStart11_1whn1_304 {\n margin-inline-start: 44px;\n}\n\n._marginStart12_1whn1_308 {\n margin-inline-start: 48px;\n}\n\n._marginStartauto_1whn1_312 {\n margin-inline-start: auto;\n}\n\n/* Margin top */\n._marginTop-12_1whn1_317 {\n margin-top: -48px;\n}\n\n._marginTop-11_1whn1_321 {\n margin-top: -44px;\n}\n\n._marginTop-10_1whn1_325 {\n margin-top: -40px;\n}\n\n._marginTop-9_1whn1_329 {\n margin-top: -36px;\n}\n\n._marginTop-8_1whn1_333 {\n margin-top: -32px;\n}\n\n._marginTop-7_1whn1_337 {\n margin-top: -28px;\n}\n\n._marginTop-6_1whn1_341 {\n margin-top: -24px;\n}\n\n._marginTop-5_1whn1_345 {\n margin-top: -20px;\n}\n\n._marginTop-4_1whn1_349 {\n margin-top: -16px;\n}\n\n._marginTop-3_1whn1_353 {\n margin-top: -12px;\n}\n\n._marginTop-2_1whn1_357 {\n margin-top: -8px;\n}\n\n._marginTop-1_1whn1_317 {\n margin-top: -4px;\n}\n\n._marginTop0_1whn1_365 {\n margin-top: 0;\n}\n\n._marginTop1_1whn1_369 {\n margin-top: 4px;\n}\n\n._marginTop2_1whn1_373 {\n margin-top: 8px;\n}\n\n._marginTop3_1whn1_377 {\n margin-top: 12px;\n}\n\n._marginTop4_1whn1_381 {\n margin-top: 16px;\n}\n\n._marginTop5_1whn1_385 {\n margin-top: 20px;\n}\n\n._marginTop6_1whn1_389 {\n margin-top: 24px;\n}\n\n._marginTop7_1whn1_393 {\n margin-top: 28px;\n}\n\n._marginTop8_1whn1_397 {\n margin-top: 32px;\n}\n\n._marginTop9_1whn1_401 {\n margin-top: 36px;\n}\n\n._marginTop10_1whn1_405 {\n margin-top: 40px;\n}\n\n._marginTop11_1whn1_409 {\n margin-top: 44px;\n}\n\n._marginTop12_1whn1_413 {\n margin-top: 48px;\n}\n\n._marginTopauto_1whn1_417 {\n margin-top: auto;\n}\n\n/* Margin (small and up) */\n@media (min-width: 480px) {\n ._marginBottom-12Small_1whn1_423 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Small_1whn1_427 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Small_1whn1_431 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Small_1whn1_435 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Small_1whn1_439 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Small_1whn1_443 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Small_1whn1_447 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Small_1whn1_451 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Small_1whn1_455 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Small_1whn1_459 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Small_1whn1_463 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Small_1whn1_467 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Small_1whn1_471 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Small_1whn1_475 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Small_1whn1_479 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Small_1whn1_483 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Small_1whn1_487 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Small_1whn1_491 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Small_1whn1_495 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Small_1whn1_499 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Small_1whn1_503 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Small_1whn1_507 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Small_1whn1_511 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Small_1whn1_515 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Small_1whn1_519 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoSmall_1whn1_523 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Small_1whn1_527 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Small_1whn1_531 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Small_1whn1_535 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Small_1whn1_539 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Small_1whn1_543 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Small_1whn1_547 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Small_1whn1_551 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Small_1whn1_555 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Small_1whn1_559 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Small_1whn1_563 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Small_1whn1_567 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Small_1whn1_571 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Small_1whn1_575 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Small_1whn1_579 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Small_1whn1_583 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Small_1whn1_587 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Small_1whn1_591 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Small_1whn1_595 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Small_1whn1_599 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Small_1whn1_603 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Small_1whn1_607 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Small_1whn1_611 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Small_1whn1_615 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Small_1whn1_619 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Small_1whn1_623 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoSmall_1whn1_627 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Small_1whn1_631 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Small_1whn1_635 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Small_1whn1_639 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Small_1whn1_643 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Small_1whn1_647 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Small_1whn1_651 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Small_1whn1_655 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Small_1whn1_659 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Small_1whn1_663 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Small_1whn1_667 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Small_1whn1_671 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Small_1whn1_675 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Small_1whn1_679 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Small_1whn1_683 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Small_1whn1_687 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Small_1whn1_691 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Small_1whn1_695 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Small_1whn1_699 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Small_1whn1_703 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Small_1whn1_707 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Small_1whn1_711 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Small_1whn1_715 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Small_1whn1_719 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Small_1whn1_723 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Small_1whn1_727 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoSmall_1whn1_731 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Small_1whn1_735 {\n margin-top: -48px;\n }\n\n ._marginTop-11Small_1whn1_739 {\n margin-top: -44px;\n }\n\n ._marginTop-10Small_1whn1_743 {\n margin-top: -40px;\n }\n\n ._marginTop-9Small_1whn1_747 {\n margin-top: -36px;\n }\n\n ._marginTop-8Small_1whn1_751 {\n margin-top: -32px;\n }\n\n ._marginTop-7Small_1whn1_755 {\n margin-top: -28px;\n }\n\n ._marginTop-6Small_1whn1_759 {\n margin-top: -24px;\n }\n\n ._marginTop-5Small_1whn1_763 {\n margin-top: -20px;\n }\n\n ._marginTop-4Small_1whn1_767 {\n margin-top: -16px;\n }\n\n ._marginTop-3Small_1whn1_771 {\n margin-top: -12px;\n }\n\n ._marginTop-2Small_1whn1_775 {\n margin-top: -8px;\n }\n\n ._marginTop-1Small_1whn1_779 {\n margin-top: -4px;\n }\n\n ._marginTop0Small_1whn1_783 {\n margin-top: 0;\n }\n\n ._marginTop1Small_1whn1_787 {\n margin-top: 4px;\n }\n\n ._marginTop2Small_1whn1_791 {\n margin-top: 8px;\n }\n\n ._marginTop3Small_1whn1_795 {\n margin-top: 12px;\n }\n\n ._marginTop4Small_1whn1_799 {\n margin-top: 16px;\n }\n\n ._marginTop5Small_1whn1_803 {\n margin-top: 20px;\n }\n\n ._marginTop6Small_1whn1_807 {\n margin-top: 24px;\n }\n\n ._marginTop7Small_1whn1_811 {\n margin-top: 28px;\n }\n\n ._marginTop8Small_1whn1_815 {\n margin-top: 32px;\n }\n\n ._marginTop9Small_1whn1_819 {\n margin-top: 36px;\n }\n\n ._marginTop10Small_1whn1_823 {\n margin-top: 40px;\n }\n\n ._marginTop11Small_1whn1_827 {\n margin-top: 44px;\n }\n\n ._marginTop12Small_1whn1_831 {\n margin-top: 48px;\n }\n\n ._marginTopautoSmall_1whn1_835 {\n margin-top: auto;\n }\n}\n\n/* Margin (large and up) */\n@media (min-width: 960px) {\n ._marginBottom-12Large_1whn1_842 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Large_1whn1_846 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Large_1whn1_850 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Large_1whn1_854 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Large_1whn1_858 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Large_1whn1_862 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Large_1whn1_866 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Large_1whn1_870 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Large_1whn1_874 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Large_1whn1_878 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Large_1whn1_882 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Large_1whn1_886 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Large_1whn1_890 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Large_1whn1_894 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Large_1whn1_898 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Large_1whn1_902 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Large_1whn1_906 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Large_1whn1_910 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Large_1whn1_914 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Large_1whn1_918 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Large_1whn1_922 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Large_1whn1_926 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Large_1whn1_930 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Large_1whn1_934 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Large_1whn1_938 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoLarge_1whn1_942 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Large_1whn1_946 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Large_1whn1_950 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Large_1whn1_954 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Large_1whn1_958 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Large_1whn1_962 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Large_1whn1_966 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Large_1whn1_970 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Large_1whn1_974 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Large_1whn1_978 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Large_1whn1_982 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Large_1whn1_986 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Large_1whn1_990 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Large_1whn1_994 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Large_1whn1_998 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Large_1whn1_1002 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Large_1whn1_1006 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Large_1whn1_1010 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Large_1whn1_1014 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Large_1whn1_1018 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Large_1whn1_1022 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Large_1whn1_1026 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Large_1whn1_1030 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Large_1whn1_1034 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Large_1whn1_1038 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Large_1whn1_1042 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoLarge_1whn1_1046 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Large_1whn1_1050 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Large_1whn1_1054 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Large_1whn1_1058 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Large_1whn1_1062 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Large_1whn1_1066 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Large_1whn1_1070 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Large_1whn1_1074 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Large_1whn1_1078 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Large_1whn1_1082 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Large_1whn1_1086 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Large_1whn1_1090 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Large_1whn1_1094 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Large_1whn1_1098 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Large_1whn1_1102 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Large_1whn1_1106 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Large_1whn1_1110 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Large_1whn1_1114 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Large_1whn1_1118 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Large_1whn1_1122 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Large_1whn1_1126 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Large_1whn1_1130 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Large_1whn1_1134 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Large_1whn1_1138 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Large_1whn1_1142 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Large_1whn1_1146 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoLarge_1whn1_1150 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Large_1whn1_1154 {\n margin-top: -48px;\n }\n\n ._marginTop-11Large_1whn1_1158 {\n margin-top: -44px;\n }\n\n ._marginTop-10Large_1whn1_1162 {\n margin-top: -40px;\n }\n\n ._marginTop-9Large_1whn1_1166 {\n margin-top: -36px;\n }\n\n ._marginTop-8Large_1whn1_1170 {\n margin-top: -32px;\n }\n\n ._marginTop-7Large_1whn1_1174 {\n margin-top: -28px;\n }\n\n ._marginTop-6Large_1whn1_1178 {\n margin-top: -24px;\n }\n\n ._marginTop-5Large_1whn1_1182 {\n margin-top: -20px;\n }\n\n ._marginTop-4Large_1whn1_1186 {\n margin-top: -16px;\n }\n\n ._marginTop-3Large_1whn1_1190 {\n margin-top: -12px;\n }\n\n ._marginTop-2Large_1whn1_1194 {\n margin-top: -8px;\n }\n\n ._marginTop-1Large_1whn1_1198 {\n margin-top: -4px;\n }\n\n ._marginTop0Large_1whn1_1202 {\n margin-top: 0;\n }\n\n ._marginTop1Large_1whn1_1206 {\n margin-top: 4px;\n }\n\n ._marginTop2Large_1whn1_1210 {\n margin-top: 8px;\n }\n\n ._marginTop3Large_1whn1_1214 {\n margin-top: 12px;\n }\n\n ._marginTop4Large_1whn1_1218 {\n margin-top: 16px;\n }\n\n ._marginTop5Large_1whn1_1222 {\n margin-top: 20px;\n }\n\n ._marginTop6Large_1whn1_1226 {\n margin-top: 24px;\n }\n\n ._marginTop7Large_1whn1_1230 {\n margin-top: 28px;\n }\n\n ._marginTop8Large_1whn1_1234 {\n margin-top: 32px;\n }\n\n ._marginTop9Large_1whn1_1238 {\n margin-top: 36px;\n }\n\n ._marginTop10Large_1whn1_1242 {\n margin-top: 40px;\n }\n\n ._marginTop11Large_1whn1_1246 {\n margin-top: 44px;\n }\n\n ._marginTop12Large_1whn1_1250 {\n margin-top: 48px;\n }\n\n ._marginTopautoLarge_1whn1_1254 {\n margin-top: auto;\n }\n}\n","/* Padding */\n._paddingX0_1aqye_2 {\n padding-left: 0;\n padding-right: 0;\n}\n\n._paddingX1_1aqye_7 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n._paddingX2_1aqye_12 {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n._paddingX3_1aqye_17 {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n._paddingX4_1aqye_22 {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n._paddingX5_1aqye_27 {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n._paddingX6_1aqye_32 {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n._paddingX7_1aqye_37 {\n padding-left: 28px;\n padding-right: 28px;\n}\n\n._paddingX8_1aqye_42 {\n padding-left: 32px;\n padding-right: 32px;\n}\n\n._paddingX9_1aqye_47 {\n padding-left: 36px;\n padding-right: 36px;\n}\n\n._paddingX10_1aqye_52 {\n padding-left: 40px;\n padding-right: 40px;\n}\n\n._paddingX11_1aqye_57 {\n padding-left: 44px;\n padding-right: 44px;\n}\n\n._paddingX12_1aqye_62 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n._paddingY0_1aqye_67 {\n padding-bottom: 0;\n padding-top: 0;\n}\n\n._paddingY1_1aqye_72 {\n padding-bottom: 4px;\n padding-top: 4px;\n}\n\n._paddingY2_1aqye_77 {\n padding-bottom: 8px;\n padding-top: 8px;\n}\n\n._paddingY3_1aqye_82 {\n padding-bottom: 12px;\n padding-top: 12px;\n}\n\n._paddingY4_1aqye_87 {\n padding-bottom: 16px;\n padding-top: 16px;\n}\n\n._paddingY5_1aqye_92 {\n padding-bottom: 20px;\n padding-top: 20px;\n}\n\n._paddingY6_1aqye_97 {\n padding-bottom: 24px;\n padding-top: 24px;\n}\n\n._paddingY7_1aqye_102 {\n padding-bottom: 28px;\n padding-top: 28px;\n}\n\n._paddingY8_1aqye_107 {\n padding-bottom: 32px;\n padding-top: 32px;\n}\n\n._paddingY9_1aqye_112 {\n padding-bottom: 36px;\n padding-top: 36px;\n}\n\n._paddingY10_1aqye_117 {\n padding-bottom: 40px;\n padding-top: 40px;\n}\n\n._paddingY11_1aqye_122 {\n padding-bottom: 44px;\n padding-top: 44px;\n}\n\n._paddingY12_1aqye_127 {\n padding-bottom: 48px;\n padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n ._paddingX0Small_1aqye_134 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Small_1aqye_139 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Small_1aqye_144 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Small_1aqye_149 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Small_1aqye_154 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Small_1aqye_159 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Small_1aqye_164 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Small_1aqye_169 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Small_1aqye_174 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Small_1aqye_179 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Small_1aqye_184 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Small_1aqye_189 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Small_1aqye_194 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Small_1aqye_199 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Small_1aqye_204 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Small_1aqye_209 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Small_1aqye_214 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Small_1aqye_219 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Small_1aqye_224 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Small_1aqye_229 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Small_1aqye_234 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Small_1aqye_239 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Small_1aqye_244 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Small_1aqye_249 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Small_1aqye_254 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Small_1aqye_259 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n ._paddingX0Large_1aqye_267 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Large_1aqye_272 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Large_1aqye_277 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Large_1aqye_282 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Large_1aqye_287 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Large_1aqye_292 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Large_1aqye_297 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Large_1aqye_302 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Large_1aqye_307 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Large_1aqye_312 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Large_1aqye_317 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Large_1aqye_322 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Large_1aqye_327 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Large_1aqye_332 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Large_1aqye_337 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Large_1aqye_342 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Large_1aqye_347 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Large_1aqye_352 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Large_1aqye_357 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Large_1aqye_362 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Large_1aqye_367 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Large_1aqye_372 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Large_1aqye_377 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Large_1aqye_382 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Large_1aqye_387 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Large_1aqye_392 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n","._borderprimary_9mhuu_1 {\n border: 1px solid var(--color-cambio-gray-370);\n}\n\n._bordernone_9mhuu_5 {\n border: none;\n}\n","/* Regular Colors */\n._inheritColor_15hp2_2 {\n color: inherit;\n}\n\n._destructive700Color_15hp2_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_15hp2_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_15hp2_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_15hp2_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_15hp2_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_15hp2_26 {\n color: var(--color-base-white);\n}\n\n._blackColor_15hp2_30 {\n color: var(--color-base-black);\n}\n\n._destructive100Color_15hp2_34 {\n color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_15hp2_38 {\n color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_15hp2_42 {\n color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_15hp2_46 {\n color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_15hp2_50 {\n color: var(--color-base-destructive-900);\n}\n\n._gray10Color_15hp2_54 {\n color: var(--color-base-gray-10);\n}\n\n._gray30Color_15hp2_58 {\n color: var(--color-base-gray-30);\n}\n\n._gray60Color_15hp2_62 {\n color: var(--color-base-gray-60);\n}\n\n._gray80Color_15hp2_66 {\n color: var(--color-base-gray-80);\n}\n\n._gray100Color_15hp2_70 {\n color: var(--color-base-gray-100);\n}\n\n._gray200Color_15hp2_74 {\n color: var(--color-base-gray-200);\n}\n\n._gray300Color_15hp2_78 {\n color: var(--color-base-gray-300);\n}\n\n._gray800Color_15hp2_82 {\n color: var(--color-base-gray-800);\n}\n\n._orange100Color_15hp2_86 {\n color: var(--color-base-orange-100);\n}\n\n._orange200Color_15hp2_90 {\n color: var(--color-base-orange-200);\n}\n\n._orange300Color_15hp2_94 {\n color: var(--color-base-orange-300);\n}\n\n._orange700Color_15hp2_98 {\n color: var(--color-base-orange-700);\n}\n\n._orange800Color_15hp2_102 {\n color: var(--color-base-orange-800);\n}\n\n._orange900Color_15hp2_106 {\n color: var(--color-base-orange-900);\n}\n\n._primary100Color_15hp2_110 {\n color: var(--color-base-primary-100);\n}\n\n._primary200Color_15hp2_114 {\n color: var(--color-base-primary-200);\n}\n\n._primary300Color_15hp2_118 {\n color: var(--color-base-primary-300);\n}\n\n._primary800Color_15hp2_122 {\n color: var(--color-base-primary-800);\n}\n\n._primary900Color_15hp2_126 {\n color: var(--color-base-primary-900);\n}\n\n._success100Color_15hp2_130 {\n color: var(--color-base-success-100);\n}\n\n._success200Color_15hp2_134 {\n color: var(--color-base-success-200);\n}\n\n._success300Color_15hp2_138 {\n color: var(--color-base-success-300);\n}\n\n._success800Color_15hp2_142 {\n color: var(--color-base-success-800);\n}\n\n._success900Color_15hp2_146 {\n color: var(--color-base-success-900);\n}\n\n._purple100Color_15hp2_150 {\n color: var(--color-base-purple-100);\n}\n\n._purple200Color_15hp2_154 {\n color: var(--color-base-purple-200);\n}\n\n._purple300Color_15hp2_158 {\n color: var(--color-base-purple-300);\n}\n\n._purple700Color_15hp2_162 {\n color: var(--color-base-purple-700);\n}\n\n._purple800Color_15hp2_166 {\n color: var(--color-base-purple-800);\n}\n\n._purple900Color_15hp2_170 {\n color: var(--color-base-purple-900);\n}\n\n._yellow100Color_15hp2_174 {\n color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_15hp2_178 {\n color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_15hp2_182 {\n color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_15hp2_186 {\n color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_15hp2_190 {\n color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_15hp2_194 {\n color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_15hp2_199 {\n border: none;\n}\n\n._blackBorderColor_15hp2_203 {\n box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_15hp2_207 {\n box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_15hp2_211 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_15hp2_215 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_15hp2_219 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_15hp2_223 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_15hp2_227 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_15hp2_231 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_15hp2_237 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_15hp2_241 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_15hp2_245 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_15hp2_249 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_15hp2_253 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_15hp2_257 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_15hp2_261 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_15hp2_265 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_15hp2_269 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_15hp2_273 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_15hp2_277 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_15hp2_281 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_15hp2_285 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_15hp2_289 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_15hp2_293 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_15hp2_297 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_15hp2_301 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_15hp2_305 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_15hp2_309 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_15hp2_313 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_15hp2_317 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_15hp2_321 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_15hp2_325 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_15hp2_329 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_15hp2_333 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_15hp2_337 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_15hp2_341 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_15hp2_345 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_15hp2_349 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_15hp2_353 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_15hp2_357 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_15hp2_361 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_15hp2_365 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_15hp2_369 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_15hp2_373 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_15hp2_377 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_15hp2_381 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_15hp2_385 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_15hp2_389 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_15hp2_393 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_15hp2_397 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_15hp2_401 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_15hp2_405 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_15hp2_409 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_15hp2_413 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_15hp2_417 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_15hp2_421 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_15hp2_425 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_15hp2_430 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_15hp2_434 {\n color: var(--color-cambio-white-100);\n}\n\n._cambioWhite40Color_15hp2_438 {\n color: var(--color-cambio-white-40);\n}\n\n._cambioWhite70Color_15hp2_442 {\n color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_15hp2_446 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_15hp2_450 {\n color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_15hp2_454 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_15hp2_458 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_15hp2_462 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_15hp2_466 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_15hp2_470 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_15hp2_474 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_15hp2_478 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_15hp2_482 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_15hp2_486 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_15hp2_490 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_15hp2_494 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_15hp2_498 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_15hp2_502 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_15hp2_506 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_15hp2_510 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_15hp2_514 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_15hp2_518 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_15hp2_522 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_15hp2_526 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_15hp2_530 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_15hp2_534 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_15hp2_538 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_15hp2_542 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_15hp2_546 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_15hp2_550 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_15hp2_554 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_15hp2_558 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_15hp2_562 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_15hp2_566 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_15hp2_570 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_15hp2_574 {\n color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_15hp2_578 {\n color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_15hp2_582 {\n color: var(--color-cambio-gray-870);\n}\n\n._redColor_15hp2_586 {\n color: var(--color-cambio-red);\n}\n\n._orangeColor_15hp2_590 {\n color: var(--color-cambio-orange);\n}\n\n._tanColor_15hp2_594 {\n color: var(--color-cambio-tan);\n}\n\n._creamColor_15hp2_598 {\n color: var(--color-cambio-cream);\n}\n\n._purpleColor_15hp2_602 {\n color: var(--color-cambio-purple);\n}\n\n._lilacColor_15hp2_606 {\n color: var(--color-cambio-lilac);\n}\n\n._thistleColor_15hp2_610 {\n color: var(--color-cambio-thistle);\n}\n\n._pinkColor_15hp2_614 {\n color: var(--color-cambio-pink);\n}\n\n._navyColor_15hp2_618 {\n color: var(--color-cambio-navy);\n}\n\n._tealColor_15hp2_622 {\n color: var(--color-cambio-teal);\n}\n\n._slateColor_15hp2_626 {\n color: var(--color-cambio-slate);\n}\n\n._skyColor_15hp2_630 {\n color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_15hp2_634 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_15hp2_638 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_15hp2_642 {\n background-color: var(--color-cambio-white-100);\n}\n\n._cambioWhite40BackgroundColor_15hp2_646 {\n background-color: var(--color-cambio-white-40);\n}\n\n._cambioWhite70BackgroundColor_15hp2_650 {\n background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_15hp2_654 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_15hp2_658 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_15hp2_662 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_15hp2_666 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_15hp2_670 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_15hp2_674 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_15hp2_678 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_15hp2_682 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_15hp2_686 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_15hp2_690 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_15hp2_694 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_15hp2_698 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_15hp2_702 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_15hp2_706 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_15hp2_710 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_15hp2_714 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_15hp2_718 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_15hp2_722 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_15hp2_726 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_15hp2_730 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_15hp2_734 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_15hp2_738 {\n background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_15hp2_742 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_15hp2_746 {\n background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_15hp2_750 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_15hp2_754 {\n background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_15hp2_758 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_15hp2_762 {\n background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_15hp2_766 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_15hp2_770 {\n background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_15hp2_774 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_15hp2_778 {\n background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_15hp2_782 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_15hp2_786 {\n background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_15hp2_790 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_15hp2_794 {\n background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_15hp2_798 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_15hp2_802 {\n background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_15hp2_806 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_15hp2_810 {\n background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_15hp2_814 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_15hp2_818 {\n background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_15hp2_822 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_15hp2_826 {\n background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_15hp2_830 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_15hp2_834 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_15hp2_838 {\n background-color: var(--color-cambio-yellow-700);\n}\n","/* Border Radius */\n._roundingsm_1j4mo_2 {\n border-radius: 4px;\n}\n\n._roundingmd_1j4mo_6 {\n border-radius: 8px;\n}\n\n._roundingfull_1j4mo_10 {\n border-radius: 999px;\n}\n","._typography_1fz2y_1 {\n line-height: initial;\n margin: 0;\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 510;\n src: local(\"GT-Super-Text-Medium\"),\n url(\"https://static.cambly.com/fonts/gt-super-text-medium-final.woff2\");\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 700;\n src: local(\"GT-Super-Text-Bold\"),\n url(\"https://static.cambly.com/fonts/gt-super-text-bold-final.woff2\");\n}\n\n._sansSerif_1fz2y_22 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_1fz2y_27 {\n font-family: var(\n --syntax-font-sans-serif\n ); /* Intentional, the default is still to use sans-serif, we only use serif for certain languages */\n}\n\n/* GT Super only supports certain languages: https://www.grillitype.com/typeface/gt-super */\n\n/* List of languages we use on Cambly and their support for GT Super\n\n* English: ✅\n* Arabic: ❌\n* Azerbaijani: ✅\n* German: ✅\n* Spanish: ✅\n* French: ✅\n* Italian: ✅\n* Japanese: ❌\n* Korean: ❌\n* Polish: ✅\n* Portuguese: ✅\n* Russian: ❌\n* Thai: ❌\n* Turkish: ✅\n* Vietnamese: ❌\n* Simplified Chinese: ❌\n* Traditional Chinese: ❌\n*/\n\n/* stylelint-disable-next-line selector-max-compound-selectors -- only render serif font for certain languages */\n:lang(en) ._serif_1fz2y_27,\n:lang(az) ._serif_1fz2y_27,\n:lang(fr) ._serif_1fz2y_27,\n:lang(de) ._serif_1fz2y_27,\n:lang(es) ._serif_1fz2y_27,\n:lang(it) ._serif_1fz2y_27,\n:lang(pl) ._serif_1fz2y_27,\n:lang(pt) ._serif_1fz2y_27,\n:lang(tr) ._serif_1fz2y_27 {\n font-family: \"GT Super\", var(--syntax-font-sans-serif);\n -webkit-font-smoothing: antialiased;\n letter-spacing: -0.02em;\n line-height: 1.15em;\n}\n\n/* Sizes are responsive */\n._size0_1fz2y_73 {\n font-size: 12px;\n}\n\n._size100_1fz2y_77 {\n font-size: 13px;\n}\n\n._size200_1fz2y_81 {\n font-size: 16px;\n}\n\n._size300_1fz2y_85 {\n font-size: 19px;\n}\n\n._size400_1fz2y_89 {\n font-size: 25px;\n}\n\n._size700_1fz2y_93 {\n font-size: 38px;\n}\n\n._size800_1fz2y_97 {\n font-size: 46px;\n}\n\n._size900_1fz2y_101 {\n font-size: 55px;\n}\n\n._size1100_1fz2y_105 {\n font-size: 83px;\n}\n\n/* Only add media queries for sizes that need to change */\n@media (min-width: 480px) {\n ._size300_1fz2y_85 {\n font-size: 20px;\n }\n\n ._size700_1fz2y_93 {\n font-size: 49px;\n }\n\n ._size800_1fz2y_97 {\n font-size: 63px;\n }\n\n ._size900_1fz2y_101 {\n font-size: 76px;\n }\n\n ._size1100_1fz2y_105 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_1fz2y_133 {\n text-align: center;\n}\n\n._forceLeft_1fz2y_137 {\n text-align: left;\n}\n\n._forceRight_1fz2y_141 {\n text-align: right;\n}\n\n._start_1fz2y_145 {\n text-align: start;\n}\n\n._end_1fz2y_149 {\n text-align: end;\n}\n\n/* Boldness */\n\n._regular_1fz2y_155 {\n font-weight: 400;\n}\n\n._medium_1fz2y_159 {\n font-weight: 510;\n}\n\n._semiBold_1fz2y_163 {\n font-weight: 590;\n}\n\n._bold_1fz2y_167 {\n font-weight: 700;\n}\n\n._underline_1fz2y_171 {\n text-decoration: underline;\n}\n\n._inline_1fz2y_175 {\n display: inline;\n}\n\n._uppercase_1fz2y_179 {\n text-transform: uppercase;\n}\n\n._lineClamp_1fz2y_183 {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-width: 100%;\n overflow: hidden;\n word-break: break-word;\n}\n\n/* Line Height */\n._p100_1fz2y_192 {\n line-height: 150%;\n}\n\n._p200_1fz2y_196 {\n line-height: 150%;\n}\n\n._p300_1fz2y_200 {\n line-height: 140%;\n}\n\n._p400_1fz2y_204 {\n line-height: 130%;\n}\n"],"mappings":";AAAA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC5cF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;;;ACruCJ;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;;;ACzYJ;AACE;AAAA;AAGF;AACE;AAAA;;;ACJF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACr0BF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACVF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
@@ -0,0 +1,32 @@
1
+ import * as React from 'react';
2
+
3
+ type Direction = "row" | "column";
4
+ type WordConfettiProps = {
5
+ /**
6
+ * Test id for the confetti
7
+ */
8
+ "data-testid"?: string;
9
+ /**
10
+ * The direction to display the words.
11
+ * @defaultValue row
12
+ */
13
+ direction?: Direction;
14
+ /**
15
+ * The size of the font in the confetti.
16
+ */
17
+ size: 300 | 400 | 700 | 800 | 900 | 1100;
18
+ /**
19
+ * The theme for the background colors of the confetti.
20
+ */
21
+ theme: "neutral" | "cool" | "warm";
22
+ /**
23
+ * The words to display as confetti.
24
+ */
25
+ words: string[];
26
+ };
27
+ /**
28
+ * [WordConfetti](https://cambly-syntax.vercel.app/?path=/docs/components-wordconfetti--docs) is a container for displaying words in different color themes and fun offset angles.
29
+ */
30
+ declare const WordConfetti: React.ForwardRefExoticComponent<WordConfettiProps & React.RefAttributes<HTMLDivElement>>;
31
+
32
+ export { WordConfetti as default };
@@ -0,0 +1,17 @@
1
+ "use client"
2
+ import {
3
+ WordConfetti_default
4
+ } from "../__chunks/KR6JQ2DS.js";
5
+ import "../__chunks/IB6JZQF3.js";
6
+ import "../__chunks/4U4UW4AK.js";
7
+ import "../__chunks/4U4UW4AK.js";
8
+ import "../__chunks/KBIW5XV4.js";
9
+ import "../__chunks/DAK5IGJK.js";
10
+ import "../__chunks/VU4LGL2W.js";
11
+ import "../__chunks/XSYKMCV5.js";
12
+ import "../__chunks/4U4UW4AK.js";
13
+ import "../__chunks/UWGNJENA.js";
14
+ export {
15
+ WordConfetti_default as default
16
+ };
17
+ //# sourceMappingURL=WordConfetti.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -10,4 +10,4 @@ export {
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
12
  };
13
- //# sourceMappingURL=5HWHJRVZ.js.map
13
+ //# sourceMappingURL=2P6R4FQ7.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 05 Aug 2024 21:23:35 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 07 Aug 2024 15:39:56 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
@@ -1,18 +1,18 @@
1
1
  "use client"
2
+ import {
3
+ SelectOption_default
4
+ } from "./SPQ7DQHG.js";
2
5
  import {
3
6
  ColorBaseDestructive700,
4
7
  ColorBaseGray700,
5
8
  ColorCambioWhite100
6
- } from "./5HWHJRVZ.js";
9
+ } from "./2P6R4FQ7.js";
7
10
  import {
8
11
  Focus_module_default
9
12
  } from "./KKADUD65.js";
10
13
  import {
11
14
  Box_default
12
15
  } from "./IB6JZQF3.js";
13
- import {
14
- SelectOption_default
15
- } from "./SPQ7DQHG.js";
16
16
  import {
17
17
  Typography_default
18
18
  } from "./DAK5IGJK.js";
@@ -148,4 +148,4 @@ SelectList.Option = SelectOption_default;
148
148
  export {
149
149
  SelectList
150
150
  };
151
- //# sourceMappingURL=T3UI6LNR.js.map
151
+ //# sourceMappingURL=63HNNOTO.js.map
@@ -1,10 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
4
+ var _4AI6GQ5Ucjs = require('./4AI6GQ5U.cjs');
5
5
 
6
6
 
7
- var _4AI6GQ5Ucjs = require('./4AI6GQ5U.cjs');
7
+ var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
8
8
 
9
9
 
10
10
 
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
37
37
 
38
38
 
39
39
  exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
40
- //# sourceMappingURL=FQSSK4FT.cjs.map
40
+ //# sourceMappingURL=66VTCVJA.cjs.map
@@ -11,9 +11,6 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
11
11
  var _65BTPZZTcjs = require('./65BTPZZT.cjs');
12
12
 
13
13
 
14
- var _QODNNCT2cjs = require('./QODNNCT2.cjs');
15
-
16
-
17
14
  var _RXQBNEFRcjs = require('./RXQBNEFR.cjs');
18
15
 
19
16
 
@@ -23,6 +20,9 @@ var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
23
20
  var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
24
21
 
25
22
 
23
+ var _QODNNCT2cjs = require('./QODNNCT2.cjs');
24
+
25
+
26
26
  var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
27
27
 
28
28
 
@@ -146,4 +146,4 @@ var Button_default = Button;
146
146
 
147
147
 
148
148
  exports.Button_default = Button_default;
149
- //# sourceMappingURL=RIAJV3ZH.cjs.map
149
+ //# sourceMappingURL=BFEZ3PUT.cjs.map
@@ -10,4 +10,4 @@ var ColorCambioWhite100 = "#ffffff";
10
10
 
11
11
 
12
12
  exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
13
- //# sourceMappingURL=RH52UDEB.cjs.map
13
+ //# sourceMappingURL=C426MKXQ.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 05 Aug 2024 21:23:35 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 07 Aug 2024 15:39:56 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}
@@ -9,18 +9,18 @@ var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
9
9
 
10
10
 
11
11
 
12
- var _RH52UDEBcjs = require('./RH52UDEB.cjs');
12
+ var _C426MKXQcjs = require('./C426MKXQ.cjs');
13
13
 
14
14
 
15
15
 
16
16
 
17
- var _ZZPX5ZUMcjs = require('./ZZPX5ZUM.cjs');
17
+ var _OMXDPTE4cjs = require('./OMXDPTE4.cjs');
18
18
 
19
19
 
20
20
  var _EHZAOGLQcjs = require('./EHZAOGLQ.cjs');
21
21
 
22
22
 
23
- var _FQSSK4FTcjs = require('./FQSSK4FT.cjs');
23
+ var _66VTCVJAcjs = require('./66VTCVJA.cjs');
24
24
 
25
25
 
26
26
  var _URBKDUMUcjs = require('./URBKDUMU.cjs');
@@ -103,11 +103,11 @@ function RichSelectList(props) {
103
103
  const disabled = !isHydrated || disabledProp;
104
104
  const overlayHandlerRef = _react.useRef.call(void 0, {});
105
105
  const selectedKeysProp = _react.useMemo.call(void 0,
106
- () => _ZZPX5ZUMcjs.convertSelection.call(void 0, selectedValuesProp),
106
+ () => _OMXDPTE4cjs.convertSelection.call(void 0, selectedValuesProp),
107
107
  [selectedValuesProp]
108
108
  );
109
109
  const defaultSelectedKeys = _react.useMemo.call(void 0,
110
- () => _ZZPX5ZUMcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
110
+ () => _OMXDPTE4cjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
111
111
  [defaultSelectedValuesProp]
112
112
  );
113
113
  const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0,
@@ -147,12 +147,12 @@ function RichSelectList(props) {
147
147
  };
148
148
  const getArrowIconColor = () => {
149
149
  if (errorText) {
150
- return _RH52UDEBcjs.ColorBaseDestructive700;
150
+ return _C426MKXQcjs.ColorBaseDestructive700;
151
151
  } else {
152
152
  if (color === "clear") {
153
- return _RH52UDEBcjs.ColorCambioWhite100;
153
+ return _C426MKXQcjs.ColorCambioWhite100;
154
154
  } else {
155
- return _RH52UDEBcjs.ColorBaseGray700;
155
+ return _C426MKXQcjs.ColorBaseGray700;
156
156
  }
157
157
  }
158
158
  };
@@ -160,7 +160,7 @@ function RichSelectList(props) {
160
160
  _reactariacomponents.Provider,
161
161
  {
162
162
  values: [
163
- [_ZZPX5ZUMcjs.RichSelectBoxContext, { autoFocus: true }],
163
+ [_OMXDPTE4cjs.RichSelectBoxContext, { autoFocus: true }],
164
164
  [_3RX4RMGCcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
165
165
  // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
166
166
  ],
@@ -201,7 +201,7 @@ function RichSelectList(props) {
201
201
  dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
202
202
  role: "menu",
203
203
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
204
- _ZZPX5ZUMcjs.RichSelectBox_default,
204
+ _OMXDPTE4cjs.RichSelectBox_default,
205
205
  _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
206
206
  autosave,
207
207
  selectedValues: selectedKeys,
@@ -280,10 +280,10 @@ function RichSelectList(props) {
280
280
  var RichSelectList_default = Object.assign(RichSelectList, {
281
281
  Section: _EHZAOGLQcjs.RichSelectSection_default,
282
282
  Chip: _URBKDUMUcjs.RichSelectChip_default,
283
- RadioButton: _FQSSK4FTcjs.RichSelectRadioButton_default
283
+ RadioButton: _66VTCVJAcjs.RichSelectRadioButton_default
284
284
  });
285
285
 
286
286
 
287
287
 
288
288
  exports.RichSelectList_default = RichSelectList_default;
289
- //# sourceMappingURL=HZ3SCLC7.cjs.map
289
+ //# sourceMappingURL=DUXX2PWD.cjs.map
@@ -1,10 +1,10 @@
1
1
  "use client"
2
- import {
3
- RichSelectItem_default
4
- } from "./ODMJANSX.js";
5
2
  import {
6
3
  RadioButton_default
7
4
  } from "./4MHKTQMD.js";
5
+ import {
6
+ RichSelectItem_default
7
+ } from "./ODMJANSX.js";
8
8
  import {
9
9
  __objRest,
10
10
  __spreadProps,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
37
37
  export {
38
38
  RichSelectRadioButton_default
39
39
  };
40
- //# sourceMappingURL=2D2PXUUQ.js.map
40
+ //# sourceMappingURL=DWVTJZC6.js.map
@@ -0,0 +1,104 @@
1
+ "use client"
2
+ import {
3
+ Box_default
4
+ } from "./IB6JZQF3.js";
5
+ import {
6
+ Typography_default
7
+ } from "./DAK5IGJK.js";
8
+
9
+ // src/WordConfetti/WordConfetti.tsx
10
+ import { forwardRef, useMemo } from "react";
11
+ import { jsx } from "react/jsx-runtime";
12
+ var themeBackgroundColors = {
13
+ neutral: ["pink", "lilac", "thistle"],
14
+ cool: ["sky", "slate", "teal"],
15
+ warm: ["red", "tan", "orange"]
16
+ };
17
+ var degreeOfTiltOptions = [-6, -6, -3, -3, 0, 3, 3, 6, 6];
18
+ var paddings = {
19
+ 300: "16px 20px 16px 20px",
20
+ 400: "20px 24px 20px 24px",
21
+ 700: "24px 28px 24px 28px",
22
+ 800: "28px 40px 28px 40px",
23
+ 900: "32px 48px 32px 48px",
24
+ 1100: "36px 56px 36px 56px"
25
+ };
26
+ var gaps = {
27
+ 300: 3,
28
+ 400: 4,
29
+ 700: 6,
30
+ 800: 6,
31
+ 900: 9,
32
+ 1100: 10
33
+ };
34
+ var WordConfetto = ({
35
+ backgroundColor,
36
+ rotation,
37
+ size,
38
+ text
39
+ }) => {
40
+ return /* @__PURE__ */ jsx(
41
+ Box_default,
42
+ {
43
+ backgroundColor,
44
+ dangerouslySetInlineStyle: {
45
+ __style: {
46
+ padding: paddings[size],
47
+ transform: `rotate(${rotation}deg)`
48
+ }
49
+ },
50
+ width: "fit-content",
51
+ children: /* @__PURE__ */ jsx(Typography_default, { size, weight: "bold", fontStyle: "serif", children: text })
52
+ }
53
+ );
54
+ };
55
+ var WordConfetti = forwardRef(
56
+ function WordConfetti2(props, ref) {
57
+ const {
58
+ "data-testid": dataTestId,
59
+ direction = "row",
60
+ size,
61
+ theme,
62
+ words
63
+ } = props;
64
+ const styledWords = useMemo(
65
+ () => words.map((word) => ({
66
+ text: word,
67
+ backgroundColor: themeBackgroundColors[theme][Math.floor(Math.random() * 3)],
68
+ rotation: degreeOfTiltOptions[Math.floor(Math.random() * 9)]
69
+ })),
70
+ [theme, words]
71
+ );
72
+ return /* @__PURE__ */ jsx(
73
+ Box_default,
74
+ {
75
+ display: "flex",
76
+ direction,
77
+ flexWrap: "wrap",
78
+ "data-testid": dataTestId,
79
+ ref,
80
+ gap: gaps[size],
81
+ children: styledWords.map(
82
+ ({ text, backgroundColor, rotation }, index) => {
83
+ return /* @__PURE__ */ jsx(
84
+ WordConfetto,
85
+ {
86
+ backgroundColor,
87
+ rotation,
88
+ size,
89
+ text
90
+ },
91
+ `${text}+${index}`
92
+ );
93
+ }
94
+ )
95
+ }
96
+ );
97
+ }
98
+ );
99
+ var WordConfetti_default = WordConfetti;
100
+
101
+ export {
102
+ WordConfetti_default
103
+ };
104
+ //# sourceMappingURL=KR6JQ2DS.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/WordConfetti/WordConfetti.tsx"],"sourcesContent":["import { type ReactNode, forwardRef, useMemo, type ReactElement } from \"react\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\n\nconst themeBackgroundColors = {\n neutral: [\"pink\", \"lilac\", \"thistle\"],\n cool: [\"sky\", \"slate\", \"teal\"],\n warm: [\"red\", \"tan\", \"orange\"],\n} as const;\n\nconst degreeOfTiltOptions = [-6, -6, -3, -3, 0, 3, 3, 6, 6];\n\nconst paddings = {\n 300: \"16px 20px 16px 20px\",\n 400: \"20px 24px 20px 24px\",\n 700: \"24px 28px 24px 28px\",\n 800: \"28px 40px 28px 40px\",\n 900: \"32px 48px 32px 48px\",\n 1100: \"36px 56px 36px 56px\",\n};\n\nconst gaps = {\n 300: 3,\n 400: 4,\n 700: 6,\n 800: 6,\n 900: 9,\n 1100: 10,\n} as const;\n\nconst WordConfetto = ({\n backgroundColor,\n rotation,\n size,\n text,\n}: {\n backgroundColor:\n | \"pink\"\n | \"lilac\"\n | \"thistle\"\n | \"sky\"\n | \"slate\"\n | \"teal\"\n | \"red\"\n | \"tan\"\n | \"orange\";\n rotation: number;\n size: 300 | 400 | 700 | 800 | 900 | 1100;\n text: string;\n}): ReactElement => {\n return (\n <Box\n backgroundColor={backgroundColor}\n dangerouslySetInlineStyle={{\n __style: {\n padding: paddings[size],\n transform: `rotate(${rotation}deg)`,\n },\n }}\n width=\"fit-content\"\n >\n <Typography size={size} weight=\"bold\" fontStyle=\"serif\">\n {text}\n </Typography>\n </Box>\n );\n};\n\ntype Direction = \"row\" | \"column\";\ntype WordConfettiProps = {\n /**\n * Test id for the confetti\n */\n \"data-testid\"?: string;\n /**\n * The direction to display the words.\n * @defaultValue row\n */\n direction?: Direction;\n /**\n * The size of the font in the confetti.\n */\n size: 300 | 400 | 700 | 800 | 900 | 1100;\n /**\n * The theme for the background colors of the confetti.\n */\n theme: \"neutral\" | \"cool\" | \"warm\";\n /**\n * The words to display as confetti.\n */\n words: string[];\n};\n\n/**\n * [WordConfetti](https://cambly-syntax.vercel.app/?path=/docs/components-wordconfetti--docs) is a container for displaying words in different color themes and fun offset angles.\n */\nconst WordConfetti = forwardRef<HTMLDivElement, WordConfettiProps>(\n function WordConfetti(props: WordConfettiProps, ref): JSX.Element {\n const {\n \"data-testid\": dataTestId,\n direction = \"row\",\n size,\n theme,\n words,\n } = props;\n\n const styledWords = useMemo(\n () =>\n words.map((word) => ({\n text: word,\n backgroundColor:\n themeBackgroundColors[theme][Math.floor(Math.random() * 3)],\n rotation: degreeOfTiltOptions[Math.floor(Math.random() * 9)],\n })),\n [theme, words],\n );\n\n return (\n <Box\n display=\"flex\"\n direction={direction}\n flexWrap=\"wrap\"\n data-testid={dataTestId}\n ref={ref}\n gap={gaps[size]}\n >\n {styledWords.map(\n ({ text, backgroundColor, rotation }, index): ReactNode => {\n return (\n <WordConfetto\n key={`${text}+${index}`}\n backgroundColor={backgroundColor}\n rotation={rotation}\n size={size}\n text={text}\n />\n );\n },\n )}\n </Box>\n );\n },\n);\n\nexport default WordConfetti;\n"],"mappings":";;;;;;;;;AAAA,SAAyB,YAAY,eAAkC;AA6DjE;AAzDN,IAAM,wBAAwB;AAAA,EAC5B,SAAS,CAAC,QAAQ,SAAS,SAAS;AAAA,EACpC,MAAM,CAAC,OAAO,SAAS,MAAM;AAAA,EAC7B,MAAM,CAAC,OAAO,OAAO,QAAQ;AAC/B;AAEA,IAAM,sBAAsB,CAAC,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1D,IAAM,WAAW;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AACR;AAEA,IAAM,OAAO;AAAA,EACX,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AACR;AAEA,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,SAAS,IAAI;AAAA,UACtB,WAAW,UAAU;AAAA,QACvB;AAAA,MACF;AAAA,MACA,OAAM;AAAA,MAEN,8BAAC,sBAAW,MAAY,QAAO,QAAO,WAAU,SAC7C,gBACH;AAAA;AAAA,EACF;AAEJ;AA8BA,IAAM,eAAe;AAAA,EACnB,SAASA,cAAa,OAA0B,KAAkB;AAChE,UAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,UAAM,cAAc;AAAA,MAClB,MACE,MAAM,IAAI,CAAC,UAAU;AAAA,QACnB,MAAM;AAAA,QACN,iBACE,sBAAsB,KAAK,EAAE,KAAK,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC;AAAA,QAC5D,UAAU,oBAAoB,KAAK,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC;AAAA,MAC7D,EAAE;AAAA,MACJ,CAAC,OAAO,KAAK;AAAA,IACf;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,UAAS;AAAA,QACT,eAAa;AAAA,QACb;AAAA,QACA,KAAK,KAAK,IAAI;AAAA,QAEb,sBAAY;AAAA,UACX,CAAC,EAAE,MAAM,iBAAiB,SAAS,GAAG,UAAqB;AACzD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA;AAAA,cAJK,GAAG,QAAQ;AAAA,YAKlB;AAAA,UAEJ;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;","names":["WordConfetti"]}
@@ -9,18 +9,18 @@ import {
9
9
  ColorBaseDestructive700,
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
- } from "./5HWHJRVZ.js";
12
+ } from "./2P6R4FQ7.js";
13
13
  import {
14
14
  RichSelectBoxContext,
15
15
  RichSelectBox_default,
16
16
  convertSelection
17
- } from "./U6TGYOG7.js";
17
+ } from "./ZHU5A7BH.js";
18
18
  import {
19
19
  RichSelectSection_default
20
20
  } from "./AHICHJTL.js";
21
21
  import {
22
22
  RichSelectRadioButton_default
23
- } from "./2D2PXUUQ.js";
23
+ } from "./DWVTJZC6.js";
24
24
  import {
25
25
  RichSelectChip_default
26
26
  } from "./56LMASNQ.js";
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
286
286
  export {
287
287
  RichSelectList_default
288
288
  };
289
- //# sourceMappingURL=NXOKB47G.js.map
289
+ //# sourceMappingURL=KUPZJPW5.js.map