@cambly/syntax-core 21.12.0 → 21.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.d.ts +1 -1
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Heading/Heading.d.ts +1 -1
- package/dist/LinkTapArea/LinkTapArea.d.ts +1 -1
- package/dist/RadioButton/RadioButton.d.ts +1 -1
- package/dist/RichSelect/RichSelectBox.d.ts +1 -1
- package/dist/RichSelect/RichSelectBox.js +1 -1
- package/dist/RichSelect/RichSelectList.d.ts +1 -1
- package/dist/RichSelect/RichSelectList.js +8 -8
- package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
- package/dist/SelectList/SelectList.js +2 -2
- package/dist/TapArea/TapArea.d.ts +1 -1
- package/dist/Toast/Toast.css +2422 -0
- package/dist/Toast/Toast.css.map +1 -0
- package/dist/Toast/Toast.d.ts +40 -0
- package/dist/Toast/Toast.js +17 -0
- package/dist/Toast/Toast.js.map +1 -0
- package/dist/Typography/Typography.d.ts +4 -4
- package/dist/__chunks/{EXKOSER2.js → 4NEHC6Q6.js} +1 -1
- package/dist/__chunks/{EXKOSER2.js.map → 4NEHC6Q6.js.map} +1 -1
- package/dist/__chunks/L2B2L4F2.js +76 -0
- package/dist/__chunks/L2B2L4F2.js.map +1 -0
- package/dist/__chunks/{SHN3LBAS.js → LXBUCC4I.js} +2 -2
- package/dist/__chunks/{VS3LSAAS.js → PEPEAQRW.js} +7 -7
- package/dist/index.d.ts +1 -0
- package/dist/index.js +28 -24
- package/package.json +1 -1
- /package/dist/__chunks/{SHN3LBAS.js.map → LXBUCC4I.js.map} +0 -0
- /package/dist/__chunks/{VS3LSAAS.js.map → PEPEAQRW.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/border.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data"],"sourcesContent":["._box_xcjsm_1 {\n box-sizing: border-box;\n}\n\n._flexnone_xcjsm_5 {\n flex: 0 0 auto;\n}\n\n._flexgrow_xcjsm_9 {\n flex: 1 1 auto;\n}\n\n._flexWrap_xcjsm_13 {\n flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_xcjsm_18 {\n align-items: center;\n}\n\n._alignItemsstart_xcjsm_22 {\n align-items: flex-start;\n}\n\n._alignItemsend_xcjsm_26 {\n align-items: flex-end;\n}\n\n._alignItemsstretch_xcjsm_30 {\n align-items: stretch;\n}\n\n._alignItemsbaseline_xcjsm_34 {\n align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n ._alignItemscenterSmall_xcjsm_40 {\n align-items: center;\n }\n\n ._alignItemsstartSmall_xcjsm_44 {\n align-items: flex-start;\n }\n\n ._alignItemsendSmall_xcjsm_48 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchSmall_xcjsm_52 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineSmall_xcjsm_56 {\n align-items: baseline;\n }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n ._alignItemscenterLarge_xcjsm_63 {\n align-items: center;\n }\n\n ._alignItemsstartLarge_xcjsm_67 {\n align-items: flex-start;\n }\n\n ._alignItemsendLarge_xcjsm_71 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchLarge_xcjsm_75 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineLarge_xcjsm_79 {\n align-items: baseline;\n }\n}\n\n/* Align self */\n._alignSelfcenter_xcjsm_85 {\n align-self: center;\n}\n\n._alignSelfstart_xcjsm_89 {\n align-self: flex-start;\n}\n\n._alignSelfend_xcjsm_93 {\n align-self: flex-end;\n}\n\n._alignSelfstretch_xcjsm_97 {\n align-self: stretch;\n}\n\n._alignSelfbaseline_xcjsm_101 {\n align-self: baseline;\n}\n\n._alignSelfauto_xcjsm_105 {\n align-self: auto;\n}\n\n/* Display (base) */\n._block_xcjsm_110 {\n display: block;\n}\n\n._flex_xcjsm_5 {\n display: flex;\n}\n\n._inlineBlock_xcjsm_118 {\n display: inline-block;\n}\n\n._inlineFlex_xcjsm_122 {\n display: inline-flex;\n}\n\n._none_xcjsm_126 {\n display: none;\n}\n\n._visuallyHidden_xcjsm_130 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n ._blockSmall_xcjsm_144 {\n display: block;\n }\n\n ._flexSmall_xcjsm_148 {\n display: flex;\n }\n\n ._inlineBlockSmall_xcjsm_152 {\n display: inline-block;\n }\n\n ._inlineFlexSmall_xcjsm_156 {\n display: inline-flex;\n }\n\n ._noneSmall_xcjsm_160 {\n display: none;\n }\n\n ._visuallyHiddenSmall_xcjsm_164 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n ._blockLarge_xcjsm_179 {\n display: block;\n }\n\n ._flexLarge_xcjsm_183 {\n display: flex;\n }\n\n ._inlineBlockLarge_xcjsm_187 {\n display: inline-block;\n }\n\n ._inlineFlexLarge_xcjsm_191 {\n display: inline-flex;\n }\n\n ._noneLarge_xcjsm_195 {\n display: none;\n }\n\n ._visuallyHiddenLarge_xcjsm_199 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Direction */\n._column_xcjsm_213 {\n flex-direction: column;\n}\n\n._row_xcjsm_217 {\n flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n ._columnSmall_xcjsm_223 {\n flex-direction: column;\n }\n\n ._rowSmall_xcjsm_227 {\n flex-direction: row;\n }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n ._columnLarge_xcjsm_234 {\n flex-direction: column;\n }\n\n ._rowLarge_xcjsm_238 {\n flex-direction: row;\n }\n}\n\n/* Gap */\n._gap0_xcjsm_244 {\n gap: 0;\n}\n\n._gap1_xcjsm_248 {\n gap: 4px;\n}\n\n._gap2_xcjsm_252 {\n gap: 8px;\n}\n\n._gap3_xcjsm_256 {\n gap: 12px;\n}\n\n._gap4_xcjsm_260 {\n gap: 16px;\n}\n\n._gap5_xcjsm_264 {\n gap: 20px;\n}\n\n._gap6_xcjsm_268 {\n gap: 24px;\n}\n\n._gap7_xcjsm_272 {\n gap: 28px;\n}\n\n._gap8_xcjsm_276 {\n gap: 32px;\n}\n\n._gap9_xcjsm_280 {\n gap: 36px;\n}\n\n._gap10_xcjsm_284 {\n gap: 40px;\n}\n\n._gap11_xcjsm_288 {\n gap: 44px;\n}\n\n._gap12_xcjsm_292 {\n gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_xcjsm_297 {\n justify-content: center;\n}\n\n._justifyContentstart_xcjsm_301 {\n justify-content: flex-start;\n}\n\n._justifyContentend_xcjsm_305 {\n justify-content: flex-end;\n}\n\n._justifyContentbetween_xcjsm_309 {\n justify-content: space-between;\n}\n\n._justifyContentaround_xcjsm_313 {\n justify-content: space-around;\n}\n\n._justifyContentevenly_xcjsm_317 {\n justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n ._justifyContentcenterSmall_xcjsm_323 {\n justify-content: center;\n }\n\n ._justifyContentstartSmall_xcjsm_327 {\n justify-content: flex-start;\n }\n\n ._justifyContentendSmall_xcjsm_331 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenSmall_xcjsm_335 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundSmall_xcjsm_339 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlySmall_xcjsm_343 {\n justify-content: space-evenly;\n }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n ._justifyContentcenterLarge_xcjsm_350 {\n justify-content: center;\n }\n\n ._justifyContentstartLarge_xcjsm_354 {\n justify-content: flex-start;\n }\n\n ._justifyContentendLarge_xcjsm_358 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenLarge_xcjsm_362 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundLarge_xcjsm_366 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlyLarge_xcjsm_370 {\n justify-content: space-evenly;\n }\n}\n\n/* Overflow */\n._overflowvisible_xcjsm_376 {\n overflow: visible;\n}\n\n._overflowhidden_xcjsm_380 {\n overflow: hidden;\n}\n\n._overflowscroll_xcjsm_384 {\n overflow: scroll;\n}\n\n._overflowauto_xcjsm_388 {\n overflow: auto;\n}\n\n._overflowinherit_xcjsm_392 {\n overflow: inherit;\n}\n\n._overflowinitial_xcjsm_396 {\n overflow: initial;\n}\n\n._overflowXvisible_xcjsm_400 {\n overflow-x: visible;\n}\n\n._overflowXhidden_xcjsm_404 {\n overflow-x: hidden;\n}\n\n._overflowXscroll_xcjsm_408 {\n overflow-x: scroll;\n}\n\n._overflowXauto_xcjsm_412 {\n overflow-x: auto;\n}\n\n._overflowXinherit_xcjsm_416 {\n overflow-x: inherit;\n}\n\n._overflowXinitial_xcjsm_420 {\n overflow-x: initial;\n}\n\n._overflowYvisible_xcjsm_424 {\n overflow-y: visible;\n}\n\n._overflowYhidden_xcjsm_428 {\n overflow-y: hidden;\n}\n\n._overflowYscroll_xcjsm_432 {\n overflow-y: scroll;\n}\n\n._overflowYauto_xcjsm_436 {\n overflow-y: auto;\n}\n\n._overflowYinherit_xcjsm_440 {\n overflow-y: inherit;\n}\n\n._overflowYinitial_xcjsm_444 {\n overflow-y: initial;\n}\n\n/* Position */\n._absolute_xcjsm_449 {\n position: absolute;\n}\n\n._fixed_xcjsm_453 {\n position: fixed;\n}\n\n._relative_xcjsm_457 {\n position: relative;\n}\n\n._sticky_xcjsm_461 {\n position: sticky;\n}\n","/* Margin bottom */\n._marginBottom-12_1whn1_2 {\n margin-bottom: -48px;\n}\n\n._marginBottom-11_1whn1_6 {\n margin-bottom: -44px;\n}\n\n._marginBottom-10_1whn1_10 {\n margin-bottom: -40px;\n}\n\n._marginBottom-9_1whn1_14 {\n margin-bottom: -36px;\n}\n\n._marginBottom-8_1whn1_18 {\n margin-bottom: -32px;\n}\n\n._marginBottom-7_1whn1_22 {\n margin-bottom: -28px;\n}\n\n._marginBottom-6_1whn1_26 {\n margin-bottom: -24px;\n}\n\n._marginBottom-5_1whn1_30 {\n margin-bottom: -20px;\n}\n\n._marginBottom-4_1whn1_34 {\n margin-bottom: -16px;\n}\n\n._marginBottom-3_1whn1_38 {\n margin-bottom: -12px;\n}\n\n._marginBottom-2_1whn1_42 {\n margin-bottom: -8px;\n}\n\n._marginBottom-1_1whn1_2 {\n margin-bottom: -4px;\n}\n\n._marginBottom0_1whn1_50 {\n margin-bottom: 0;\n}\n\n._marginBottom1_1whn1_54 {\n margin-bottom: 4px;\n}\n\n._marginBottom2_1whn1_58 {\n margin-bottom: 8px;\n}\n\n._marginBottom3_1whn1_62 {\n margin-bottom: 12px;\n}\n\n._marginBottom4_1whn1_66 {\n margin-bottom: 16px;\n}\n\n._marginBottom5_1whn1_70 {\n margin-bottom: 20px;\n}\n\n._marginBottom6_1whn1_74 {\n margin-bottom: 24px;\n}\n\n._marginBottom7_1whn1_78 {\n margin-bottom: 28px;\n}\n\n._marginBottom8_1whn1_82 {\n margin-bottom: 32px;\n}\n\n._marginBottom9_1whn1_86 {\n margin-bottom: 36px;\n}\n\n._marginBottom10_1whn1_90 {\n margin-bottom: 40px;\n}\n\n._marginBottom11_1whn1_94 {\n margin-bottom: 44px;\n}\n\n._marginBottom12_1whn1_98 {\n margin-bottom: 48px;\n}\n\n._marginBottomauto_1whn1_102 {\n margin-bottom: auto;\n}\n\n/* Margin end */\n._marginEnd-12_1whn1_107 {\n margin-inline-end: -48px;\n}\n\n._marginEnd-11_1whn1_111 {\n margin-inline-end: -44px;\n}\n\n._marginEnd-10_1whn1_115 {\n margin-inline-end: -40px;\n}\n\n._marginEnd-9_1whn1_119 {\n margin-inline-end: -36px;\n}\n\n._marginEnd-8_1whn1_123 {\n margin-inline-end: -32px;\n}\n\n._marginEnd-7_1whn1_127 {\n margin-inline-end: -28px;\n}\n\n._marginEnd-6_1whn1_131 {\n margin-inline-end: -24px;\n}\n\n._marginEnd-5_1whn1_135 {\n margin-inline-end: -20px;\n}\n\n._marginEnd-4_1whn1_139 {\n margin-inline-end: -16px;\n}\n\n._marginEnd-3_1whn1_143 {\n margin-inline-end: -12px;\n}\n\n._marginEnd-2_1whn1_147 {\n margin-inline-end: -8px;\n}\n\n._marginEnd-1_1whn1_107 {\n margin-inline-end: -4px;\n}\n\n._marginEnd0_1whn1_155 {\n margin-inline-end: 0;\n}\n\n._marginEnd1_1whn1_159 {\n margin-inline-end: 4px;\n}\n\n._marginEnd2_1whn1_163 {\n margin-inline-end: 8px;\n}\n\n._marginEnd3_1whn1_167 {\n margin-inline-end: 12px;\n}\n\n._marginEnd4_1whn1_171 {\n margin-inline-end: 16px;\n}\n\n._marginEnd5_1whn1_175 {\n margin-inline-end: 20px;\n}\n\n._marginEnd6_1whn1_179 {\n margin-inline-end: 24px;\n}\n\n._marginEnd7_1whn1_183 {\n margin-inline-end: 28px;\n}\n\n._marginEnd8_1whn1_187 {\n margin-inline-end: 32px;\n}\n\n._marginEnd9_1whn1_191 {\n margin-inline-end: 36px;\n}\n\n._marginEnd10_1whn1_195 {\n margin-inline-end: 40px;\n}\n\n._marginEnd11_1whn1_199 {\n margin-inline-end: 44px;\n}\n\n._marginEnd12_1whn1_203 {\n margin-inline-end: 48px;\n}\n\n._marginEndauto_1whn1_207 {\n margin-inline-end: auto;\n}\n\n/* Margin start */\n._marginStart-12_1whn1_212 {\n margin-inline-start: -48px;\n}\n\n._marginStart-11_1whn1_216 {\n margin-inline-start: -44px;\n}\n\n._marginStart-10_1whn1_220 {\n margin-inline-start: -40px;\n}\n\n._marginStart-9_1whn1_224 {\n margin-inline-start: -36px;\n}\n\n._marginStart-8_1whn1_228 {\n margin-inline-start: -32px;\n}\n\n._marginStart-7_1whn1_232 {\n margin-inline-start: -28px;\n}\n\n._marginStart-6_1whn1_236 {\n margin-inline-start: -24px;\n}\n\n._marginStart-5_1whn1_240 {\n margin-inline-start: -20px;\n}\n\n._marginStart-4_1whn1_244 {\n margin-inline-start: -16px;\n}\n\n._marginStart-3_1whn1_248 {\n margin-inline-start: -12px;\n}\n\n._marginStart-2_1whn1_252 {\n margin-inline-start: -8px;\n}\n\n._marginStart-1_1whn1_212 {\n margin-inline-start: -4px;\n}\n\n._marginStart0_1whn1_260 {\n margin-inline-start: 0;\n}\n\n._marginStart1_1whn1_264 {\n margin-inline-start: 4px;\n}\n\n._marginStart2_1whn1_268 {\n margin-inline-start: 8px;\n}\n\n._marginStart3_1whn1_272 {\n margin-inline-start: 12px;\n}\n\n._marginStart4_1whn1_276 {\n margin-inline-start: 16px;\n}\n\n._marginStart5_1whn1_280 {\n margin-inline-start: 20px;\n}\n\n._marginStart6_1whn1_284 {\n margin-inline-start: 24px;\n}\n\n._marginStart7_1whn1_288 {\n margin-inline-start: 28px;\n}\n\n._marginStart8_1whn1_292 {\n margin-inline-start: 32px;\n}\n\n._marginStart9_1whn1_296 {\n margin-inline-start: 36px;\n}\n\n._marginStart10_1whn1_300 {\n margin-inline-start: 40px;\n}\n\n._marginStart11_1whn1_304 {\n margin-inline-start: 44px;\n}\n\n._marginStart12_1whn1_308 {\n margin-inline-start: 48px;\n}\n\n._marginStartauto_1whn1_312 {\n margin-inline-start: auto;\n}\n\n/* Margin top */\n._marginTop-12_1whn1_317 {\n margin-top: -48px;\n}\n\n._marginTop-11_1whn1_321 {\n margin-top: -44px;\n}\n\n._marginTop-10_1whn1_325 {\n margin-top: -40px;\n}\n\n._marginTop-9_1whn1_329 {\n margin-top: -36px;\n}\n\n._marginTop-8_1whn1_333 {\n margin-top: -32px;\n}\n\n._marginTop-7_1whn1_337 {\n margin-top: -28px;\n}\n\n._marginTop-6_1whn1_341 {\n margin-top: -24px;\n}\n\n._marginTop-5_1whn1_345 {\n margin-top: -20px;\n}\n\n._marginTop-4_1whn1_349 {\n margin-top: -16px;\n}\n\n._marginTop-3_1whn1_353 {\n margin-top: -12px;\n}\n\n._marginTop-2_1whn1_357 {\n margin-top: -8px;\n}\n\n._marginTop-1_1whn1_317 {\n margin-top: -4px;\n}\n\n._marginTop0_1whn1_365 {\n margin-top: 0;\n}\n\n._marginTop1_1whn1_369 {\n margin-top: 4px;\n}\n\n._marginTop2_1whn1_373 {\n margin-top: 8px;\n}\n\n._marginTop3_1whn1_377 {\n margin-top: 12px;\n}\n\n._marginTop4_1whn1_381 {\n margin-top: 16px;\n}\n\n._marginTop5_1whn1_385 {\n margin-top: 20px;\n}\n\n._marginTop6_1whn1_389 {\n margin-top: 24px;\n}\n\n._marginTop7_1whn1_393 {\n margin-top: 28px;\n}\n\n._marginTop8_1whn1_397 {\n margin-top: 32px;\n}\n\n._marginTop9_1whn1_401 {\n margin-top: 36px;\n}\n\n._marginTop10_1whn1_405 {\n margin-top: 40px;\n}\n\n._marginTop11_1whn1_409 {\n margin-top: 44px;\n}\n\n._marginTop12_1whn1_413 {\n margin-top: 48px;\n}\n\n._marginTopauto_1whn1_417 {\n margin-top: auto;\n}\n\n/* Margin (small and up) */\n@media (min-width: 480px) {\n ._marginBottom-12Small_1whn1_423 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Small_1whn1_427 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Small_1whn1_431 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Small_1whn1_435 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Small_1whn1_439 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Small_1whn1_443 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Small_1whn1_447 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Small_1whn1_451 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Small_1whn1_455 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Small_1whn1_459 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Small_1whn1_463 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Small_1whn1_467 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Small_1whn1_471 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Small_1whn1_475 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Small_1whn1_479 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Small_1whn1_483 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Small_1whn1_487 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Small_1whn1_491 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Small_1whn1_495 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Small_1whn1_499 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Small_1whn1_503 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Small_1whn1_507 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Small_1whn1_511 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Small_1whn1_515 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Small_1whn1_519 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoSmall_1whn1_523 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Small_1whn1_527 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Small_1whn1_531 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Small_1whn1_535 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Small_1whn1_539 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Small_1whn1_543 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Small_1whn1_547 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Small_1whn1_551 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Small_1whn1_555 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Small_1whn1_559 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Small_1whn1_563 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Small_1whn1_567 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Small_1whn1_571 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Small_1whn1_575 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Small_1whn1_579 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Small_1whn1_583 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Small_1whn1_587 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Small_1whn1_591 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Small_1whn1_595 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Small_1whn1_599 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Small_1whn1_603 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Small_1whn1_607 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Small_1whn1_611 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Small_1whn1_615 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Small_1whn1_619 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Small_1whn1_623 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoSmall_1whn1_627 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Small_1whn1_631 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Small_1whn1_635 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Small_1whn1_639 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Small_1whn1_643 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Small_1whn1_647 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Small_1whn1_651 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Small_1whn1_655 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Small_1whn1_659 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Small_1whn1_663 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Small_1whn1_667 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Small_1whn1_671 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Small_1whn1_675 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Small_1whn1_679 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Small_1whn1_683 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Small_1whn1_687 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Small_1whn1_691 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Small_1whn1_695 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Small_1whn1_699 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Small_1whn1_703 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Small_1whn1_707 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Small_1whn1_711 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Small_1whn1_715 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Small_1whn1_719 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Small_1whn1_723 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Small_1whn1_727 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoSmall_1whn1_731 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Small_1whn1_735 {\n margin-top: -48px;\n }\n\n ._marginTop-11Small_1whn1_739 {\n margin-top: -44px;\n }\n\n ._marginTop-10Small_1whn1_743 {\n margin-top: -40px;\n }\n\n ._marginTop-9Small_1whn1_747 {\n margin-top: -36px;\n }\n\n ._marginTop-8Small_1whn1_751 {\n margin-top: -32px;\n }\n\n ._marginTop-7Small_1whn1_755 {\n margin-top: -28px;\n }\n\n ._marginTop-6Small_1whn1_759 {\n margin-top: -24px;\n }\n\n ._marginTop-5Small_1whn1_763 {\n margin-top: -20px;\n }\n\n ._marginTop-4Small_1whn1_767 {\n margin-top: -16px;\n }\n\n ._marginTop-3Small_1whn1_771 {\n margin-top: -12px;\n }\n\n ._marginTop-2Small_1whn1_775 {\n margin-top: -8px;\n }\n\n ._marginTop-1Small_1whn1_779 {\n margin-top: -4px;\n }\n\n ._marginTop0Small_1whn1_783 {\n margin-top: 0;\n }\n\n ._marginTop1Small_1whn1_787 {\n margin-top: 4px;\n }\n\n ._marginTop2Small_1whn1_791 {\n margin-top: 8px;\n }\n\n ._marginTop3Small_1whn1_795 {\n margin-top: 12px;\n }\n\n ._marginTop4Small_1whn1_799 {\n margin-top: 16px;\n }\n\n ._marginTop5Small_1whn1_803 {\n margin-top: 20px;\n }\n\n ._marginTop6Small_1whn1_807 {\n margin-top: 24px;\n }\n\n ._marginTop7Small_1whn1_811 {\n margin-top: 28px;\n }\n\n ._marginTop8Small_1whn1_815 {\n margin-top: 32px;\n }\n\n ._marginTop9Small_1whn1_819 {\n margin-top: 36px;\n }\n\n ._marginTop10Small_1whn1_823 {\n margin-top: 40px;\n }\n\n ._marginTop11Small_1whn1_827 {\n margin-top: 44px;\n }\n\n ._marginTop12Small_1whn1_831 {\n margin-top: 48px;\n }\n\n ._marginTopautoSmall_1whn1_835 {\n margin-top: auto;\n }\n}\n\n/* Margin (large and up) */\n@media (min-width: 960px) {\n ._marginBottom-12Large_1whn1_842 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Large_1whn1_846 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Large_1whn1_850 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Large_1whn1_854 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Large_1whn1_858 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Large_1whn1_862 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Large_1whn1_866 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Large_1whn1_870 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Large_1whn1_874 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Large_1whn1_878 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Large_1whn1_882 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Large_1whn1_886 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Large_1whn1_890 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Large_1whn1_894 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Large_1whn1_898 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Large_1whn1_902 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Large_1whn1_906 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Large_1whn1_910 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Large_1whn1_914 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Large_1whn1_918 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Large_1whn1_922 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Large_1whn1_926 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Large_1whn1_930 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Large_1whn1_934 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Large_1whn1_938 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoLarge_1whn1_942 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Large_1whn1_946 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Large_1whn1_950 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Large_1whn1_954 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Large_1whn1_958 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Large_1whn1_962 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Large_1whn1_966 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Large_1whn1_970 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Large_1whn1_974 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Large_1whn1_978 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Large_1whn1_982 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Large_1whn1_986 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Large_1whn1_990 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Large_1whn1_994 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Large_1whn1_998 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Large_1whn1_1002 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Large_1whn1_1006 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Large_1whn1_1010 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Large_1whn1_1014 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Large_1whn1_1018 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Large_1whn1_1022 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Large_1whn1_1026 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Large_1whn1_1030 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Large_1whn1_1034 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Large_1whn1_1038 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Large_1whn1_1042 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoLarge_1whn1_1046 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Large_1whn1_1050 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Large_1whn1_1054 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Large_1whn1_1058 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Large_1whn1_1062 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Large_1whn1_1066 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Large_1whn1_1070 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Large_1whn1_1074 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Large_1whn1_1078 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Large_1whn1_1082 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Large_1whn1_1086 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Large_1whn1_1090 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Large_1whn1_1094 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Large_1whn1_1098 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Large_1whn1_1102 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Large_1whn1_1106 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Large_1whn1_1110 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Large_1whn1_1114 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Large_1whn1_1118 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Large_1whn1_1122 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Large_1whn1_1126 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Large_1whn1_1130 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Large_1whn1_1134 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Large_1whn1_1138 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Large_1whn1_1142 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Large_1whn1_1146 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoLarge_1whn1_1150 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Large_1whn1_1154 {\n margin-top: -48px;\n }\n\n ._marginTop-11Large_1whn1_1158 {\n margin-top: -44px;\n }\n\n ._marginTop-10Large_1whn1_1162 {\n margin-top: -40px;\n }\n\n ._marginTop-9Large_1whn1_1166 {\n margin-top: -36px;\n }\n\n ._marginTop-8Large_1whn1_1170 {\n margin-top: -32px;\n }\n\n ._marginTop-7Large_1whn1_1174 {\n margin-top: -28px;\n }\n\n ._marginTop-6Large_1whn1_1178 {\n margin-top: -24px;\n }\n\n ._marginTop-5Large_1whn1_1182 {\n margin-top: -20px;\n }\n\n ._marginTop-4Large_1whn1_1186 {\n margin-top: -16px;\n }\n\n ._marginTop-3Large_1whn1_1190 {\n margin-top: -12px;\n }\n\n ._marginTop-2Large_1whn1_1194 {\n margin-top: -8px;\n }\n\n ._marginTop-1Large_1whn1_1198 {\n margin-top: -4px;\n }\n\n ._marginTop0Large_1whn1_1202 {\n margin-top: 0;\n }\n\n ._marginTop1Large_1whn1_1206 {\n margin-top: 4px;\n }\n\n ._marginTop2Large_1whn1_1210 {\n margin-top: 8px;\n }\n\n ._marginTop3Large_1whn1_1214 {\n margin-top: 12px;\n }\n\n ._marginTop4Large_1whn1_1218 {\n margin-top: 16px;\n }\n\n ._marginTop5Large_1whn1_1222 {\n margin-top: 20px;\n }\n\n ._marginTop6Large_1whn1_1226 {\n margin-top: 24px;\n }\n\n ._marginTop7Large_1whn1_1230 {\n margin-top: 28px;\n }\n\n ._marginTop8Large_1whn1_1234 {\n margin-top: 32px;\n }\n\n ._marginTop9Large_1whn1_1238 {\n margin-top: 36px;\n }\n\n ._marginTop10Large_1whn1_1242 {\n margin-top: 40px;\n }\n\n ._marginTop11Large_1whn1_1246 {\n margin-top: 44px;\n }\n\n ._marginTop12Large_1whn1_1250 {\n margin-top: 48px;\n }\n\n ._marginTopautoLarge_1whn1_1254 {\n margin-top: auto;\n }\n}\n","/* Padding */\n._paddingX0_1aqye_2 {\n padding-left: 0;\n padding-right: 0;\n}\n\n._paddingX1_1aqye_7 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n._paddingX2_1aqye_12 {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n._paddingX3_1aqye_17 {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n._paddingX4_1aqye_22 {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n._paddingX5_1aqye_27 {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n._paddingX6_1aqye_32 {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n._paddingX7_1aqye_37 {\n padding-left: 28px;\n padding-right: 28px;\n}\n\n._paddingX8_1aqye_42 {\n padding-left: 32px;\n padding-right: 32px;\n}\n\n._paddingX9_1aqye_47 {\n padding-left: 36px;\n padding-right: 36px;\n}\n\n._paddingX10_1aqye_52 {\n padding-left: 40px;\n padding-right: 40px;\n}\n\n._paddingX11_1aqye_57 {\n padding-left: 44px;\n padding-right: 44px;\n}\n\n._paddingX12_1aqye_62 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n._paddingY0_1aqye_67 {\n padding-bottom: 0;\n padding-top: 0;\n}\n\n._paddingY1_1aqye_72 {\n padding-bottom: 4px;\n padding-top: 4px;\n}\n\n._paddingY2_1aqye_77 {\n padding-bottom: 8px;\n padding-top: 8px;\n}\n\n._paddingY3_1aqye_82 {\n padding-bottom: 12px;\n padding-top: 12px;\n}\n\n._paddingY4_1aqye_87 {\n padding-bottom: 16px;\n padding-top: 16px;\n}\n\n._paddingY5_1aqye_92 {\n padding-bottom: 20px;\n padding-top: 20px;\n}\n\n._paddingY6_1aqye_97 {\n padding-bottom: 24px;\n padding-top: 24px;\n}\n\n._paddingY7_1aqye_102 {\n padding-bottom: 28px;\n padding-top: 28px;\n}\n\n._paddingY8_1aqye_107 {\n padding-bottom: 32px;\n padding-top: 32px;\n}\n\n._paddingY9_1aqye_112 {\n padding-bottom: 36px;\n padding-top: 36px;\n}\n\n._paddingY10_1aqye_117 {\n padding-bottom: 40px;\n padding-top: 40px;\n}\n\n._paddingY11_1aqye_122 {\n padding-bottom: 44px;\n padding-top: 44px;\n}\n\n._paddingY12_1aqye_127 {\n padding-bottom: 48px;\n padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n ._paddingX0Small_1aqye_134 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Small_1aqye_139 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Small_1aqye_144 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Small_1aqye_149 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Small_1aqye_154 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Small_1aqye_159 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Small_1aqye_164 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Small_1aqye_169 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Small_1aqye_174 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Small_1aqye_179 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Small_1aqye_184 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Small_1aqye_189 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Small_1aqye_194 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Small_1aqye_199 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Small_1aqye_204 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Small_1aqye_209 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Small_1aqye_214 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Small_1aqye_219 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Small_1aqye_224 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Small_1aqye_229 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Small_1aqye_234 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Small_1aqye_239 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Small_1aqye_244 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Small_1aqye_249 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Small_1aqye_254 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Small_1aqye_259 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n ._paddingX0Large_1aqye_267 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Large_1aqye_272 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Large_1aqye_277 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Large_1aqye_282 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Large_1aqye_287 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Large_1aqye_292 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Large_1aqye_297 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Large_1aqye_302 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Large_1aqye_307 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Large_1aqye_312 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Large_1aqye_317 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Large_1aqye_322 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Large_1aqye_327 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Large_1aqye_332 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Large_1aqye_337 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Large_1aqye_342 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Large_1aqye_347 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Large_1aqye_352 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Large_1aqye_357 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Large_1aqye_362 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Large_1aqye_367 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Large_1aqye_372 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Large_1aqye_377 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Large_1aqye_382 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Large_1aqye_387 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Large_1aqye_392 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n","._borderprimary_9mhuu_1 {\n border: 1px solid var(--color-cambio-gray-370);\n}\n\n._bordernone_9mhuu_5 {\n border: none;\n}\n","/* Regular Colors */\n._inheritColor_1xef3_2 {\n color: inherit;\n}\n\n._destructive700Color_1xef3_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_1xef3_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_1xef3_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_1xef3_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_1xef3_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_1xef3_26 {\n color: var(--color-base-white);\n}\n\n._blackColor_1xef3_30 {\n color: var(--color-base-black);\n}\n\n._destructive100Color_1xef3_34 {\n color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_1xef3_38 {\n color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_1xef3_42 {\n color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_1xef3_46 {\n color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_1xef3_50 {\n color: var(--color-base-destructive-900);\n}\n\n._gray10Color_1xef3_54 {\n color: var(--color-base-gray-10);\n}\n\n._gray30Color_1xef3_58 {\n color: var(--color-base-gray-30);\n}\n\n._gray60Color_1xef3_62 {\n color: var(--color-base-gray-60);\n}\n\n._gray80Color_1xef3_66 {\n color: var(--color-base-gray-80);\n}\n\n._gray100Color_1xef3_70 {\n color: var(--color-base-gray-100);\n}\n\n._gray200Color_1xef3_74 {\n color: var(--color-base-gray-200);\n}\n\n._gray300Color_1xef3_78 {\n color: var(--color-base-gray-300);\n}\n\n._gray800Color_1xef3_82 {\n color: var(--color-base-gray-800);\n}\n\n._orange100Color_1xef3_86 {\n color: var(--color-base-orange-100);\n}\n\n._orange200Color_1xef3_90 {\n color: var(--color-base-orange-200);\n}\n\n._orange300Color_1xef3_94 {\n color: var(--color-base-orange-300);\n}\n\n._orange700Color_1xef3_98 {\n color: var(--color-base-orange-700);\n}\n\n._orange800Color_1xef3_102 {\n color: var(--color-base-orange-800);\n}\n\n._orange900Color_1xef3_106 {\n color: var(--color-base-orange-900);\n}\n\n._primary100Color_1xef3_110 {\n color: var(--color-base-primary-100);\n}\n\n._primary200Color_1xef3_114 {\n color: var(--color-base-primary-200);\n}\n\n._primary300Color_1xef3_118 {\n color: var(--color-base-primary-300);\n}\n\n._primary800Color_1xef3_122 {\n color: var(--color-base-primary-800);\n}\n\n._primary900Color_1xef3_126 {\n color: var(--color-base-primary-900);\n}\n\n._success100Color_1xef3_130 {\n color: var(--color-base-success-100);\n}\n\n._success200Color_1xef3_134 {\n color: var(--color-base-success-200);\n}\n\n._success300Color_1xef3_138 {\n color: var(--color-base-success-300);\n}\n\n._success800Color_1xef3_142 {\n color: var(--color-base-success-800);\n}\n\n._success900Color_1xef3_146 {\n color: var(--color-base-success-900);\n}\n\n._purple100Color_1xef3_150 {\n color: var(--color-base-purple-100);\n}\n\n._purple200Color_1xef3_154 {\n color: var(--color-base-purple-200);\n}\n\n._purple300Color_1xef3_158 {\n color: var(--color-base-purple-300);\n}\n\n._purple700Color_1xef3_162 {\n color: var(--color-base-purple-700);\n}\n\n._purple800Color_1xef3_166 {\n color: var(--color-base-purple-800);\n}\n\n._purple900Color_1xef3_170 {\n color: var(--color-base-purple-900);\n}\n\n._yellow100Color_1xef3_174 {\n color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_1xef3_178 {\n color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_1xef3_182 {\n color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_1xef3_186 {\n color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_1xef3_190 {\n color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_1xef3_194 {\n color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_1xef3_199 {\n border: none;\n}\n\n._blackBorderColor_1xef3_203 {\n box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_1xef3_207 {\n box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_1xef3_211 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_1xef3_215 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_1xef3_219 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_1xef3_223 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_1xef3_227 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_1xef3_231 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_1xef3_237 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_1xef3_241 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_1xef3_245 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_1xef3_249 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_1xef3_253 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_1xef3_257 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_1xef3_261 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_1xef3_265 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_1xef3_269 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_1xef3_273 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_1xef3_277 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_1xef3_281 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_1xef3_285 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_1xef3_289 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_1xef3_293 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_1xef3_297 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_1xef3_301 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_1xef3_305 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_1xef3_309 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_1xef3_313 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_1xef3_317 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_1xef3_321 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_1xef3_325 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_1xef3_329 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_1xef3_333 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_1xef3_337 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_1xef3_341 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_1xef3_345 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_1xef3_349 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_1xef3_353 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_1xef3_357 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_1xef3_361 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_1xef3_365 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_1xef3_369 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_1xef3_373 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_1xef3_377 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_1xef3_381 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_1xef3_385 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_1xef3_389 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_1xef3_393 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_1xef3_397 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_1xef3_401 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_1xef3_405 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_1xef3_409 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_1xef3_413 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_1xef3_417 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_1xef3_421 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_1xef3_425 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_1xef3_430 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_1xef3_434 {\n color: var(--color-cambio-white-100);\n}\n\n._white40Color_1xef3_438 {\n color: var(--color-cambio-white-40);\n}\n\n._white70Color_1xef3_442 {\n color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_1xef3_446 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_1xef3_450 {\n color: var(--color-cambio-gray-200);\n}\n\n._gray270Color_1xef3_454 {\n color: var(--color-cambio-gray-270);\n}\n\n._cambioGray300Color_1xef3_458 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_1xef3_462 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_1xef3_466 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_1xef3_470 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_1xef3_474 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_1xef3_478 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_1xef3_482 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_1xef3_486 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_1xef3_490 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_1xef3_494 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_1xef3_498 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_1xef3_502 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_1xef3_506 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_1xef3_510 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_1xef3_514 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_1xef3_518 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_1xef3_522 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_1xef3_526 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_1xef3_530 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_1xef3_534 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_1xef3_538 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_1xef3_542 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_1xef3_546 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_1xef3_550 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_1xef3_554 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_1xef3_558 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_1xef3_562 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_1xef3_566 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_1xef3_570 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_1xef3_574 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_1xef3_578 {\n color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_1xef3_582 {\n color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_1xef3_586 {\n color: var(--color-cambio-gray-870);\n}\n\n._redColor_1xef3_590 {\n color: var(--color-cambio-red);\n}\n\n._orangeColor_1xef3_594 {\n color: var(--color-cambio-orange);\n}\n\n._tanColor_1xef3_598 {\n color: var(--color-cambio-tan);\n}\n\n._creamColor_1xef3_602 {\n color: var(--color-cambio-cream);\n}\n\n._purpleColor_1xef3_606 {\n color: var(--color-cambio-purple);\n}\n\n._lilacColor_1xef3_610 {\n color: var(--color-cambio-lilac);\n}\n\n._thistleColor_1xef3_614 {\n color: var(--color-cambio-thistle);\n}\n\n._pinkColor_1xef3_618 {\n color: var(--color-cambio-pink);\n}\n\n._navyColor_1xef3_622 {\n color: var(--color-cambio-navy);\n}\n\n._tealColor_1xef3_626 {\n color: var(--color-cambio-teal);\n}\n\n._slateColor_1xef3_630 {\n color: var(--color-cambio-slate);\n}\n\n._skyColor_1xef3_634 {\n color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_1xef3_638 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_1xef3_642 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_1xef3_646 {\n background-color: var(--color-cambio-white-100);\n}\n\n._white40BackgroundColor_1xef3_650 {\n background-color: var(--color-cambio-white-40);\n}\n\n._white70BackgroundColor_1xef3_654 {\n background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_1xef3_658 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_1xef3_662 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_1xef3_666 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._gray270BackgroundColor_1xef3_670 {\n background-color: var(--color-cambio-gray-270);\n}\n\n._gray370BackgroundColor_1xef3_674 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_1xef3_678 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_1xef3_682 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_1xef3_686 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_1xef3_690 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_1xef3_694 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_1xef3_698 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_1xef3_702 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_1xef3_706 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_1xef3_710 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_1xef3_714 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_1xef3_718 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_1xef3_722 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_1xef3_726 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_1xef3_730 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_1xef3_734 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_1xef3_738 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_1xef3_742 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_1xef3_746 {\n background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_1xef3_750 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_1xef3_754 {\n background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_1xef3_758 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_1xef3_762 {\n background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_1xef3_766 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_1xef3_770 {\n background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_1xef3_774 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_1xef3_778 {\n background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_1xef3_782 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_1xef3_786 {\n background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_1xef3_790 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_1xef3_794 {\n background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_1xef3_798 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_1xef3_802 {\n background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_1xef3_806 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_1xef3_810 {\n background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_1xef3_814 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_1xef3_818 {\n background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_1xef3_822 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_1xef3_826 {\n background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_1xef3_830 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_1xef3_834 {\n background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_1xef3_838 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_1xef3_842 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_1xef3_846 {\n background-color: var(--color-cambio-yellow-700);\n}\n","/* Border Radius */\n._roundingsm_1j4mo_2 {\n border-radius: 4px;\n}\n\n._roundingmd_1j4mo_6 {\n border-radius: 8px;\n}\n\n._roundingfull_1j4mo_10 {\n border-radius: 999px;\n}\n","._typography_qb8k0_1 {\n line-height: initial;\n margin: 0;\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 510;\n src: local(\"GT-Super-Text-Medium\"),\n url(\"https://static.cambly.com/fonts/gt-super-text-medium-final.woff2\");\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 700;\n src: local(\"GT-Super-Text-Bold\"),\n url(\"https://static.cambly.com/fonts/gt-super-text-bold-final.woff2\");\n}\n\n._sansSerif_qb8k0_22 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_qb8k0_27 {\n font-family: var(\n --syntax-font-sans-serif\n ); /* Intentional, the default is still to use sans-serif, we only use serif for certain languages */\n}\n\n/* GT Super only supports certain languages: https://www.grillitype.com/typeface/gt-super */\n\n/* List of languages we use on Cambly and their support for GT Super\n\n* English: ✅\n* Arabic: ❌\n* Azerbaijani: ✅\n* German: ✅\n* Spanish: ✅\n* French: ✅\n* Italian: ✅\n* Japanese: ❌\n* Korean: ❌\n* Polish: ✅\n* Portuguese: ✅\n* Russian: ❌\n* Thai: ❌\n* Turkish: ✅\n* Vietnamese: ❌\n* Simplified Chinese: ❌\n* Traditional Chinese: ❌\n*/\n\n/* stylelint-disable-next-line selector-max-compound-selectors -- only render serif font for certain languages */\n:lang(en) ._serif_qb8k0_27,\n:lang(az) ._serif_qb8k0_27,\n:lang(fr) ._serif_qb8k0_27,\n:lang(de) ._serif_qb8k0_27,\n:lang(es) ._serif_qb8k0_27,\n:lang(it) ._serif_qb8k0_27,\n:lang(pl) ._serif_qb8k0_27,\n:lang(pt) ._serif_qb8k0_27,\n:lang(tr) ._serif_qb8k0_27 {\n font-family: \"GT Super\", var(--syntax-font-sans-serif);\n -webkit-font-smoothing: antialiased;\n letter-spacing: -0.02em;\n line-height: 1.15em;\n}\n\n/* Sizes are responsive */\n._size0_qb8k0_73 {\n font-size: 12px;\n}\n\n._size100_qb8k0_77 {\n font-size: 13px;\n}\n\n._size200_qb8k0_81 {\n font-size: 16px;\n}\n\n._size300_qb8k0_85 {\n font-size: 19px;\n}\n\n._size400_qb8k0_89 {\n font-size: 25px;\n}\n\n._size500_qb8k0_93 {\n font-size: 32px;\n}\n\n._size700_qb8k0_97 {\n font-size: 38px;\n}\n\n._size800_qb8k0_101 {\n font-size: 46px;\n}\n\n._size900_qb8k0_105 {\n font-size: 55px;\n}\n\n._size1100_qb8k0_109 {\n font-size: 83px;\n}\n\n/* Only add media queries for sizes that need to change */\n@media (min-width: 480px) {\n ._size300_qb8k0_85 {\n font-size: 20px;\n }\n\n ._size700_qb8k0_97 {\n font-size: 44px;\n }\n\n ._size800_qb8k0_101 {\n font-size: 63px;\n }\n\n ._size900_qb8k0_105 {\n font-size: 76px;\n }\n\n ._size1100_qb8k0_109 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_qb8k0_137 {\n text-align: center;\n}\n\n._forceLeft_qb8k0_141 {\n text-align: left;\n}\n\n._forceRight_qb8k0_145 {\n text-align: right;\n}\n\n._start_qb8k0_149 {\n text-align: start;\n}\n\n._end_qb8k0_153 {\n text-align: end;\n}\n\n/* Weight */\n\n._regular_qb8k0_159 {\n font-weight: 400;\n}\n\n._medium_qb8k0_163 {\n font-weight: 510;\n}\n\n._semiBold_qb8k0_167 {\n font-weight: 590;\n}\n\n._bold_qb8k0_171 {\n font-weight: 700;\n}\n\n._underline_qb8k0_175 {\n text-decoration: underline;\n}\n\n._inline_qb8k0_179 {\n display: inline;\n}\n\n._uppercase_qb8k0_183 {\n text-transform: uppercase;\n}\n\n._lineClamp_qb8k0_187 {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-width: 100%;\n overflow: hidden;\n word-break: break-word;\n}\n\n/* Line Height */\n._p100_qb8k0_196 {\n line-height: 150%;\n}\n\n._p200_qb8k0_200 {\n line-height: 150%;\n}\n\n._p300_qb8k0_204 {\n line-height: 140%;\n}\n\n._p400_qb8k0_208 {\n line-height: 130%;\n}\n\n._p500_qb8k0_212 {\n line-height: 115%;\n}\n\n/* White Space */\n._inherit_qb8k0_217 {\n white-space: inherit;\n}\n\n._normal_qb8k0_221 {\n white-space: normal;\n}\n\n._nowrap_qb8k0_225 {\n white-space: nowrap;\n}\n\n._preLine_qb8k0_229 {\n white-space: pre-line;\n}\n\n:lang(ko),\n._typography_qb8k0_1 {\n word-break: keep-all;\n}\n"],"mappings":";AAAA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC5cF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;;;ACruCJ;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;;;ACzYJ;AACE;AAAA;AAGF;AACE;AAAA;;;ACJF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC70BF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACVF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAEE;AAAA;","names":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import Icon from '../Icon/Icon.js';
|
|
3
|
+
import '../colors/allColors.js';
|
|
4
|
+
|
|
5
|
+
type ToastProps = {
|
|
6
|
+
/**
|
|
7
|
+
* The optional text of the toast under the heading
|
|
8
|
+
*/
|
|
9
|
+
body?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Test id for the toast
|
|
12
|
+
*/
|
|
13
|
+
"data-testid"?: string;
|
|
14
|
+
heading: string;
|
|
15
|
+
/**
|
|
16
|
+
* The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)
|
|
17
|
+
*/
|
|
18
|
+
icon?: React.ComponentType<{
|
|
19
|
+
className?: string;
|
|
20
|
+
}> | React.ComponentType<ComponentProps<typeof Icon>>;
|
|
21
|
+
/**
|
|
22
|
+
/**
|
|
23
|
+
* Indicate whether the toast renders on a light or dark background. Changes the color of the toast
|
|
24
|
+
*
|
|
25
|
+
* @defaulValue `lightBackground`
|
|
26
|
+
*/
|
|
27
|
+
on?: "lightBackground" | "darkBackground";
|
|
28
|
+
/**
|
|
29
|
+
* The number of milliseconds to wait before automatically dismissing the toast
|
|
30
|
+
*
|
|
31
|
+
* @defaultValue 5000
|
|
32
|
+
*/
|
|
33
|
+
timeout?: number;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* [Toast](https://cambly-syntax.vercel.app/?path=/docs/components-toast--docs) is a component to display a small, dismissible notification.
|
|
37
|
+
*/
|
|
38
|
+
declare function Toast({ body, "data-testid": dataTestId, heading, icon: Icon, on, timeout, }: ToastProps): JSX.Element;
|
|
39
|
+
|
|
40
|
+
export { Toast as default };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import {
|
|
3
|
+
Toast
|
|
4
|
+
} from "../__chunks/L2B2L4F2.js";
|
|
5
|
+
import "../__chunks/X552U42S.js";
|
|
6
|
+
import "../__chunks/4U4UW4AK.js";
|
|
7
|
+
import "../__chunks/4U4UW4AK.js";
|
|
8
|
+
import "../__chunks/KBIW5XV4.js";
|
|
9
|
+
import "../__chunks/IDX7RWVA.js";
|
|
10
|
+
import "../__chunks/73ZKHWUJ.js";
|
|
11
|
+
import "../__chunks/QIMMO3OB.js";
|
|
12
|
+
import "../__chunks/4U4UW4AK.js";
|
|
13
|
+
import "../__chunks/UWGNJENA.js";
|
|
14
|
+
export {
|
|
15
|
+
Toast as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -12,7 +12,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
|
|
|
12
12
|
*
|
|
13
13
|
* @defaultValue "start"
|
|
14
14
|
*/
|
|
15
|
-
align?: "center" | "
|
|
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" | "
|
|
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?: "
|
|
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" | "
|
|
122
|
+
whiteSpace?: "inherit" | "nowrap" | "normal" | "preLine" | undefined;
|
|
123
123
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
124
124
|
|
|
125
125
|
export { Typography as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 07 Nov 2024
|
|
1
|
+
{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 07 Nov 2024 21:04:06 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import {
|
|
3
|
+
Box_default
|
|
4
|
+
} from "./X552U42S.js";
|
|
5
|
+
import {
|
|
6
|
+
Typography_default
|
|
7
|
+
} from "./IDX7RWVA.js";
|
|
8
|
+
|
|
9
|
+
// src/Toast/Toast.tsx
|
|
10
|
+
import { useEffect, useState } from "react";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
function typographyColor({
|
|
13
|
+
on
|
|
14
|
+
}) {
|
|
15
|
+
return on === "lightBackground" ? "white" : "gray900";
|
|
16
|
+
}
|
|
17
|
+
function Toast({
|
|
18
|
+
body,
|
|
19
|
+
"data-testid": dataTestId,
|
|
20
|
+
heading,
|
|
21
|
+
icon: Icon,
|
|
22
|
+
on = "lightBackground",
|
|
23
|
+
timeout = 5e3
|
|
24
|
+
}) {
|
|
25
|
+
const [displayToast, setDisplayToast] = useState(true);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
const timeoutId = setTimeout(() => {
|
|
28
|
+
setDisplayToast(false);
|
|
29
|
+
}, timeout);
|
|
30
|
+
return () => clearTimeout(timeoutId);
|
|
31
|
+
}, [timeout]);
|
|
32
|
+
return /* @__PURE__ */ jsxs(
|
|
33
|
+
Box_default,
|
|
34
|
+
{
|
|
35
|
+
position: "fixed",
|
|
36
|
+
width: "fit-content",
|
|
37
|
+
marginStart: "auto",
|
|
38
|
+
marginEnd: "auto",
|
|
39
|
+
padding: 4,
|
|
40
|
+
rounding: "md",
|
|
41
|
+
display: displayToast ? "flex" : "none",
|
|
42
|
+
gap: 5,
|
|
43
|
+
alignItems: "center",
|
|
44
|
+
backgroundColor: on === "lightBackground" ? "gray900" : "white",
|
|
45
|
+
dangerouslySetInlineStyle: {
|
|
46
|
+
__style: {
|
|
47
|
+
left: 0,
|
|
48
|
+
right: 0,
|
|
49
|
+
bottom: 50,
|
|
50
|
+
boxShadow: "0px 16px 32px 0px rgba(0, 0, 0, 0.25)"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"data-testid": dataTestId,
|
|
54
|
+
children: [
|
|
55
|
+
Icon && /* @__PURE__ */ jsx(Icon, { color: typographyColor({ on }), size: 400 }),
|
|
56
|
+
/* @__PURE__ */ jsxs(Box_default, { display: "flex", direction: "column", gap: 1, children: [
|
|
57
|
+
/* @__PURE__ */ jsx(
|
|
58
|
+
Typography_default,
|
|
59
|
+
{
|
|
60
|
+
size: 300,
|
|
61
|
+
weight: "semiBold",
|
|
62
|
+
color: typographyColor({ on }),
|
|
63
|
+
children: heading
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
body && /* @__PURE__ */ jsx(Typography_default, { lineClamp: 2, color: typographyColor({ on }), children: body })
|
|
67
|
+
] })
|
|
68
|
+
]
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export {
|
|
74
|
+
Toast
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=L2B2L4F2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useState } from \"react\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport type InternalIcon from \"../Icon/Icon\";\n\nfunction typographyColor({\n on,\n}: {\n on: \"lightBackground\" | \"darkBackground\";\n}): \"white\" | \"gray900\" {\n return on === \"lightBackground\" ? \"white\" : \"gray900\";\n}\n\ntype ToastProps = {\n /**\n * The optional text of the toast under the heading\n */\n body?: string;\n /**\n * Test id for the toast\n */\n \"data-testid\"?: string;\n heading: string;\n /**\n * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n */\n icon?:\n | React.ComponentType<{ className?: string }>\n | React.ComponentType<ComponentProps<typeof InternalIcon>>;\n /**\n /**\n * Indicate whether the toast renders on a light or dark background. Changes the color of the toast\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * The number of milliseconds to wait before automatically dismissing the toast\n *\n * @defaultValue 5000\n */\n timeout?: number;\n};\n/**\n * [Toast](https://cambly-syntax.vercel.app/?path=/docs/components-toast--docs) is a component to display a small, dismissible notification.\n */\n\nexport default function Toast({\n body,\n \"data-testid\": dataTestId,\n heading,\n icon: Icon,\n on = \"lightBackground\",\n timeout = 5000,\n}: ToastProps): JSX.Element {\n const [displayToast, setDisplayToast] = useState<boolean>(true);\n\n useEffect(() => {\n const timeoutId = setTimeout(() => {\n setDisplayToast(false);\n }, timeout);\n return () => clearTimeout(timeoutId);\n }, [timeout]);\n\n return (\n <Box\n position=\"fixed\"\n width=\"fit-content\"\n marginStart=\"auto\"\n marginEnd=\"auto\"\n padding={4}\n rounding=\"md\"\n display={displayToast ? \"flex\" : \"none\"}\n gap={5}\n alignItems=\"center\"\n backgroundColor={on === \"lightBackground\" ? \"gray900\" : \"white\"}\n dangerouslySetInlineStyle={{\n __style: {\n left: 0,\n right: 0,\n bottom: 50,\n boxShadow: \"0px 16px 32px 0px rgba(0, 0, 0, 0.25)\",\n },\n }}\n data-testid={dataTestId}\n >\n {Icon && <Icon color={typographyColor({ on })} size={400} />}\n <Box display=\"flex\" direction=\"column\" gap={1}>\n <Typography\n size={300}\n weight=\"semiBold\"\n color={typographyColor({ on })}\n >\n {heading}\n </Typography>\n {body && (\n <Typography lineClamp={2} color={typographyColor({ on })}>\n {body}\n </Typography>\n )}\n </Box>\n </Box>\n );\n}\n"],"mappings":";;;;;;;;;AAAA,SAA8B,WAAW,gBAAgB;AAsF1C,cACT,YADS;AAjFf,SAAS,gBAAgB;AAAA,EACvB;AACF,GAEwB;AACtB,SAAO,OAAO,oBAAoB,UAAU;AAC9C;AAoCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AACZ,GAA4B;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,IAAI;AAE9D,YAAU,MAAM;AACd,UAAM,YAAY,WAAW,MAAM;AACjC,sBAAgB,KAAK;AAAA,IACvB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,SAAS;AAAA,EACrC,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAS;AAAA,MACT,SAAS,eAAe,SAAS;AAAA,MACjC,KAAK;AAAA,MACL,YAAW;AAAA,MACX,iBAAiB,OAAO,oBAAoB,YAAY;AAAA,MACxD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,MACF;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA,gBAAQ,oBAAC,QAAK,OAAO,gBAAgB,EAAE,GAAG,CAAC,GAAG,MAAM,KAAK;AAAA,QAC1D,qBAAC,eAAI,SAAQ,QAAO,WAAU,UAAS,KAAK,GAC1C;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,OAAO,gBAAgB,EAAE,GAAG,CAAC;AAAA,cAE5B;AAAA;AAAA,UACH;AAAA,UACC,QACC,oBAAC,sBAAW,WAAW,GAAG,OAAO,gBAAgB,EAAE,GAAG,CAAC,GACpD,gBACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
ColorBaseDestructive700,
|
|
7
7
|
ColorBaseGray700,
|
|
8
8
|
ColorCambioWhite100
|
|
9
|
-
} from "./
|
|
9
|
+
} from "./4NEHC6Q6.js";
|
|
10
10
|
import {
|
|
11
11
|
Focus_module_default
|
|
12
12
|
} from "./KKADUD65.js";
|
|
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
|
|
|
140
140
|
export {
|
|
141
141
|
SelectList
|
|
142
142
|
};
|
|
143
|
-
//# sourceMappingURL=
|
|
143
|
+
//# sourceMappingURL=LXBUCC4I.js.map
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
|
+
import {
|
|
3
|
+
RichSelectBoxContext,
|
|
4
|
+
RichSelectBox_default,
|
|
5
|
+
convertSelection
|
|
6
|
+
} from "./CLVZ4FOV.js";
|
|
2
7
|
import {
|
|
3
8
|
Popover_default
|
|
4
9
|
} from "./STXMQR3I.js";
|
|
@@ -9,12 +14,7 @@ import {
|
|
|
9
14
|
ColorBaseDestructive700,
|
|
10
15
|
ColorBaseGray700,
|
|
11
16
|
ColorCambioWhite100
|
|
12
|
-
} from "./
|
|
13
|
-
import {
|
|
14
|
-
RichSelectBoxContext,
|
|
15
|
-
RichSelectBox_default,
|
|
16
|
-
convertSelection
|
|
17
|
-
} from "./CLVZ4FOV.js";
|
|
17
|
+
} from "./4NEHC6Q6.js";
|
|
18
18
|
import {
|
|
19
19
|
RichSelectSection_default
|
|
20
20
|
} from "./KURNAKIN.js";
|
|
@@ -289,4 +289,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
|
|
|
289
289
|
export {
|
|
290
290
|
RichSelectList_default
|
|
291
291
|
};
|
|
292
|
-
//# sourceMappingURL=
|
|
292
|
+
//# sourceMappingURL=PEPEAQRW.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export { default as TapArea } from './TapArea/TapArea.js';
|
|
|
26
26
|
export { default as TextArea } from './TextArea/TextArea.js';
|
|
27
27
|
export { default as TextField } from './TextField/TextField.js';
|
|
28
28
|
export { default as ThemeProvider } from './ThemeProvider/ThemeProvider.js';
|
|
29
|
+
export { default as Toast } from './Toast/Toast.js';
|
|
29
30
|
export { default as Tooltip } from './Tooltip/Tooltip.js';
|
|
30
31
|
export { default as Typography } from './Typography/Typography.js';
|
|
31
32
|
export { default as WordConfetti } from './WordConfetti/WordConfetti.js';
|
package/dist/index.js
CHANGED
|
@@ -11,9 +11,13 @@ import {
|
|
|
11
11
|
import {
|
|
12
12
|
Card_default
|
|
13
13
|
} from "./__chunks/PUWF2Z5A.js";
|
|
14
|
+
import {
|
|
15
|
+
LinkButton_default
|
|
16
|
+
} from "./__chunks/JEQOCPG6.js";
|
|
14
17
|
import {
|
|
15
18
|
IconLinkButton_default
|
|
16
19
|
} from "./__chunks/VYEIZXAB.js";
|
|
20
|
+
import "./__chunks/YLWWTB4I.js";
|
|
17
21
|
import {
|
|
18
22
|
Icon_default
|
|
19
23
|
} from "./__chunks/UHO7XMHJ.js";
|
|
@@ -30,26 +34,15 @@ import {
|
|
|
30
34
|
LinkTapArea_default
|
|
31
35
|
} from "./__chunks/222QJTXV.js";
|
|
32
36
|
import {
|
|
33
|
-
|
|
34
|
-
} from "./__chunks/
|
|
35
|
-
import "./__chunks/YLWWTB4I.js";
|
|
37
|
+
TabButton
|
|
38
|
+
} from "./__chunks/XATRX37Q.js";
|
|
36
39
|
import {
|
|
37
40
|
SelectList
|
|
38
|
-
} from "./__chunks/
|
|
41
|
+
} from "./__chunks/LXBUCC4I.js";
|
|
39
42
|
import "./__chunks/SPQ7DQHG.js";
|
|
40
43
|
import {
|
|
41
44
|
RichSelectList_default
|
|
42
|
-
} from "./__chunks/
|
|
43
|
-
import {
|
|
44
|
-
Popover_default
|
|
45
|
-
} from "./__chunks/STXMQR3I.js";
|
|
46
|
-
import "./__chunks/TALOD4CL.js";
|
|
47
|
-
import "./__chunks/576PJXFR.js";
|
|
48
|
-
import {
|
|
49
|
-
IconButton_default
|
|
50
|
-
} from "./__chunks/KEJPRZJ5.js";
|
|
51
|
-
import "./__chunks/4U4UW4AK.js";
|
|
52
|
-
import "./__chunks/EXKOSER2.js";
|
|
45
|
+
} from "./__chunks/PEPEAQRW.js";
|
|
53
46
|
import "./__chunks/CLVZ4FOV.js";
|
|
54
47
|
import {
|
|
55
48
|
ButtonGroup_default
|
|
@@ -57,12 +50,22 @@ import {
|
|
|
57
50
|
import {
|
|
58
51
|
Button_default
|
|
59
52
|
} from "./__chunks/MEW6HJNQ.js";
|
|
53
|
+
import "./__chunks/Z5ZUAP2B.js";
|
|
54
|
+
import "./__chunks/QSC7CAQA.js";
|
|
60
55
|
import {
|
|
61
56
|
Divider
|
|
62
57
|
} from "./__chunks/3WKVZ2UU.js";
|
|
63
|
-
import
|
|
64
|
-
|
|
58
|
+
import {
|
|
59
|
+
Popover_default
|
|
60
|
+
} from "./__chunks/STXMQR3I.js";
|
|
61
|
+
import "./__chunks/TALOD4CL.js";
|
|
62
|
+
import "./__chunks/576PJXFR.js";
|
|
63
|
+
import {
|
|
64
|
+
IconButton_default
|
|
65
|
+
} from "./__chunks/KEJPRZJ5.js";
|
|
66
|
+
import "./__chunks/4U4UW4AK.js";
|
|
65
67
|
import "./__chunks/6TM2ES2T.js";
|
|
68
|
+
import "./__chunks/4NEHC6Q6.js";
|
|
66
69
|
import "./__chunks/KURNAKIN.js";
|
|
67
70
|
import "./__chunks/DDUJFFG7.js";
|
|
68
71
|
import "./__chunks/ND2XGXML.js";
|
|
@@ -75,6 +78,9 @@ import {
|
|
|
75
78
|
Chip_default
|
|
76
79
|
} from "./__chunks/JRSIZ3OC.js";
|
|
77
80
|
import "./__chunks/ODMJANSX.js";
|
|
81
|
+
import {
|
|
82
|
+
Toast
|
|
83
|
+
} from "./__chunks/L2B2L4F2.js";
|
|
78
84
|
import {
|
|
79
85
|
ThemeProvider
|
|
80
86
|
} from "./__chunks/KTX4P4Q2.js";
|
|
@@ -88,19 +94,16 @@ import {
|
|
|
88
94
|
TextArea_default
|
|
89
95
|
} from "./__chunks/NXXK4RDM.js";
|
|
90
96
|
import "./__chunks/4U4UW4AK.js";
|
|
97
|
+
import {
|
|
98
|
+
TapArea_default
|
|
99
|
+
} from "./__chunks/OXEXFQAN.js";
|
|
100
|
+
import "./__chunks/4U4UW4AK.js";
|
|
91
101
|
import {
|
|
92
102
|
Tabs
|
|
93
103
|
} from "./__chunks/ROLIE7R3.js";
|
|
94
104
|
import {
|
|
95
105
|
TabLink_default
|
|
96
106
|
} from "./__chunks/JXOW2OYL.js";
|
|
97
|
-
import {
|
|
98
|
-
TabButton
|
|
99
|
-
} from "./__chunks/XATRX37Q.js";
|
|
100
|
-
import {
|
|
101
|
-
TapArea_default
|
|
102
|
-
} from "./__chunks/OXEXFQAN.js";
|
|
103
|
-
import "./__chunks/4U4UW4AK.js";
|
|
104
107
|
import "./__chunks/VV2NJABK.js";
|
|
105
108
|
import "./__chunks/4U4UW4AK.js";
|
|
106
109
|
import "./__chunks/L3O26KOI.js";
|
|
@@ -164,6 +167,7 @@ export {
|
|
|
164
167
|
TextArea_default as TextArea,
|
|
165
168
|
TextField,
|
|
166
169
|
ThemeProvider,
|
|
170
|
+
Toast,
|
|
167
171
|
Tooltip_default as Tooltip,
|
|
168
172
|
Typography_default as Typography,
|
|
169
173
|
WordConfetti_default as WordConfetti
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|