@cambly/syntax-core 21.11.0 → 21.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/LinkTapArea/LinkTapArea.d.ts +2 -8
  2. package/dist/LinkTapArea/LinkTapArea.js +1 -2
  3. package/dist/RichSelect/RichSelectBox.js +1 -1
  4. package/dist/RichSelect/RichSelectList.js +8 -8
  5. package/dist/SelectList/SelectList.js +2 -2
  6. package/dist/Toast/Toast.css +2422 -0
  7. package/dist/Toast/Toast.css.map +1 -0
  8. package/dist/Toast/Toast.d.ts +40 -0
  9. package/dist/Toast/Toast.js +17 -0
  10. package/dist/Toast/Toast.js.map +1 -0
  11. package/dist/__chunks/{LD67LLZE.js → 222QJTXV.js} +7 -35
  12. package/dist/__chunks/222QJTXV.js.map +1 -0
  13. package/dist/__chunks/{YGOEYFXY.js → 4NEHC6Q6.js} +1 -1
  14. package/dist/__chunks/{YGOEYFXY.js.map → 4NEHC6Q6.js.map} +1 -1
  15. package/dist/__chunks/L2B2L4F2.js +76 -0
  16. package/dist/__chunks/L2B2L4F2.js.map +1 -0
  17. package/dist/__chunks/{VXX4H2RU.js → LXBUCC4I.js} +2 -2
  18. package/dist/__chunks/{7ZKXYLXP.js → PEPEAQRW.js} +7 -7
  19. package/dist/index.d.ts +1 -0
  20. package/dist/index.js +29 -25
  21. package/package.json +3 -3
  22. package/dist/__chunks/LD67LLZE.js.map +0 -1
  23. /package/dist/__chunks/{VXX4H2RU.js.map → LXBUCC4I.js.map} +0 -0
  24. /package/dist/__chunks/{7ZKXYLXP.js.map → PEPEAQRW.js.map} +0 -0
package/dist/Toast/Toast.css.map ADDED
@@ -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_1xef3_2 {\n color: inherit;\n}\n\n._destructive700Color_1xef3_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_1xef3_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_1xef3_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_1xef3_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_1xef3_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_1xef3_26 {\n color: var(--color-base-white);\n}\n\n._blackColor_1xef3_30 {\n color: var(--color-base-black);\n}\n\n._destructive100Color_1xef3_34 {\n color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_1xef3_38 {\n color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_1xef3_42 {\n color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_1xef3_46 {\n color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_1xef3_50 {\n color: var(--color-base-destructive-900);\n}\n\n._gray10Color_1xef3_54 {\n color: var(--color-base-gray-10);\n}\n\n._gray30Color_1xef3_58 {\n color: var(--color-base-gray-30);\n}\n\n._gray60Color_1xef3_62 {\n color: var(--color-base-gray-60);\n}\n\n._gray80Color_1xef3_66 {\n color: var(--color-base-gray-80);\n}\n\n._gray100Color_1xef3_70 {\n color: var(--color-base-gray-100);\n}\n\n._gray200Color_1xef3_74 {\n color: var(--color-base-gray-200);\n}\n\n._gray300Color_1xef3_78 {\n color: var(--color-base-gray-300);\n}\n\n._gray800Color_1xef3_82 {\n color: var(--color-base-gray-800);\n}\n\n._orange100Color_1xef3_86 {\n color: var(--color-base-orange-100);\n}\n\n._orange200Color_1xef3_90 {\n color: var(--color-base-orange-200);\n}\n\n._orange300Color_1xef3_94 {\n color: var(--color-base-orange-300);\n}\n\n._orange700Color_1xef3_98 {\n color: var(--color-base-orange-700);\n}\n\n._orange800Color_1xef3_102 {\n color: var(--color-base-orange-800);\n}\n\n._orange900Color_1xef3_106 {\n color: var(--color-base-orange-900);\n}\n\n._primary100Color_1xef3_110 {\n color: var(--color-base-primary-100);\n}\n\n._primary200Color_1xef3_114 {\n color: var(--color-base-primary-200);\n}\n\n._primary300Color_1xef3_118 {\n color: var(--color-base-primary-300);\n}\n\n._primary800Color_1xef3_122 {\n color: var(--color-base-primary-800);\n}\n\n._primary900Color_1xef3_126 {\n color: var(--color-base-primary-900);\n}\n\n._success100Color_1xef3_130 {\n color: var(--color-base-success-100);\n}\n\n._success200Color_1xef3_134 {\n color: var(--color-base-success-200);\n}\n\n._success300Color_1xef3_138 {\n color: var(--color-base-success-300);\n}\n\n._success800Color_1xef3_142 {\n color: var(--color-base-success-800);\n}\n\n._success900Color_1xef3_146 {\n color: var(--color-base-success-900);\n}\n\n._purple100Color_1xef3_150 {\n color: var(--color-base-purple-100);\n}\n\n._purple200Color_1xef3_154 {\n color: var(--color-base-purple-200);\n}\n\n._purple300Color_1xef3_158 {\n color: var(--color-base-purple-300);\n}\n\n._purple700Color_1xef3_162 {\n color: var(--color-base-purple-700);\n}\n\n._purple800Color_1xef3_166 {\n color: var(--color-base-purple-800);\n}\n\n._purple900Color_1xef3_170 {\n color: var(--color-base-purple-900);\n}\n\n._yellow100Color_1xef3_174 {\n color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_1xef3_178 {\n color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_1xef3_182 {\n color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_1xef3_186 {\n color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_1xef3_190 {\n color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_1xef3_194 {\n color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_1xef3_199 {\n border: none;\n}\n\n._blackBorderColor_1xef3_203 {\n box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_1xef3_207 {\n box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_1xef3_211 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_1xef3_215 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_1xef3_219 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_1xef3_223 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_1xef3_227 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_1xef3_231 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_1xef3_237 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_1xef3_241 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_1xef3_245 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_1xef3_249 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_1xef3_253 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_1xef3_257 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_1xef3_261 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_1xef3_265 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_1xef3_269 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_1xef3_273 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_1xef3_277 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_1xef3_281 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_1xef3_285 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_1xef3_289 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_1xef3_293 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_1xef3_297 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_1xef3_301 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_1xef3_305 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_1xef3_309 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_1xef3_313 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_1xef3_317 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_1xef3_321 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_1xef3_325 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_1xef3_329 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_1xef3_333 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_1xef3_337 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_1xef3_341 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_1xef3_345 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_1xef3_349 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_1xef3_353 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_1xef3_357 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_1xef3_361 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_1xef3_365 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_1xef3_369 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_1xef3_373 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_1xef3_377 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_1xef3_381 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_1xef3_385 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_1xef3_389 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_1xef3_393 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_1xef3_397 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_1xef3_401 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_1xef3_405 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_1xef3_409 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_1xef3_413 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_1xef3_417 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_1xef3_421 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_1xef3_425 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_1xef3_430 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_1xef3_434 {\n color: var(--color-cambio-white-100);\n}\n\n._white40Color_1xef3_438 {\n color: var(--color-cambio-white-40);\n}\n\n._white70Color_1xef3_442 {\n color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_1xef3_446 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_1xef3_450 {\n color: var(--color-cambio-gray-200);\n}\n\n._gray270Color_1xef3_454 {\n color: var(--color-cambio-gray-270);\n}\n\n._cambioGray300Color_1xef3_458 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_1xef3_462 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_1xef3_466 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_1xef3_470 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_1xef3_474 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_1xef3_478 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_1xef3_482 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_1xef3_486 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_1xef3_490 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_1xef3_494 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_1xef3_498 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_1xef3_502 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_1xef3_506 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_1xef3_510 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_1xef3_514 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_1xef3_518 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_1xef3_522 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_1xef3_526 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_1xef3_530 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_1xef3_534 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_1xef3_538 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_1xef3_542 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_1xef3_546 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_1xef3_550 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_1xef3_554 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_1xef3_558 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_1xef3_562 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_1xef3_566 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_1xef3_570 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_1xef3_574 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_1xef3_578 {\n color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_1xef3_582 {\n color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_1xef3_586 {\n color: var(--color-cambio-gray-870);\n}\n\n._redColor_1xef3_590 {\n color: var(--color-cambio-red);\n}\n\n._orangeColor_1xef3_594 {\n color: var(--color-cambio-orange);\n}\n\n._tanColor_1xef3_598 {\n color: var(--color-cambio-tan);\n}\n\n._creamColor_1xef3_602 {\n color: var(--color-cambio-cream);\n}\n\n._purpleColor_1xef3_606 {\n color: var(--color-cambio-purple);\n}\n\n._lilacColor_1xef3_610 {\n color: var(--color-cambio-lilac);\n}\n\n._thistleColor_1xef3_614 {\n color: var(--color-cambio-thistle);\n}\n\n._pinkColor_1xef3_618 {\n color: var(--color-cambio-pink);\n}\n\n._navyColor_1xef3_622 {\n color: var(--color-cambio-navy);\n}\n\n._tealColor_1xef3_626 {\n color: var(--color-cambio-teal);\n}\n\n._slateColor_1xef3_630 {\n color: var(--color-cambio-slate);\n}\n\n._skyColor_1xef3_634 {\n color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_1xef3_638 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_1xef3_642 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_1xef3_646 {\n background-color: var(--color-cambio-white-100);\n}\n\n._white40BackgroundColor_1xef3_650 {\n background-color: var(--color-cambio-white-40);\n}\n\n._white70BackgroundColor_1xef3_654 {\n background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_1xef3_658 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_1xef3_662 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_1xef3_666 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._gray270BackgroundColor_1xef3_670 {\n background-color: var(--color-cambio-gray-270);\n}\n\n._gray370BackgroundColor_1xef3_674 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_1xef3_678 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_1xef3_682 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_1xef3_686 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_1xef3_690 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_1xef3_694 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_1xef3_698 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_1xef3_702 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_1xef3_706 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_1xef3_710 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_1xef3_714 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_1xef3_718 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_1xef3_722 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_1xef3_726 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_1xef3_730 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_1xef3_734 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_1xef3_738 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_1xef3_742 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_1xef3_746 {\n background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_1xef3_750 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_1xef3_754 {\n background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_1xef3_758 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_1xef3_762 {\n background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_1xef3_766 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_1xef3_770 {\n background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_1xef3_774 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_1xef3_778 {\n background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_1xef3_782 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_1xef3_786 {\n background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_1xef3_790 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_1xef3_794 {\n background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_1xef3_798 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_1xef3_802 {\n background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_1xef3_806 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_1xef3_810 {\n background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_1xef3_814 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_1xef3_818 {\n background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_1xef3_822 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_1xef3_826 {\n background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_1xef3_830 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_1xef3_834 {\n background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_1xef3_838 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_1xef3_842 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_1xef3_846 {\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_qb8k0_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_qb8k0_22 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_qb8k0_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_qb8k0_27,\n:lang(az) ._serif_qb8k0_27,\n:lang(fr) ._serif_qb8k0_27,\n:lang(de) ._serif_qb8k0_27,\n:lang(es) ._serif_qb8k0_27,\n:lang(it) ._serif_qb8k0_27,\n:lang(pl) ._serif_qb8k0_27,\n:lang(pt) ._serif_qb8k0_27,\n:lang(tr) ._serif_qb8k0_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_qb8k0_73 {\n font-size: 12px;\n}\n\n._size100_qb8k0_77 {\n font-size: 13px;\n}\n\n._size200_qb8k0_81 {\n font-size: 16px;\n}\n\n._size300_qb8k0_85 {\n font-size: 19px;\n}\n\n._size400_qb8k0_89 {\n font-size: 25px;\n}\n\n._size500_qb8k0_93 {\n font-size: 32px;\n}\n\n._size700_qb8k0_97 {\n font-size: 38px;\n}\n\n._size800_qb8k0_101 {\n font-size: 46px;\n}\n\n._size900_qb8k0_105 {\n font-size: 55px;\n}\n\n._size1100_qb8k0_109 {\n font-size: 83px;\n}\n\n/* Only add media queries for sizes that need to change */\n@media (min-width: 480px) {\n ._size300_qb8k0_85 {\n font-size: 20px;\n }\n\n ._size700_qb8k0_97 {\n font-size: 44px;\n }\n\n ._size800_qb8k0_101 {\n font-size: 63px;\n }\n\n ._size900_qb8k0_105 {\n font-size: 76px;\n }\n\n ._size1100_qb8k0_109 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_qb8k0_137 {\n text-align: center;\n}\n\n._forceLeft_qb8k0_141 {\n text-align: left;\n}\n\n._forceRight_qb8k0_145 {\n text-align: right;\n}\n\n._start_qb8k0_149 {\n text-align: start;\n}\n\n._end_qb8k0_153 {\n text-align: end;\n}\n\n/* Weight */\n\n._regular_qb8k0_159 {\n font-weight: 400;\n}\n\n._medium_qb8k0_163 {\n font-weight: 510;\n}\n\n._semiBold_qb8k0_167 {\n font-weight: 590;\n}\n\n._bold_qb8k0_171 {\n font-weight: 700;\n}\n\n._underline_qb8k0_175 {\n text-decoration: underline;\n}\n\n._inline_qb8k0_179 {\n display: inline;\n}\n\n._uppercase_qb8k0_183 {\n text-transform: uppercase;\n}\n\n._lineClamp_qb8k0_187 {\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_qb8k0_196 {\n line-height: 150%;\n}\n\n._p200_qb8k0_200 {\n line-height: 150%;\n}\n\n._p300_qb8k0_204 {\n line-height: 140%;\n}\n\n._p400_qb8k0_208 {\n line-height: 130%;\n}\n\n._p500_qb8k0_212 {\n line-height: 115%;\n}\n\n/* White Space */\n._inherit_qb8k0_217 {\n white-space: inherit;\n}\n\n._normal_qb8k0_221 {\n white-space: normal;\n}\n\n._nowrap_qb8k0_225 {\n white-space: nowrap;\n}\n\n._preLine_qb8k0_229 {\n white-space: pre-line;\n}\n\n:lang(ko),\n._typography_qb8k0_1 {\n word-break: keep-all;\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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC70BF;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;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;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAEE;AAAA;","names":[]}
package/dist/Toast/Toast.d.ts ADDED
@@ -0,0 +1,40 @@
1
+ import { ComponentProps } from 'react';
2
+ import Icon from '../Icon/Icon.js';
3
+ import '../colors/allColors.js';
4
+
5
+ type ToastProps = {
6
+ /**
7
+ * The optional text of the toast under the heading
8
+ */
9
+ body?: string;
10
+ /**
11
+ * Test id for the toast
12
+ */
13
+ "data-testid"?: string;
14
+ heading: string;
15
+ /**
16
+ * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)
17
+ */
18
+ icon?: React.ComponentType<{
19
+ className?: string;
20
+ }> | React.ComponentType<ComponentProps<typeof Icon>>;
21
+ /**
22
+ /**
23
+ * Indicate whether the toast renders on a light or dark background. Changes the color of the toast
24
+ *
25
+ * @defaulValue `lightBackground`
26
+ */
27
+ on?: "lightBackground" | "darkBackground";
28
+ /**
29
+ * The number of milliseconds to wait before automatically dismissing the toast
30
+ *
31
+ * @defaultValue 5000
32
+ */
33
+ timeout?: number;
34
+ };
35
+ /**
36
+ * [Toast](https://cambly-syntax.vercel.app/?path=/docs/components-toast--docs) is a component to display a small, dismissible notification.
37
+ */
38
+ declare function Toast({ body, "data-testid": dataTestId, heading, icon: Icon, on, timeout, }: ToastProps): JSX.Element;
39
+
40
+ export { Toast as default };
package/dist/Toast/Toast.js ADDED
@@ -0,0 +1,17 @@
1
+ "use client"
2
+ import {
3
+ Toast
4
+ } from "../__chunks/L2B2L4F2.js";
5
+ import "../__chunks/X552U42S.js";
6
+ import "../__chunks/4U4UW4AK.js";
7
+ import "../__chunks/4U4UW4AK.js";
8
+ import "../__chunks/KBIW5XV4.js";
9
+ import "../__chunks/IDX7RWVA.js";
10
+ import "../__chunks/73ZKHWUJ.js";
11
+ import "../__chunks/QIMMO3OB.js";
12
+ import "../__chunks/4U4UW4AK.js";
13
+ import "../__chunks/UWGNJENA.js";
14
+ export {
15
+ Toast as default
16
+ };
17
+ //# sourceMappingURL=Toast.js.map
package/dist/Toast/Toast.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
package/dist/__chunks/{LD67LLZE.js → 222QJTXV.js} RENAMED
@@ -2,9 +2,6 @@
2
2
  import {
3
3
  rounding_module_default
4
4
  } from "./KBIW5XV4.js";
5
- import {
6
- useIsHydrated
7
- } from "./JB65NEXK.js";
8
5
  import {
9
6
  __objRest,
10
7
  __spreadProps,
@@ -51,7 +48,6 @@ var LinkTapArea = forwardRef(
51
48
  rel,
52
49
  accessibilityLabel,
53
50
  "data-testid": dataTestId,
54
- disabled: disabledProp = false,
55
51
  fullHeight = false,
56
52
  fullWidth = true,
57
53
  onClick,
@@ -66,7 +62,6 @@ var LinkTapArea = forwardRef(
66
62
  "rel",
67
63
  "accessibilityLabel",
68
64
  "data-testid",
69
- "disabled",
70
65
  "fullHeight",
71
66
  "fullWidth",
72
67
  "onClick",
@@ -75,50 +70,29 @@ var LinkTapArea = forwardRef(
75
70
  "rounding",
76
71
  "tabIndex"
77
72
  ]);
78
- const isHydrated = useIsHydrated();
79
- const disabled = !isHydrated || disabledProp;
80
73
  const [{ hovered, focussed }, dispatch] = useReducer(reducer, {
81
74
  hovered: false,
82
75
  focussed: false
83
76
  });
84
- const handleClick = (event) => {
85
- if (disabled) {
86
- } else {
87
- event.currentTarget.blur();
88
- onClick(event);
89
- }
90
- };
91
- const handleKeyDown = (event) => {
92
- if (disabled)
93
- return;
94
- if (event.key === "Enter" || event.key === " " || event.key === "Space") {
95
- event.preventDefault();
96
- onClick(event);
97
- }
98
- };
99
77
  const handleOnMouseEnter = (event) => {
100
- if (disabled)
101
- return;
102
78
  dispatch({ type: "MOUSE_ENTER" });
103
79
  onMouseEnter == null ? void 0 : onMouseEnter(event);
104
80
  };
105
81
  const handleOnMouseLeave = (event) => {
106
- if (disabled)
107
- return;
108
82
  dispatch({ type: "MOUSE_LEAVE" });
109
83
  onMouseLeave == null ? void 0 : onMouseLeave(event);
110
84
  };
111
- const isHoveredOrFocussed = !disabled && (hovered || focussed);
85
+ const isHoveredOrFocussed = hovered || focussed;
112
86
  const roundingClasses = rounding !== "none" && rounding_module_default[`rounding${rounding}`];
113
87
  return /* @__PURE__ */ jsxs(
114
88
  "a",
115
89
  __spreadProps(__spreadValues({}, accessibilityProps), {
116
- "aria-disabled": disabled || accessibilityProps["aria-disabled"],
90
+ "aria-disabled": accessibilityProps["aria-disabled"],
117
91
  "aria-label": accessibilityLabel != null ? accessibilityLabel : accessibilityProps["aria-label"],
118
92
  className: classNames(
119
93
  LinkTapArea_module_default.linkTapArea,
120
94
  TapArea_module_default.tapArea,
121
- TapArea_module_default[`${disabled ? "disabled" : "enabled"}`],
95
+ TapArea_module_default.enabled,
122
96
  fullHeight && TapArea_module_default.fullHeight,
123
97
  fullWidth && TapArea_module_default.fullWidth,
124
98
  isHoveredOrFocussed && TapArea_module_default.hoveredOrFocussed,
@@ -128,17 +102,15 @@ var LinkTapArea = forwardRef(
128
102
  href,
129
103
  target,
130
104
  rel,
131
- onClick: handleClick,
132
- onKeyDown: handleKeyDown,
105
+ onClick,
133
106
  onMouseEnter: handleOnMouseEnter,
134
107
  onMouseLeave: handleOnMouseLeave,
135
108
  onFocus: () => dispatch({ type: "FOCUS" }),
136
109
  onBlur: () => dispatch({ type: "BLUR" }),
137
110
  ref,
138
- role: "button",
139
- tabIndex: disabled ? void 0 : tabIndex,
111
+ tabIndex,
140
112
  children: [
141
- !disabled && (hovered || focussed) && /* @__PURE__ */ jsx("div", { className: classNames(TapArea_module_default.overlay, roundingClasses) }),
113
+ (hovered || focussed) && /* @__PURE__ */ jsx("div", { className: classNames(TapArea_module_default.overlay, roundingClasses) }),
142
114
  children
143
115
  ]
144
116
  })
@@ -151,4 +123,4 @@ var LinkTapArea_default = LinkTapArea;
151
123
  export {
152
124
  LinkTapArea_default
153
125
  };
154
- //# sourceMappingURL=LD67LLZE.js.map
126
+ //# sourceMappingURL=222QJTXV.js.map
package/dist/__chunks/222QJTXV.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/LinkTapArea/LinkTapArea.tsx","css-module:../TapArea/TapArea.module.css#css-module","css-module:./LinkTapArea.module.css#css-module"],"sourcesContent":["import React, {\n forwardRef,\n type HtmlHTMLAttributes,\n useReducer,\n type AriaAttributes,\n type ReactNode,\n} from \"react\";\nimport tapAreaStyles from \"../TapArea/TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport classNames from \"classnames\";\nimport styles from \"./LinkTapArea.module.css\";\n\ntype LinkTapAreaProps = AriaAttributes & {\n /**\n * The children to be rendered inside the tap area.\n */\n children?: ReactNode;\n /**\n * The link that the LinkTapArea should route to.\n *\n */\n href?: string;\n /**\n * The target attribute specifies where to open the linked document.\n *\n */\n target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n /**\n * The rel attribute specifies the relationship between the document and the link.\n *\n */\n rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n /**\n * The label to be used for accessibility\n */\n accessibilityLabel?: string;\n /**\n * Test id for the tap area\n */\n \"data-testid\"?: string;\n /**\n * If `true`, the tap area will be full height\n */\n fullHeight?: boolean;\n /**\n * If `true`, the tap area will be full width\n */\n fullWidth?: boolean;\n /**\n * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n */\n onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n /**\n * The callback to be called when the tap area is hovered\n */\n onMouseEnter?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n /**\n * The callback to be called when the tap area is no longer hovered\n */\n onMouseLeave?: (event: React.SyntheticEvent<HTMLAnchorElement>) => void;\n /**\n * Border radius of the tap area.\n *\n * * `none`: 0px\n * * `sm`: 8px\n * * `md`: 12px\n * * `full`: 999px\n *\n * @defaultValue \"none\"\n */\n rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n /**\n * The tab index of the tap area\n */\n tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n state: {\n hovered: boolean;\n focussed: boolean;\n },\n action: {\n type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n },\n) {\n switch (action.type) {\n case \"BLUR\":\n return { ...state, focussed: false };\n case \"FOCUS\":\n return { ...state, focussed: true };\n case \"MOUSE_ENTER\":\n return { ...state, hovered: true };\n case \"MOUSE_LEAVE\":\n return { ...state, hovered: false };\n default:\n return state;\n }\n}\nconst LinkTapArea = forwardRef<HTMLAnchorElement, LinkTapAreaProps>(\n (\n {\n children,\n href,\n target,\n rel,\n accessibilityLabel,\n \"data-testid\": dataTestId,\n fullHeight = false,\n fullWidth = true,\n onClick,\n onMouseEnter,\n onMouseLeave,\n rounding = \"none\",\n tabIndex = 0,\n ...accessibilityProps\n }: LinkTapAreaProps,\n ref,\n ) => {\n const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n hovered: false,\n focussed: false,\n });\n\n const handleOnMouseEnter: React.MouseEventHandler<HTMLAnchorElement> = (\n event,\n ) => {\n dispatch({ type: \"MOUSE_ENTER\" });\n onMouseEnter?.(event);\n };\n\n const handleOnMouseLeave: React.MouseEventHandler<HTMLAnchorElement> = (\n event,\n ) => {\n dispatch({ type: \"MOUSE_LEAVE\" });\n onMouseLeave?.(event);\n };\n\n const isHoveredOrFocussed = hovered || focussed;\n const roundingClasses =\n rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n return (\n <a\n {...accessibilityProps}\n aria-disabled={accessibilityProps[\"aria-disabled\"]}\n aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n className={classNames(\n styles.linkTapArea,\n tapAreaStyles.tapArea,\n tapAreaStyles.enabled,\n fullHeight && tapAreaStyles.fullHeight,\n fullWidth && tapAreaStyles.fullWidth,\n isHoveredOrFocussed && tapAreaStyles.hoveredOrFocussed,\n roundingClasses,\n )}\n data-testid={dataTestId}\n href={href}\n target={target}\n rel={rel}\n onClick={onClick}\n onMouseEnter={handleOnMouseEnter}\n onMouseLeave={handleOnMouseLeave}\n onFocus={() => dispatch({ type: \"FOCUS\" })}\n onBlur={() => dispatch({ type: \"BLUR\" })}\n ref={ref}\n tabIndex={tabIndex}\n >\n {(hovered || focussed) && (\n <div className={classNames(tapAreaStyles.overlay, roundingClasses)} />\n )}\n {children}\n </a>\n );\n },\n);\n\nLinkTapArea.displayName = \"LinkTapArea\";\n\nexport default LinkTapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_1gbc8_1\",\"fullHeight\":\"_fullHeight_1gbc8_5\",\"fullWidth\":\"_fullWidth_1gbc8_9\",\"disabled\":\"_disabled_1gbc8_13\",\"enabled\":\"_enabled_1gbc8_20\",\"overlay\":\"_overlay_1gbc8_33\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_1gbc8_43\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkTapArea/LinkTapArea.module.css\"; export default {\"linkTapArea\":\"_linkTapArea_1nzmd_1\"}"],"mappings":";;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EAEA;AAAA,OAGK;;;ACNuF,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,cAAa,uBAAsB,aAAY,sBAAqB,YAAW,sBAAqB,WAAU,qBAAoB,WAAU,qBAAoB,qBAAoB,8BAA6B;;;ADS5V,OAAO,gBAAgB;;;AET+E,IAAO,6BAAQ,EAAC,eAAc,uBAAsB;;;AF+IpJ,SA0BI,KA1BJ;AAlEN,SAAS,QACP,OAIA,QAGA;AACA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,UAAU,MAAM;AAAA,IACrC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,UAAU,KAAK;AAAA,IACpC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,SAAS,KAAK;AAAA,IACnC,KAAK;AACH,aAAO,iCAAK,QAAL,EAAY,SAAS,MAAM;AAAA,IACpC;AACE,aAAO;AAAA,EACX;AACF;AACA,IAAM,cAAc;AAAA,EAClB,CACE,IAgBA,QACG;AAjBH,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,IAlHjB,IAqGI,IAcK,+BAdL,IAcK;AAAA,MAbH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,CAAC,EAAE,SAAS,SAAS,GAAG,QAAQ,IAAI,WAAW,SAAS;AAAA,MAC5D,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,qBAAiE,CACrE,UACG;AACH,eAAS,EAAE,MAAM,cAAc,CAAC;AAChC,mDAAe;AAAA,IACjB;AAEA,UAAM,qBAAiE,CACrE,UACG;AACH,eAAS,EAAE,MAAM,cAAc,CAAC;AAChC,mDAAe;AAAA,IACjB;AAEA,UAAM,sBAAsB,WAAW;AACvC,UAAM,kBACJ,aAAa,UAAU,wBAAe,WAAW,UAAU;AAE7D,WACE;AAAA,MAAC;AAAA,uCACK,qBADL;AAAA,QAEC,iBAAe,mBAAmB,eAAe;AAAA,QACjD,cAAY,kDAAsB,mBAAmB,YAAY;AAAA,QACjE,WAAW;AAAA,UACT,2BAAO;AAAA,UACP,uBAAc;AAAA,UACd,uBAAc;AAAA,UACd,cAAc,uBAAc;AAAA,UAC5B,aAAa,uBAAc;AAAA,UAC3B,uBAAuB,uBAAc;AAAA,UACrC;AAAA,QACF;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,cAAc;AAAA,QACd,SAAS,MAAM,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,QACzC,QAAQ,MAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,QACvC;AAAA,QACA;AAAA,QAEE;AAAA,sBAAW,aACX,oBAAC,SAAI,WAAW,WAAW,uBAAc,SAAS,eAAe,GAAG;AAAA,UAErE;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;","names":[]}
package/dist/__chunks/{YGOEYFXY.js → 4NEHC6Q6.js} RENAMED
@@ -10,4 +10,4 @@ export {
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
12
  };
13
- //# sourceMappingURL=YGOEYFXY.js.map
13
+ //# sourceMappingURL=4NEHC6Q6.js.map
package/dist/__chunks/{YGOEYFXY.js.map → 4NEHC6Q6.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 07 Nov 2024 06:00:41 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 Thu, 07 Nov 2024 21:04:06 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":[]}
package/dist/__chunks/L2B2L4F2.js ADDED
@@ -0,0 +1,76 @@
1
+ "use client"
2
+ import {
3
+ Box_default
4
+ } from "./X552U42S.js";
5
+ import {
6
+ Typography_default
7
+ } from "./IDX7RWVA.js";
8
+
9
+ // src/Toast/Toast.tsx
10
+ import { useEffect, useState } from "react";
11
+ import { jsx, jsxs } from "react/jsx-runtime";
12
+ function typographyColor({
13
+ on
14
+ }) {
15
+ return on === "lightBackground" ? "white" : "gray900";
16
+ }
17
+ function Toast({
18
+ body,
19
+ "data-testid": dataTestId,
20
+ heading,
21
+ icon: Icon,
22
+ on = "lightBackground",
23
+ timeout = 5e3
24
+ }) {
25
+ const [displayToast, setDisplayToast] = useState(true);
26
+ useEffect(() => {
27
+ const timeoutId = setTimeout(() => {
28
+ setDisplayToast(false);
29
+ }, timeout);
30
+ return () => clearTimeout(timeoutId);
31
+ }, [timeout]);
32
+ return /* @__PURE__ */ jsxs(
33
+ Box_default,
34
+ {
35
+ position: "fixed",
36
+ width: "fit-content",
37
+ marginStart: "auto",
38
+ marginEnd: "auto",
39
+ padding: 4,
40
+ rounding: "md",
41
+ display: displayToast ? "flex" : "none",
42
+ gap: 5,
43
+ alignItems: "center",
44
+ backgroundColor: on === "lightBackground" ? "gray900" : "white",
45
+ dangerouslySetInlineStyle: {
46
+ __style: {
47
+ left: 0,
48
+ right: 0,
49
+ bottom: 50,
50
+ boxShadow: "0px 16px 32px 0px rgba(0, 0, 0, 0.25)"
51
+ }
52
+ },
53
+ "data-testid": dataTestId,
54
+ children: [
55
+ Icon && /* @__PURE__ */ jsx(Icon, { color: typographyColor({ on }), size: 400 }),
56
+ /* @__PURE__ */ jsxs(Box_default, { display: "flex", direction: "column", gap: 1, children: [
57
+ /* @__PURE__ */ jsx(
58
+ Typography_default,
59
+ {
60
+ size: 300,
61
+ weight: "semiBold",
62
+ color: typographyColor({ on }),
63
+ children: heading
64
+ }
65
+ ),
66
+ body && /* @__PURE__ */ jsx(Typography_default, { lineClamp: 2, color: typographyColor({ on }), children: body })
67
+ ] })
68
+ ]
69
+ }
70
+ );
71
+ }
72
+
73
+ export {
74
+ Toast
75
+ };
76
+ //# sourceMappingURL=L2B2L4F2.js.map
package/dist/__chunks/L2B2L4F2.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useState } from \"react\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport type InternalIcon from \"../Icon/Icon\";\n\nfunction typographyColor({\n on,\n}: {\n on: \"lightBackground\" | \"darkBackground\";\n}): \"white\" | \"gray900\" {\n return on === \"lightBackground\" ? \"white\" : \"gray900\";\n}\n\ntype ToastProps = {\n /**\n * The optional text of the toast under the heading\n */\n body?: string;\n /**\n * Test id for the toast\n */\n \"data-testid\"?: string;\n heading: string;\n /**\n * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n */\n icon?:\n | React.ComponentType<{ className?: string }>\n | React.ComponentType<ComponentProps<typeof InternalIcon>>;\n /**\n /**\n * Indicate whether the toast renders on a light or dark background. Changes the color of the toast\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * The number of milliseconds to wait before automatically dismissing the toast\n *\n * @defaultValue 5000\n */\n timeout?: number;\n};\n/**\n * [Toast](https://cambly-syntax.vercel.app/?path=/docs/components-toast--docs) is a component to display a small, dismissible notification.\n */\n\nexport default function Toast({\n body,\n \"data-testid\": dataTestId,\n heading,\n icon: Icon,\n on = \"lightBackground\",\n timeout = 5000,\n}: ToastProps): JSX.Element {\n const [displayToast, setDisplayToast] = useState<boolean>(true);\n\n useEffect(() => {\n const timeoutId = setTimeout(() => {\n setDisplayToast(false);\n }, timeout);\n return () => clearTimeout(timeoutId);\n }, [timeout]);\n\n return (\n <Box\n position=\"fixed\"\n width=\"fit-content\"\n marginStart=\"auto\"\n marginEnd=\"auto\"\n padding={4}\n rounding=\"md\"\n display={displayToast ? \"flex\" : \"none\"}\n gap={5}\n alignItems=\"center\"\n backgroundColor={on === \"lightBackground\" ? \"gray900\" : \"white\"}\n dangerouslySetInlineStyle={{\n __style: {\n left: 0,\n right: 0,\n bottom: 50,\n boxShadow: \"0px 16px 32px 0px rgba(0, 0, 0, 0.25)\",\n },\n }}\n data-testid={dataTestId}\n >\n {Icon && <Icon color={typographyColor({ on })} size={400} />}\n <Box display=\"flex\" direction=\"column\" gap={1}>\n <Typography\n size={300}\n weight=\"semiBold\"\n color={typographyColor({ on })}\n >\n {heading}\n </Typography>\n {body && (\n <Typography lineClamp={2} color={typographyColor({ on })}>\n {body}\n </Typography>\n )}\n </Box>\n </Box>\n );\n}\n"],"mappings":";;;;;;;;;AAAA,SAA8B,WAAW,gBAAgB;AAsF1C,cACT,YADS;AAjFf,SAAS,gBAAgB;AAAA,EACvB;AACF,GAEwB;AACtB,SAAO,OAAO,oBAAoB,UAAU;AAC9C;AAoCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AACZ,GAA4B;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,IAAI;AAE9D,YAAU,MAAM;AACd,UAAM,YAAY,WAAW,MAAM;AACjC,sBAAgB,KAAK;AAAA,IACvB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,SAAS;AAAA,EACrC,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAS;AAAA,MACT,SAAS,eAAe,SAAS;AAAA,MACjC,KAAK;AAAA,MACL,YAAW;AAAA,MACX,iBAAiB,OAAO,oBAAoB,YAAY;AAAA,MACxD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,MACF;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA,gBAAQ,oBAAC,QAAK,OAAO,gBAAgB,EAAE,GAAG,CAAC,GAAG,MAAM,KAAK;AAAA,QAC1D,qBAAC,eAAI,SAAQ,QAAO,WAAU,UAAS,KAAK,GAC1C;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,OAAO,gBAAgB,EAAE,GAAG,CAAC;AAAA,cAE5B;AAAA;AAAA,UACH;AAAA,UACC,QACC,oBAAC,sBAAW,WAAW,GAAG,OAAO,gBAAgB,EAAE,GAAG,CAAC,GACpD,gBACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
package/dist/__chunks/{VXX4H2RU.js → LXBUCC4I.js} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  ColorBaseDestructive700,
7
7
  ColorBaseGray700,
8
8
  ColorCambioWhite100
9
- } from "./YGOEYFXY.js";
9
+ } from "./4NEHC6Q6.js";
10
10
  import {
11
11
  Focus_module_default
12
12
  } from "./KKADUD65.js";
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
140
140
  export {
141
141
  SelectList
142
142
  };
143
- //# sourceMappingURL=VXX4H2RU.js.map
143
+ //# sourceMappingURL=LXBUCC4I.js.map
package/dist/__chunks/{7ZKXYLXP.js → PEPEAQRW.js} RENAMED
@@ -1,4 +1,9 @@
1
1
  "use client"
2
+ import {
3
+ RichSelectBoxContext,
4
+ RichSelectBox_default,
5
+ convertSelection
6
+ } from "./CLVZ4FOV.js";
2
7
  import {
3
8
  Popover_default
4
9
  } from "./STXMQR3I.js";
@@ -9,12 +14,7 @@ import {
9
14
  ColorBaseDestructive700,
10
15
  ColorBaseGray700,
11
16
  ColorCambioWhite100
12
- } from "./YGOEYFXY.js";
13
- import {
14
- RichSelectBoxContext,
15
- RichSelectBox_default,
16
- convertSelection
17
- } from "./CLVZ4FOV.js";
17
+ } from "./4NEHC6Q6.js";
18
18
  import {
19
19
  RichSelectSection_default
20
20
  } from "./KURNAKIN.js";
@@ -289,4 +289,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
289
289
  export {
290
290
  RichSelectList_default
291
291
  };
292
- //# sourceMappingURL=7ZKXYLXP.js.map
292
+ //# sourceMappingURL=PEPEAQRW.js.map
package/dist/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export { default as TapArea } from './TapArea/TapArea.js';
26
26
  export { default as TextArea } from './TextArea/TextArea.js';
27
27
  export { default as TextField } from './TextField/TextField.js';
28
28
  export { default as ThemeProvider } from './ThemeProvider/ThemeProvider.js';
29
+ export { default as Toast } from './Toast/Toast.js';
29
30
  export { default as Tooltip } from './Tooltip/Tooltip.js';
30
31
  export { default as Typography } from './Typography/Typography.js';
31
32
  export { default as WordConfetti } from './WordConfetti/WordConfetti.js';