@cambly/syntax-core 22.2.0 → 22.2.2

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 (35) hide show
  1. package/dist/Avatar/Avatar.d.ts +1 -1
  2. package/dist/Badge/Badge.d.ts +2 -1
  3. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
  4. package/dist/Checkbox/Checkbox.d.ts +1 -1
  5. package/dist/Heading/Heading.d.ts +1 -1
  6. package/dist/Icon/Icon.css +14 -11
  7. package/dist/Icon/Icon.css.map +1 -1
  8. package/dist/Icon/Icon.d.ts +5 -0
  9. package/dist/Icon/Icon.js +1 -1
  10. package/dist/LinkTapArea/LinkTapArea.d.ts +1 -1
  11. package/dist/RadioButton/RadioButton.d.ts +1 -1
  12. package/dist/RichSelect/RichSelectBox.d.ts +1 -1
  13. package/dist/RichSelect/RichSelectList.css +21 -18
  14. package/dist/RichSelect/RichSelectList.css.map +1 -1
  15. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  16. package/dist/RichSelect/RichSelectList.js +2 -2
  17. package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
  18. package/dist/SelectList/SelectList.css +21 -18
  19. package/dist/SelectList/SelectList.css.map +1 -1
  20. package/dist/SelectList/SelectList.js +2 -2
  21. package/dist/TapArea/TapArea.d.ts +1 -1
  22. package/dist/Typography/Typography.d.ts +4 -4
  23. package/dist/__chunks/{W6IQWQ6Z.js → APWYJJJE.js} +3 -3
  24. package/dist/__chunks/{W6IQWQ6Z.js.map → APWYJJJE.js.map} +1 -1
  25. package/dist/__chunks/{ZC7RS5V7.js → H7BNZKLN.js} +3 -3
  26. package/dist/__chunks/{ZC7RS5V7.js.map → H7BNZKLN.js.map} +1 -1
  27. package/dist/__chunks/{X3XMN7RS.js → IZR7CUJ2.js} +1 -1
  28. package/dist/__chunks/{X3XMN7RS.js.map → IZR7CUJ2.js.map} +1 -1
  29. package/dist/__chunks/{UHO7XMHJ.js → UMGPMP2M.js} +7 -4
  30. package/dist/__chunks/UMGPMP2M.js.map +1 -0
  31. package/dist/index.css +35 -29
  32. package/dist/index.css.map +1 -1
  33. package/dist/index.js +4 -4
  34. package/package.json +1 -1
  35. package/dist/__chunks/UHO7XMHJ.js.map +0 -1
@@ -1 +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","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.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_n4fyj_1 {\n line-height: initial;\n margin: 0;\n}\n\n._underline_n4fyj_6 {\n text-decoration: underline;\n}\n\n._inline_n4fyj_10 {\n display: inline;\n}\n\n._uppercase_n4fyj_14 {\n text-transform: uppercase;\n}\n\n._lineClamp_n4fyj_18 {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-width: 100%;\n overflow: hidden;\n word-break: break-word;\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_n4fyj_42 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_n4fyj_47 {\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_n4fyj_47,\n:lang(az) ._serif_n4fyj_47,\n:lang(fr) ._serif_n4fyj_47,\n:lang(de) ._serif_n4fyj_47,\n:lang(es) ._serif_n4fyj_47,\n:lang(it) ._serif_n4fyj_47,\n:lang(pl) ._serif_n4fyj_47,\n:lang(pt) ._serif_n4fyj_47,\n:lang(tr) ._serif_n4fyj_47 {\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/* stylelint-disable-next-line selector-max-compound-selectors -- https://github.com/w3c/csswg-drafts/issues/4285 */\n:lang(ko) ._typography_n4fyj_1 {\n word-break: keep-all;\n}\n\n/* Sizes are responsive */\n._size0_n4fyj_98 {\n font-size: 12px;\n}\n\n._size100_n4fyj_102 {\n font-size: 13px;\n}\n\n._size200_n4fyj_106 {\n font-size: 16px;\n}\n\n._size300_n4fyj_110 {\n font-size: 19px;\n}\n\n._size400_n4fyj_114 {\n font-size: 25px;\n}\n\n._size500_n4fyj_118 {\n font-size: 32px;\n}\n\n._size700_n4fyj_122 {\n font-size: 38px;\n}\n\n._size800_n4fyj_126 {\n font-size: 46px;\n}\n\n._size900_n4fyj_130 {\n font-size: 55px;\n}\n\n._size1100_n4fyj_134 {\n font-size: 83px;\n}\n\n/* Only add media queries for sizes that need to change */\n@media (min-width: 480px) {\n ._size300_n4fyj_110 {\n font-size: 20px;\n }\n\n ._size700_n4fyj_122 {\n font-size: 44px;\n }\n\n ._size800_n4fyj_126 {\n font-size: 63px;\n }\n\n ._size900_n4fyj_130 {\n font-size: 76px;\n }\n\n ._size1100_n4fyj_134 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_n4fyj_162 {\n text-align: center;\n}\n\n._forceLeft_n4fyj_166 {\n text-align: left;\n}\n\n._forceRight_n4fyj_170 {\n text-align: right;\n}\n\n._start_n4fyj_174 {\n text-align: start;\n}\n\n._end_n4fyj_178 {\n text-align: end;\n}\n\n/* Weight */\n\n._regular_n4fyj_184 {\n font-weight: 400;\n}\n\n._medium_n4fyj_188 {\n font-weight: 510;\n}\n\n._semiBold_n4fyj_192 {\n font-weight: 590;\n}\n\n._bold_n4fyj_196 {\n font-weight: 700;\n}\n\n/* Line Height */\n._p100_n4fyj_201 {\n line-height: 150%;\n}\n\n._p200_n4fyj_205 {\n line-height: 150%;\n}\n\n._p300_n4fyj_209 {\n line-height: 140%;\n}\n\n._p400_n4fyj_213 {\n line-height: 130%;\n}\n\n._p500_n4fyj_217 {\n line-height: 115%;\n}\n\n/* White Space */\n._inherit_n4fyj_222 {\n white-space: inherit;\n}\n\n._normal_n4fyj_226 {\n white-space: normal;\n}\n\n._nowrap_n4fyj_230 {\n white-space: nowrap;\n}\n\n._preLine_n4fyj_234 {\n white-space: pre-line;\n}\n","._selectContainer_p5tv4_1 {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n._opacityOverlay_p5tv4_7 {\n opacity: 0.5;\n}\n\n._selectWrapper_p5tv4_11 {\n display: flex;\n position: relative;\n}\n\n._selectBox_p5tv4_16 {\n align-items: center;\n appearance: none;\n cursor: pointer;\n display: flex;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n font-weight: 500;\n justify-content: space-between;\n margin: 0;\n outline: 0;\n width: 100%;\n}\n\n._selectBoxCambio_p5tv4_30 {\n border-radius: 8px;\n box-sizing: border-box;\n font-size: 16px;\n height: 48px;\n padding: 12px 36px 12px 12px;\n}\n\n._selectMouseFocusStyling_p5tv4_38 {\n border: 1px solid var(--color-base-primary-700);\n box-shadow: 0 0 0 1px var(--color-base-primary-700);\n}\n\n._unselected_p5tv4_43 {\n color: var(--color-base-gray-700);\n}\n\n._selected_p5tv4_47 {\n color: var(--color-base-gray-800);\n}\n\n._darkBackground_p5tv4_51 {\n background: var(--color-cambio-gray-900);\n border: 1px solid var(--color-cambio-white-40);\n color: var(--color-cambio-white-70);\n}\n\n._darkBackground_p5tv4_51:focus {\n outline: none;\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n color: var(--color-cambio-white-100);\n}\n\n._arrowIcon_p5tv4_63 {\n display: flex;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n padding-inline-end: 8px;\n pointer-events: none;\n}\n\n._selectBox_p5tv4_16:disabled {\n cursor: auto;\n}\n\n._selectErrorCambio_p5tv4_77 {\n color: var(--color-cambio-destructive-900);\n border-color: var(--color-cambio-destructive-700);\n}\n\n/* Color */\n._selectColorwhite_p5tv4_83 {\n background-color: var(--color-base-white);\n border: 1px solid var(--color-cambio-gray-370);\n color: var(--color-base-gray-700);\n}\n\n._transparentInputError_p5tv4_89 {\n color: var(--color-cambio-destructive-370);\n border: 1px solid var(--color-cambio-destructive-300);\n}\n\n._transparenInputError_p5tv4_94::placeholder {\n color: var(--color-cambio-destructive-370);\n}\n","._accessibilityOutlineFocus_1h8bq_1 {\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\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;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;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;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;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;;;AC1OF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;AC9FF;AACE;AAAA;","names":[]}
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","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.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_n4fyj_1 {\n line-height: initial;\n margin: 0;\n}\n\n._underline_n4fyj_6 {\n text-decoration: underline;\n}\n\n._inline_n4fyj_10 {\n display: inline;\n}\n\n._uppercase_n4fyj_14 {\n text-transform: uppercase;\n}\n\n._lineClamp_n4fyj_18 {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-width: 100%;\n overflow: hidden;\n word-break: break-word;\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_n4fyj_42 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_n4fyj_47 {\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_n4fyj_47,\n:lang(az) ._serif_n4fyj_47,\n:lang(fr) ._serif_n4fyj_47,\n:lang(de) ._serif_n4fyj_47,\n:lang(es) ._serif_n4fyj_47,\n:lang(it) ._serif_n4fyj_47,\n:lang(pl) ._serif_n4fyj_47,\n:lang(pt) ._serif_n4fyj_47,\n:lang(tr) ._serif_n4fyj_47 {\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/* stylelint-disable-next-line selector-max-compound-selectors -- https://github.com/w3c/csswg-drafts/issues/4285 */\n:lang(ko) ._typography_n4fyj_1 {\n word-break: keep-all;\n}\n\n/* Sizes are responsive */\n._size0_n4fyj_98 {\n font-size: 12px;\n}\n\n._size100_n4fyj_102 {\n font-size: 13px;\n}\n\n._size200_n4fyj_106 {\n font-size: 16px;\n}\n\n._size300_n4fyj_110 {\n font-size: 19px;\n}\n\n._size400_n4fyj_114 {\n font-size: 25px;\n}\n\n._size500_n4fyj_118 {\n font-size: 32px;\n}\n\n._size700_n4fyj_122 {\n font-size: 38px;\n}\n\n._size800_n4fyj_126 {\n font-size: 46px;\n}\n\n._size900_n4fyj_130 {\n font-size: 55px;\n}\n\n._size1100_n4fyj_134 {\n font-size: 83px;\n}\n\n/* Only add media queries for sizes that need to change */\n@media (min-width: 480px) {\n ._size300_n4fyj_110 {\n font-size: 20px;\n }\n\n ._size700_n4fyj_122 {\n font-size: 44px;\n }\n\n ._size800_n4fyj_126 {\n font-size: 63px;\n }\n\n ._size900_n4fyj_130 {\n font-size: 76px;\n }\n\n ._size1100_n4fyj_134 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_n4fyj_162 {\n text-align: center;\n}\n\n._forceLeft_n4fyj_166 {\n text-align: left;\n}\n\n._forceRight_n4fyj_170 {\n text-align: right;\n}\n\n._start_n4fyj_174 {\n text-align: start;\n}\n\n._end_n4fyj_178 {\n text-align: end;\n}\n\n/* Weight */\n\n._regular_n4fyj_184 {\n font-weight: 400;\n}\n\n._medium_n4fyj_188 {\n font-weight: 510;\n}\n\n._semiBold_n4fyj_192 {\n font-weight: 590;\n}\n\n._bold_n4fyj_196 {\n font-weight: 700;\n}\n\n/* Line Height */\n._p100_n4fyj_201 {\n line-height: 150%;\n}\n\n._p200_n4fyj_205 {\n line-height: 150%;\n}\n\n._p300_n4fyj_209 {\n line-height: 140%;\n}\n\n._p400_n4fyj_213 {\n line-height: 130%;\n}\n\n._p500_n4fyj_217 {\n line-height: 115%;\n}\n\n/* White Space */\n._inherit_n4fyj_222 {\n white-space: inherit;\n}\n\n._normal_n4fyj_226 {\n white-space: normal;\n}\n\n._nowrap_n4fyj_230 {\n white-space: nowrap;\n}\n\n._preLine_n4fyj_234 {\n white-space: pre-line;\n}\n","._selectContainer_rxo2v_1 {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n._opacityOverlay_rxo2v_7 {\n opacity: 0.5;\n}\n\n._selectWrapper_rxo2v_11 {\n display: flex;\n position: relative;\n}\n\n._selectBox_rxo2v_16 {\n align-items: center;\n appearance: none;\n cursor: pointer;\n display: flex;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n font-weight: 500;\n justify-content: space-between;\n margin: 0;\n outline: 0;\n width: 100%;\n}\n\n._selectBoxCambio_rxo2v_30 {\n border-radius: 8px;\n box-sizing: border-box;\n font-size: 16px;\n height: 48px;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-inline-start: 12px;\n padding-inline-end: 36px;\n}\n\n._selectMouseFocusStyling_rxo2v_41 {\n border: 1px solid var(--color-base-primary-700);\n box-shadow: 0 0 0 1px var(--color-base-primary-700);\n}\n\n._unselected_rxo2v_46 {\n color: var(--color-base-gray-700);\n}\n\n._selected_rxo2v_50 {\n color: var(--color-base-gray-800);\n}\n\n._darkBackground_rxo2v_54 {\n background: var(--color-cambio-gray-900);\n border: 1px solid var(--color-cambio-white-40);\n color: var(--color-cambio-white-70);\n}\n\n._darkBackground_rxo2v_54:focus {\n outline: none;\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n color: var(--color-cambio-white-100);\n}\n\n._arrowIcon_rxo2v_66 {\n display: flex;\n position: absolute;\n inset-inline-end: 0;\n top: 0;\n bottom: 0;\n padding-inline-end: 8px;\n pointer-events: none;\n}\n\n._selectBox_rxo2v_16:disabled {\n cursor: auto;\n}\n\n._selectErrorCambio_rxo2v_80 {\n color: var(--color-cambio-destructive-900);\n border-color: var(--color-cambio-destructive-700);\n}\n\n/* Color */\n._selectColorwhite_rxo2v_86 {\n background-color: var(--color-base-white);\n border: 1px solid var(--color-cambio-gray-370);\n color: var(--color-base-gray-700);\n}\n\n._transparentInputError_rxo2v_92 {\n color: var(--color-cambio-destructive-370);\n border: 1px solid var(--color-cambio-destructive-300);\n}\n\n._transparenInputError_rxo2v_97::placeholder {\n color: var(--color-cambio-destructive-370);\n}\n","._accessibilityOutlineFocus_1h8bq_1 {\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\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;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;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;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;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;;;AC1OF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACjGF;AACE;AAAA;","names":[]}
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  import {
3
3
  SelectList
4
- } from "../__chunks/W6IQWQ6Z.js";
4
+ } from "../__chunks/APWYJJJE.js";
5
5
  import "../__chunks/SPQ7DQHG.js";
6
- import "../__chunks/X3XMN7RS.js";
6
+ import "../__chunks/IZR7CUJ2.js";
7
7
  import "../__chunks/KKADUD65.js";
8
8
  import "../__chunks/X552U42S.js";
9
9
  import "../__chunks/4U4UW4AK.js";
@@ -52,7 +52,7 @@ declare const TapArea: React__default.ForwardRefExoticComponent<React__default.A
52
52
  *
53
53
  * @defaultValue "none"
54
54
  */
55
- rounding?: "sm" | "md" | "full" | "none" | undefined;
55
+ rounding?: "none" | "md" | "sm" | "full" | undefined;
56
56
  /**
57
57
  * The tab index of the tap area
58
58
  */
@@ -12,7 +12,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
12
12
  *
13
13
  * @defaultValue "start"
14
14
  */
15
- align?: "center" | "start" | "end" | "forceLeft" | "forceRight" | undefined;
15
+ align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
16
16
  /**
17
17
  * DOM element to render as.
18
18
  *
@@ -28,7 +28,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
28
28
  *
29
29
  * @defaultValue "gray900"
30
30
  */
31
- color?: "inherit" | "gray700" | "gray900" | "white" | "primary" | "destructive-primary" | "success" | "destructive-darkBackground" | "destructive-lightBackground" | "success-darkBackground" | "white-secondary" | undefined;
31
+ color?: "inherit" | "gray700" | "gray900" | "white" | "primary" | "destructive-primary" | "destructive-lightBackground" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white-secondary" | undefined;
32
32
  /**
33
33
  * Test id for the text
34
34
  */
@@ -111,7 +111,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
111
111
  *
112
112
  * @defaultValue "regular"
113
113
  */
114
- weight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
114
+ weight?: "bold" | "regular" | "medium" | "semiBold" | undefined;
115
115
  /**
116
116
  * Controls how whitespace within the element is handled.
117
117
  *
@@ -119,7 +119,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
119
119
  *
120
120
  * @defaultValue "inherit"
121
121
  */
122
- whiteSpace?: "inherit" | "normal" | "nowrap" | "preLine" | undefined;
122
+ whiteSpace?: "inherit" | "nowrap" | "normal" | "preLine" | undefined;
123
123
  } & React.RefAttributes<HTMLDivElement>>;
124
124
 
125
125
  export { Typography as default };
@@ -6,7 +6,7 @@ import {
6
6
  ColorBaseDestructive700,
7
7
  ColorBaseGray700,
8
8
  ColorCambioWhite100
9
- } from "./X3XMN7RS.js";
9
+ } from "./IZR7CUJ2.js";
10
10
  import {
11
11
  Focus_module_default
12
12
  } from "./KKADUD65.js";
@@ -31,7 +31,7 @@ import {
31
31
  import classNames from "classnames";
32
32
 
33
33
  // css-module:./SelectList.module.css#css-module
34
- var SelectList_module_default = { "selectContainer": "_selectContainer_p5tv4_1", "opacityOverlay": "_opacityOverlay_p5tv4_7", "selectWrapper": "_selectWrapper_p5tv4_11", "selectBox": "_selectBox_p5tv4_16", "selectBoxCambio": "_selectBoxCambio_p5tv4_30", "selectMouseFocusStyling": "_selectMouseFocusStyling_p5tv4_38", "unselected": "_unselected_p5tv4_43", "selected": "_selected_p5tv4_47", "darkBackground": "_darkBackground_p5tv4_51", "arrowIcon": "_arrowIcon_p5tv4_63", "selectErrorCambio": "_selectErrorCambio_p5tv4_77", "selectColorwhite": "_selectColorwhite_p5tv4_83", "transparentInputError": "_transparentInputError_p5tv4_89", "transparenInputError": "_transparenInputError_p5tv4_94" };
34
+ var SelectList_module_default = { "selectContainer": "_selectContainer_rxo2v_1", "opacityOverlay": "_opacityOverlay_rxo2v_7", "selectWrapper": "_selectWrapper_rxo2v_11", "selectBox": "_selectBox_rxo2v_16", "selectBoxCambio": "_selectBoxCambio_rxo2v_30", "selectMouseFocusStyling": "_selectMouseFocusStyling_rxo2v_41", "unselected": "_unselected_rxo2v_46", "selected": "_selected_rxo2v_50", "darkBackground": "_darkBackground_rxo2v_54", "arrowIcon": "_arrowIcon_rxo2v_66", "selectErrorCambio": "_selectErrorCambio_rxo2v_80", "selectColorwhite": "_selectColorwhite_rxo2v_86", "transparentInputError": "_transparentInputError_rxo2v_92", "transparenInputError": "_transparenInputError_rxo2v_97" };
35
35
 
36
36
  // src/SelectList/SelectList.tsx
37
37
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
140
140
  export {
141
141
  SelectList
142
142
  };
143
- //# sourceMappingURL=W6IQWQ6Z.js.map
143
+ //# sourceMappingURL=APWYJJJE.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n type ReactNode,\n useId,\n useState,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport classNames from \"classnames\";\nimport {\n ColorBaseDestructive700,\n ColorBaseGray700,\n ColorCambioWhite100,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n children,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n errorText,\n helperText,\n id,\n label,\n on,\n onChange,\n onClick,\n placeholderText,\n selectedValue = \"\",\n}: {\n /**\n * One or more SelectList.Option components.\n */\n children: ReactNode;\n /**\n * Test id for the select element\n */\n \"data-testid\"?: string;\n /**\n * true if the select dropdown is disabled\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Indicate whether the component renders on a light or dark background. Changes the color of the text\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * Callback to be called when select is clicked\n */\n onClick?: (event: React.SyntheticEvent<HTMLSelectElement>) => void;\n /**\n * Text shown below select box if there is an input error.\n */\n errorText?: string;\n /**\n * Text shown below select box\n */\n helperText?: string;\n /**\n * Id of the select element\n */\n id?: string;\n /**\n * Text shown above select box\n */\n label: string;\n /**\n * The callback to be called when an option is selected\n */\n onChange: React.ChangeEventHandler<HTMLSelectElement>;\n /**\n * Text showing in select box if no option has been chosen.\n * We should always have a placeholder unless there is a default option selected\n */\n placeholderText?: string;\n /**\n * Value of the currently selected option\n */\n selectedValue?: string;\n}): ReactElement {\n const reactId = useId();\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const selectId = id ?? reactId;\n const { isFocusVisible } = useFocusVisible();\n const [isFocused, setIsFocused] = useState(false);\n const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n const errorTextColor =\n on !== \"darkBackground\"\n ? \"destructive-lightBackground\"\n : \"destructive-darkBackground\";\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLSelectElement> = (\n event,\n ) => {\n if (disabled || onClick == null) return;\n if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n onClick(event);\n }\n };\n\n const getArrowIconColor = () => {\n if (errorText) {\n return ColorBaseDestructive700;\n } else {\n if (on === \"darkBackground\") {\n return ColorCambioWhite100;\n } else {\n return ColorBaseGray700;\n }\n }\n };\n\n return (\n <div\n className={classNames(styles.selectContainer, {\n [styles.opacityOverlay]: disabled,\n })}\n >\n {label && (\n <label htmlFor={selectId}>\n <Box paddingX={1}>\n <Typography size={100} color={textColor}>\n {label}\n </Typography>\n </Box>\n </label>\n )}\n <div className={styles.selectWrapper}>\n <select\n id={selectId}\n data-testid={dataTestId}\n disabled={disabled}\n className={classNames(styles.selectBox, styles.selectBoxCambio, {\n [styles.unselected]: !selectedValue && !errorText,\n [styles.selected]: selectedValue && !errorText,\n [styles.selectErrorCambio]: errorText && on === \"lightBackground\",\n [styles.transparentInputError]:\n errorText && on === \"darkBackground\",\n [focusStyles.accessibilityOutlineFocus]:\n isFocused && isFocusVisible, // for focus keyboard\n [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n [styles.darkBackground]: on === \"darkBackground\",\n })}\n onChange={onChange}\n onClick={onClick}\n onKeyDown={handleKeyDown}\n value={\n placeholderText && !selectedValue ? placeholderText : selectedValue\n }\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n >\n {placeholderText && (\n <option disabled value={placeholderText}>\n {placeholderText}\n </option>\n )}\n {children}\n </select>\n <div className={styles.arrowIcon}>\n <svg\n focusable=\"false\"\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n width={24}\n >\n <path\n fill={getArrowIconColor()}\n d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n />\n </svg>\n </div>\n </div>\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography size={100} color={errorText ? errorTextColor : textColor}>\n {errorText ? errorText : helperText}\n </Typography>\n </Box>\n )}\n </div>\n );\n}\n\nSelectList.Option = SelectOption;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_p5tv4_1\",\"opacityOverlay\":\"_opacityOverlay_p5tv4_7\",\"selectWrapper\":\"_selectWrapper_p5tv4_11\",\"selectBox\":\"_selectBox_p5tv4_16\",\"selectBoxCambio\":\"_selectBoxCambio_p5tv4_30\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_p5tv4_38\",\"unselected\":\"_unselected_p5tv4_43\",\"selected\":\"_selected_p5tv4_47\",\"darkBackground\":\"_darkBackground_p5tv4_51\",\"arrowIcon\":\"_arrowIcon_p5tv4_63\",\"selectErrorCambio\":\"_selectErrorCambio_p5tv4_77\",\"selectColorwhite\":\"_selectColorwhite_p5tv4_83\",\"transparentInputError\":\"_transparentInputError_p5tv4_89\",\"transparenInputError\":\"_transparenInputError_p5tv4_94\"}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n type ReactNode,\n useId,\n useState,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport classNames from \"classnames\";\nimport {\n ColorBaseDestructive700,\n ColorBaseGray700,\n ColorCambioWhite100,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n children,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n errorText,\n helperText,\n id,\n label,\n on,\n onChange,\n onClick,\n placeholderText,\n selectedValue = \"\",\n}: {\n /**\n * One or more SelectList.Option components.\n */\n children: ReactNode;\n /**\n * Test id for the select element\n */\n \"data-testid\"?: string;\n /**\n * true if the select dropdown is disabled\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Indicate whether the component renders on a light or dark background. Changes the color of the text\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * Callback to be called when select is clicked\n */\n onClick?: (event: React.SyntheticEvent<HTMLSelectElement>) => void;\n /**\n * Text shown below select box if there is an input error.\n */\n errorText?: string;\n /**\n * Text shown below select box\n */\n helperText?: string;\n /**\n * Id of the select element\n */\n id?: string;\n /**\n * Text shown above select box\n */\n label: string;\n /**\n * The callback to be called when an option is selected\n */\n onChange: React.ChangeEventHandler<HTMLSelectElement>;\n /**\n * Text showing in select box if no option has been chosen.\n * We should always have a placeholder unless there is a default option selected\n */\n placeholderText?: string;\n /**\n * Value of the currently selected option\n */\n selectedValue?: string;\n}): ReactElement {\n const reactId = useId();\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const selectId = id ?? reactId;\n const { isFocusVisible } = useFocusVisible();\n const [isFocused, setIsFocused] = useState(false);\n const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n const errorTextColor =\n on !== \"darkBackground\"\n ? \"destructive-lightBackground\"\n : \"destructive-darkBackground\";\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLSelectElement> = (\n event,\n ) => {\n if (disabled || onClick == null) return;\n if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n onClick(event);\n }\n };\n\n const getArrowIconColor = () => {\n if (errorText) {\n return ColorBaseDestructive700;\n } else {\n if (on === \"darkBackground\") {\n return ColorCambioWhite100;\n } else {\n return ColorBaseGray700;\n }\n }\n };\n\n return (\n <div\n className={classNames(styles.selectContainer, {\n [styles.opacityOverlay]: disabled,\n })}\n >\n {label && (\n <label htmlFor={selectId}>\n <Box paddingX={1}>\n <Typography size={100} color={textColor}>\n {label}\n </Typography>\n </Box>\n </label>\n )}\n <div className={styles.selectWrapper}>\n <select\n id={selectId}\n data-testid={dataTestId}\n disabled={disabled}\n className={classNames(styles.selectBox, styles.selectBoxCambio, {\n [styles.unselected]: !selectedValue && !errorText,\n [styles.selected]: selectedValue && !errorText,\n [styles.selectErrorCambio]: errorText && on === \"lightBackground\",\n [styles.transparentInputError]:\n errorText && on === \"darkBackground\",\n [focusStyles.accessibilityOutlineFocus]:\n isFocused && isFocusVisible, // for focus keyboard\n [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n [styles.darkBackground]: on === \"darkBackground\",\n })}\n onChange={onChange}\n onClick={onClick}\n onKeyDown={handleKeyDown}\n value={\n placeholderText && !selectedValue ? placeholderText : selectedValue\n }\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n >\n {placeholderText && (\n <option disabled value={placeholderText}>\n {placeholderText}\n </option>\n )}\n {children}\n </select>\n <div className={styles.arrowIcon}>\n <svg\n focusable=\"false\"\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n width={24}\n >\n <path\n fill={getArrowIconColor()}\n d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n />\n </svg>\n </div>\n </div>\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography size={100} color={errorText ? errorTextColor : textColor}>\n {errorText ? errorText : helperText}\n </Typography>\n </Box>\n )}\n </div>\n );\n}\n\nSelectList.Option = SelectOption;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_rxo2v_1\",\"opacityOverlay\":\"_opacityOverlay_rxo2v_7\",\"selectWrapper\":\"_selectWrapper_rxo2v_11\",\"selectBox\":\"_selectBox_rxo2v_16\",\"selectBoxCambio\":\"_selectBoxCambio_rxo2v_30\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_rxo2v_41\",\"unselected\":\"_unselected_rxo2v_46\",\"selected\":\"_selected_rxo2v_50\",\"darkBackground\":\"_darkBackground_rxo2v_54\",\"arrowIcon\":\"_arrowIcon_rxo2v_66\",\"selectErrorCambio\":\"_selectErrorCambio_rxo2v_80\",\"selectColorwhite\":\"_selectColorwhite_rxo2v_86\",\"transparentInputError\":\"_transparentInputError_rxo2v_92\",\"transparenInputError\":\"_transparenInputError_rxo2v_97\"}"],"mappings":"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","names":[]}
@@ -14,7 +14,7 @@ import {
14
14
  ColorBaseDestructive700,
15
15
  ColorBaseGray700,
16
16
  ColorCambioWhite100
17
- } from "./X3XMN7RS.js";
17
+ } from "./IZR7CUJ2.js";
18
18
  import {
19
19
  RichSelectSection_default
20
20
  } from "./Y53Z25OG.js";
@@ -60,7 +60,7 @@ import { useControlledState } from "@react-stately/utils";
60
60
  import { setInteractionModality } from "@react-aria/interactions";
61
61
 
62
62
  // css-module:../SelectList/SelectList.module.css#css-module
63
- var SelectList_module_default = { "selectContainer": "_selectContainer_p5tv4_1", "opacityOverlay": "_opacityOverlay_p5tv4_7", "selectWrapper": "_selectWrapper_p5tv4_11", "selectBox": "_selectBox_p5tv4_16", "selectBoxCambio": "_selectBoxCambio_p5tv4_30", "selectMouseFocusStyling": "_selectMouseFocusStyling_p5tv4_38", "unselected": "_unselected_p5tv4_43", "selected": "_selected_p5tv4_47", "darkBackground": "_darkBackground_p5tv4_51", "arrowIcon": "_arrowIcon_p5tv4_63", "selectErrorCambio": "_selectErrorCambio_p5tv4_77", "selectColorwhite": "_selectColorwhite_p5tv4_83", "transparentInputError": "_transparentInputError_p5tv4_89", "transparenInputError": "_transparenInputError_p5tv4_94" };
63
+ var SelectList_module_default = { "selectContainer": "_selectContainer_rxo2v_1", "opacityOverlay": "_opacityOverlay_rxo2v_7", "selectWrapper": "_selectWrapper_rxo2v_11", "selectBox": "_selectBox_rxo2v_16", "selectBoxCambio": "_selectBoxCambio_rxo2v_30", "selectMouseFocusStyling": "_selectMouseFocusStyling_rxo2v_41", "unselected": "_unselected_rxo2v_46", "selected": "_selected_rxo2v_50", "darkBackground": "_darkBackground_rxo2v_54", "arrowIcon": "_arrowIcon_rxo2v_66", "selectErrorCambio": "_selectErrorCambio_rxo2v_80", "selectColorwhite": "_selectColorwhite_rxo2v_86", "transparentInputError": "_transparentInputError_rxo2v_92", "transparenInputError": "_transparenInputError_rxo2v_97" };
64
64
 
65
65
  // src/RichSelect/RichSelectList.tsx
66
66
  import { useField } from "react-aria";
@@ -293,4 +293,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
293
293
  export {
294
294
  RichSelectList_default
295
295
  };
296
- //# sourceMappingURL=ZC7RS5V7.js.map
296
+ //# sourceMappingURL=H7BNZKLN.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/RichSelect/RichSelectList.tsx","css-module:../SelectList/SelectList.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n useMemo,\n type SyntheticEvent,\n useRef,\n useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n ColorBaseDestructive700,\n ColorBaseGray700,\n ColorCambioWhite100,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Popover from \"../Popover/Popover\";\nimport {\n Label as ReactAriaLabel,\n Provider as ReactAriaProvider,\n} from \"react-aria-components\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { setInteractionModality } from \"@react-aria/interactions\";\nimport { DialogContext } from \"../Dialog/Dialog\";\nimport styles from \"../SelectList/SelectList.module.css\";\nimport RichSelectBox, {\n RichSelectBoxContext,\n convertSelection,\n type RichSelectBoxProps,\n} from \"./RichSelectBox\";\nimport TapArea from \"../TapArea/TapArea\";\nimport { type OverlayHandlerRef } from \"../react-aria-utils/Triggerable\";\nimport Box from \"../Box/Box\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\nimport RichSelectItem from \"./RichSelectItem\";\nimport { useField } from \"react-aria\";\n\nconst NOOP = () => undefined;\n\nexport type RichSelectListProps = RichSelectBoxProps & {\n /** Test id for the select element */\n \"data-testid\"?: string;\n /**\n * Disables the select dropdown entirely\n * @defaultValue false\n */\n disabled?: boolean;\n /** Callback to be called when select is clicked */\n onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;\n /** Text shown below select box if there is an input error. */\n errorText?: string;\n /** Text shown below select box */\n helperText?: string;\n /**\n * RichSelectList id, if not provided, a unique id will be generated\n */\n id?: string;\n /** Text shown above select box */\n label: string;\n /**\n * Text showing in select box if no option has been chosen.\n * There should always have a placeholder unless there is a default option selected\n */\n placeholderText?: string;\n /** Use to render (override) text shown in the select box */\n selectTextValue?: (selectedValues?: \"all\" | string[]) => string | undefined;\n /**\n * Color of the select box\n * @defaultValue white\n */\n color?: \"white\" | \"clear\";\n /**\n * Z-index of the popover\n */\n zIndex?: number;\n};\n\n/**\n * [RichSelectList](https://cambly-syntax.vercel.app/?path=/docs/components-richselectlist--docs) is a dropdown menu that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n <RichSelectList\n label=\"My Label\"\n multiple\n onChange={() => { ... }}\n primaryButtonText=\"Save\"\n primaryButtonAccessibilityLabel=\"Save\"\n secondaryButtonText=\"Clear\"\n secondaryButtonAccessibilityLabel=\"Clear\"\n >\n <RichSelectList.Section label=\"Cities\">\n <RichSelectList.Chip label=\"San Francisco\" value=\"sf\" />\n <RichSelectList.Chip label=\"New York\" value=\"ny\" disabled />\n <RichSelectList.Chip label=\"Tulsa\" value=\"tulsa\" />\n <RichSelectList.Chip label=\"Chicago\" value=\"chicago\" disabled />\n </RichSelectList.Section>\n </RichSelectList>\n ```\n */\nfunction RichSelectList(props: RichSelectListProps): ReactElement {\n const {\n autosave,\n children,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n errorText,\n helperText,\n label,\n id,\n onChange,\n onClick = NOOP,\n placeholderText,\n selectTextValue,\n selectedValues: selectedValuesProp,\n defaultSelectedValues: defaultSelectedValuesProp,\n color = \"white\",\n zIndex,\n ...richSelectBoxProps\n } = props;\n\n const reactId = useId();\n const inputId = id ?? reactId;\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n\n // passed to popover, which attached open/close methods\n const overlayHandlerRef = useRef<OverlayHandlerRef>({});\n\n const selectedKeysProp = useMemo(\n () => convertSelection(selectedValuesProp),\n [selectedValuesProp],\n );\n const defaultSelectedKeys = useMemo(\n () => convertSelection(defaultSelectedValuesProp, new Set()),\n [defaultSelectedValuesProp],\n );\n const [selectedKeys, setSelectedKeys] = useControlledState(\n selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately. Internally they rely on value (first arg) able to be undefined\n defaultSelectedKeys,\n (value) => {\n const _value = value === \"all\" ? \"all\" : [...value].map(String);\n onChange(_value);\n if (!autosave) overlayHandlerRef.current.close?.();\n },\n );\n\n const selectedTextValue = useMemo(() => {\n if (selectTextValue)\n return (\n selectTextValue(\n selectedKeys === \"all\" ? \"all\" : [...selectedKeys].map(String),\n ) ?? placeholderText\n );\n if (selectedKeys === \"all\") return \"All selected\";\n if (selectedKeys.size) return `${selectedKeys.size} selected`;\n return placeholderText;\n }, [selectTextValue, selectedKeys, placeholderText]);\n\n const fieldRef = useRef<HTMLDivElement>(null);\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField({\n label, // this is the label for the select box\n description: helperText,\n errorMessage: errorText,\n });\n\n const textColor = {\n white: \"gray700\",\n clear: \"white\",\n } as const;\n\n const getArrowIconColor = () => {\n if (errorText) {\n return ColorBaseDestructive700;\n } else {\n if (color === \"clear\") {\n return ColorCambioWhite100;\n } else {\n return ColorBaseGray700;\n }\n }\n };\n\n return (\n <ReactAriaProvider\n values={[\n [RichSelectBoxContext, { autoFocus: true }],\n [DialogContext, { padding: autosave ? undefined : 0 }], // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided\n ]}\n >\n <div\n className={classNames(styles.selectContainer, {\n [styles.opacityOverlay]: disabled,\n })}\n onClick={onClick}\n >\n {label && (\n <>\n <ReactAriaLabel\n data-testid={[dataTestId, \"label\"].filter(Boolean).join(\"-\")}\n {...labelProps}\n onClick={() => {\n if (disabled) return;\n fieldRef.current?.focus();\n setInteractionModality(\"keyboard\"); // Show the focus ring so the user knows where focus went\n }}\n >\n <Box paddingX={1}>\n <Typography size={100} color={textColor[color]}>\n {label}\n </Typography>\n </Box>\n </ReactAriaLabel>\n </>\n )}\n <Popover\n ref={overlayHandlerRef}\n disabled={disabled}\n zIndex={zIndex}\n content={\n // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided\n <Box\n padding={autosave ? undefined : 5}\n dangerouslySetInlineStyle={\n autosave ? undefined : { __style: { paddingBottom: 0 } }\n }\n role=\"menu\"\n >\n <RichSelectBox\n autosave={autosave}\n selectedValues={selectedKeys}\n defaultSelectedValues={defaultSelectedKeys}\n onChange={(selected) => setSelectedKeys(new Set(selected))}\n {...richSelectBoxProps}\n accessibilityLabel={inputId}\n >\n {children}\n </RichSelectBox>\n </Box>\n }\n >\n <TapArea\n data-testid={dataTestId}\n disabled={disabled}\n onClick={onClick}\n rounding=\"md\"\n {...fieldProps}\n ref={fieldRef}\n >\n <div className={styles.selectWrapper}>\n <div\n className={classNames(\n styles.selectBox,\n styles.selectBoxCambio,\n {\n [styles.unselected]:\n !errorText &&\n selectedKeys !== \"all\" &&\n !selectedKeys.size,\n [styles.selected]:\n !errorText &&\n (selectedKeys === \"all\" || selectedKeys.size),\n [styles.selectErrorCambio]: errorText,\n [styles[`selectColor${color}`]]: color,\n },\n )}\n >\n {selectedTextValue}\n </div>\n <div className={styles.arrowIcon}>\n <svg\n focusable=\"false\"\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n width={24}\n >\n <path\n fill={getArrowIconColor()}\n d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n />\n </svg>\n </div>\n </div>\n </TapArea>\n </Popover>\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography\n size={100}\n color={errorText ? \"destructive-primary\" : textColor[color]}\n {...(errorText ? errorMessageProps : descriptionProps)}\n >\n {errorText ? errorText : helperText}\n </Typography>\n </Box>\n )}\n </div>\n </ReactAriaProvider>\n );\n}\n\nexport default Object.assign(RichSelectList, {\n Section: RichSelectSection,\n Chip: RichSelectChip,\n RadioButton: RichSelectRadioButton,\n Item: RichSelectItem,\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_p5tv4_1\",\"opacityOverlay\":\"_opacityOverlay_p5tv4_7\",\"selectWrapper\":\"_selectWrapper_p5tv4_11\",\"selectBox\":\"_selectBox_p5tv4_16\",\"selectBoxCambio\":\"_selectBoxCambio_p5tv4_30\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_p5tv4_38\",\"unselected\":\"_unselected_p5tv4_43\",\"selected\":\"_selected_p5tv4_47\",\"darkBackground\":\"_darkBackground_p5tv4_51\",\"arrowIcon\":\"_arrowIcon_p5tv4_63\",\"selectErrorCambio\":\"_selectErrorCambio_p5tv4_77\",\"selectColorwhite\":\"_selectColorwhite_p5tv4_83\",\"transparentInputError\":\"_transparentInputError_p5tv4_89\",\"transparenInputError\":\"_transparenInputError_p5tv4_94\"}"],"mappings":"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","names":["_a"]}
1
+ {"version":3,"sources":["../../src/RichSelect/RichSelectList.tsx","css-module:../SelectList/SelectList.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n useMemo,\n type SyntheticEvent,\n useRef,\n useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport {\n ColorBaseDestructive700,\n ColorBaseGray700,\n ColorCambioWhite100,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Popover from \"../Popover/Popover\";\nimport {\n Label as ReactAriaLabel,\n Provider as ReactAriaProvider,\n} from \"react-aria-components\";\nimport { useControlledState } from \"@react-stately/utils\";\nimport { setInteractionModality } from \"@react-aria/interactions\";\nimport { DialogContext } from \"../Dialog/Dialog\";\nimport styles from \"../SelectList/SelectList.module.css\";\nimport RichSelectBox, {\n RichSelectBoxContext,\n convertSelection,\n type RichSelectBoxProps,\n} from \"./RichSelectBox\";\nimport TapArea from \"../TapArea/TapArea\";\nimport { type OverlayHandlerRef } from \"../react-aria-utils/Triggerable\";\nimport Box from \"../Box/Box\";\nimport RichSelectSection from \"./RichSelectSection\";\nimport RichSelectChip from \"./RichSelectChip\";\nimport RichSelectRadioButton from \"./RichSelectRadioButton\";\nimport RichSelectItem from \"./RichSelectItem\";\nimport { useField } from \"react-aria\";\n\nconst NOOP = () => undefined;\n\nexport type RichSelectListProps = RichSelectBoxProps & {\n /** Test id for the select element */\n \"data-testid\"?: string;\n /**\n * Disables the select dropdown entirely\n * @defaultValue false\n */\n disabled?: boolean;\n /** Callback to be called when select is clicked */\n onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;\n /** Text shown below select box if there is an input error. */\n errorText?: string;\n /** Text shown below select box */\n helperText?: string;\n /**\n * RichSelectList id, if not provided, a unique id will be generated\n */\n id?: string;\n /** Text shown above select box */\n label: string;\n /**\n * Text showing in select box if no option has been chosen.\n * There should always have a placeholder unless there is a default option selected\n */\n placeholderText?: string;\n /** Use to render (override) text shown in the select box */\n selectTextValue?: (selectedValues?: \"all\" | string[]) => string | undefined;\n /**\n * Color of the select box\n * @defaultValue white\n */\n color?: \"white\" | \"clear\";\n /**\n * Z-index of the popover\n */\n zIndex?: number;\n};\n\n/**\n * [RichSelectList](https://cambly-syntax.vercel.app/?path=/docs/components-richselectlist--docs) is a dropdown menu that allows users to select one or multiple options from a list.\n *\n * Example Usage:\n ```\n <RichSelectList\n label=\"My Label\"\n multiple\n onChange={() => { ... }}\n primaryButtonText=\"Save\"\n primaryButtonAccessibilityLabel=\"Save\"\n secondaryButtonText=\"Clear\"\n secondaryButtonAccessibilityLabel=\"Clear\"\n >\n <RichSelectList.Section label=\"Cities\">\n <RichSelectList.Chip label=\"San Francisco\" value=\"sf\" />\n <RichSelectList.Chip label=\"New York\" value=\"ny\" disabled />\n <RichSelectList.Chip label=\"Tulsa\" value=\"tulsa\" />\n <RichSelectList.Chip label=\"Chicago\" value=\"chicago\" disabled />\n </RichSelectList.Section>\n </RichSelectList>\n ```\n */\nfunction RichSelectList(props: RichSelectListProps): ReactElement {\n const {\n autosave,\n children,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n errorText,\n helperText,\n label,\n id,\n onChange,\n onClick = NOOP,\n placeholderText,\n selectTextValue,\n selectedValues: selectedValuesProp,\n defaultSelectedValues: defaultSelectedValuesProp,\n color = \"white\",\n zIndex,\n ...richSelectBoxProps\n } = props;\n\n const reactId = useId();\n const inputId = id ?? reactId;\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n\n // passed to popover, which attached open/close methods\n const overlayHandlerRef = useRef<OverlayHandlerRef>({});\n\n const selectedKeysProp = useMemo(\n () => convertSelection(selectedValuesProp),\n [selectedValuesProp],\n );\n const defaultSelectedKeys = useMemo(\n () => convertSelection(defaultSelectedValuesProp, new Set()),\n [defaultSelectedValuesProp],\n );\n const [selectedKeys, setSelectedKeys] = useControlledState(\n selectedKeysProp!, // eslint-disable-line @typescript-eslint/no-non-null-assertion -- there is a bug in the typedef for useControlledState from react-stately. Internally they rely on value (first arg) able to be undefined\n defaultSelectedKeys,\n (value) => {\n const _value = value === \"all\" ? \"all\" : [...value].map(String);\n onChange(_value);\n if (!autosave) overlayHandlerRef.current.close?.();\n },\n );\n\n const selectedTextValue = useMemo(() => {\n if (selectTextValue)\n return (\n selectTextValue(\n selectedKeys === \"all\" ? \"all\" : [...selectedKeys].map(String),\n ) ?? placeholderText\n );\n if (selectedKeys === \"all\") return \"All selected\";\n if (selectedKeys.size) return `${selectedKeys.size} selected`;\n return placeholderText;\n }, [selectTextValue, selectedKeys, placeholderText]);\n\n const fieldRef = useRef<HTMLDivElement>(null);\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField({\n label, // this is the label for the select box\n description: helperText,\n errorMessage: errorText,\n });\n\n const textColor = {\n white: \"gray700\",\n clear: \"white\",\n } as const;\n\n const getArrowIconColor = () => {\n if (errorText) {\n return ColorBaseDestructive700;\n } else {\n if (color === \"clear\") {\n return ColorCambioWhite100;\n } else {\n return ColorBaseGray700;\n }\n }\n };\n\n return (\n <ReactAriaProvider\n values={[\n [RichSelectBoxContext, { autoFocus: true }],\n [DialogContext, { padding: autosave ? undefined : 0 }], // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided\n ]}\n >\n <div\n className={classNames(styles.selectContainer, {\n [styles.opacityOverlay]: disabled,\n })}\n onClick={onClick}\n >\n {label && (\n <>\n <ReactAriaLabel\n data-testid={[dataTestId, \"label\"].filter(Boolean).join(\"-\")}\n {...labelProps}\n onClick={() => {\n if (disabled) return;\n fieldRef.current?.focus();\n setInteractionModality(\"keyboard\"); // Show the focus ring so the user knows where focus went\n }}\n >\n <Box paddingX={1}>\n <Typography size={100} color={textColor[color]}>\n {label}\n </Typography>\n </Box>\n </ReactAriaLabel>\n </>\n )}\n <Popover\n ref={overlayHandlerRef}\n disabled={disabled}\n zIndex={zIndex}\n content={\n // this Box wrapper is to reapply the padding that was stripped from popover's dialog to show the sticky save/close buttons. Ideally this could be avoided\n <Box\n padding={autosave ? undefined : 5}\n dangerouslySetInlineStyle={\n autosave ? undefined : { __style: { paddingBottom: 0 } }\n }\n role=\"menu\"\n >\n <RichSelectBox\n autosave={autosave}\n selectedValues={selectedKeys}\n defaultSelectedValues={defaultSelectedKeys}\n onChange={(selected) => setSelectedKeys(new Set(selected))}\n {...richSelectBoxProps}\n accessibilityLabel={inputId}\n >\n {children}\n </RichSelectBox>\n </Box>\n }\n >\n <TapArea\n data-testid={dataTestId}\n disabled={disabled}\n onClick={onClick}\n rounding=\"md\"\n {...fieldProps}\n ref={fieldRef}\n >\n <div className={styles.selectWrapper}>\n <div\n className={classNames(\n styles.selectBox,\n styles.selectBoxCambio,\n {\n [styles.unselected]:\n !errorText &&\n selectedKeys !== \"all\" &&\n !selectedKeys.size,\n [styles.selected]:\n !errorText &&\n (selectedKeys === \"all\" || selectedKeys.size),\n [styles.selectErrorCambio]: errorText,\n [styles[`selectColor${color}`]]: color,\n },\n )}\n >\n {selectedTextValue}\n </div>\n <div className={styles.arrowIcon}>\n <svg\n focusable=\"false\"\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n width={24}\n >\n <path\n fill={getArrowIconColor()}\n d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n />\n </svg>\n </div>\n </div>\n </TapArea>\n </Popover>\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography\n size={100}\n color={errorText ? \"destructive-primary\" : textColor[color]}\n {...(errorText ? errorMessageProps : descriptionProps)}\n >\n {errorText ? errorText : helperText}\n </Typography>\n </Box>\n )}\n </div>\n </ReactAriaProvider>\n );\n}\n\nexport default Object.assign(RichSelectList, {\n Section: RichSelectSection,\n Chip: RichSelectChip,\n RadioButton: RichSelectRadioButton,\n Item: RichSelectItem,\n});\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_rxo2v_1\",\"opacityOverlay\":\"_opacityOverlay_rxo2v_7\",\"selectWrapper\":\"_selectWrapper_rxo2v_11\",\"selectBox\":\"_selectBox_rxo2v_16\",\"selectBoxCambio\":\"_selectBoxCambio_rxo2v_30\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_rxo2v_41\",\"unselected\":\"_unselected_rxo2v_46\",\"selected\":\"_selected_rxo2v_50\",\"darkBackground\":\"_darkBackground_rxo2v_54\",\"arrowIcon\":\"_arrowIcon_rxo2v_66\",\"selectErrorCambio\":\"_selectErrorCambio_rxo2v_80\",\"selectColorwhite\":\"_selectColorwhite_rxo2v_86\",\"transparentInputError\":\"_transparentInputError_rxo2v_92\",\"transparenInputError\":\"_transparenInputError_rxo2v_97\"}"],"mappings":"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","names":["_a"]}