@cambly/syntax-core 19.3.0 → 19.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/Avatar/Avatar.d.ts +1 -1
  2. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
  3. package/dist/Checkbox/Checkbox.d.ts +1 -1
  4. package/dist/Heading/Heading.d.ts +1 -1
  5. package/dist/RadioButton/RadioButton.d.ts +1 -1
  6. package/dist/RichSelect/RichSelectBox.d.ts +1 -1
  7. package/dist/RichSelect/RichSelectList.cjs +3 -3
  8. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  9. package/dist/RichSelect/RichSelectList.js +2 -2
  10. package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
  11. package/dist/SelectList/SelectList.cjs +3 -3
  12. package/dist/SelectList/SelectList.js +2 -2
  13. package/dist/TapArea/TapArea.d.ts +1 -1
  14. package/dist/TextField/TextField.cjs +3 -2
  15. package/dist/TextField/TextField.css +6 -0
  16. package/dist/TextField/TextField.css.map +1 -1
  17. package/dist/TextField/TextField.d.ts +5 -1
  18. package/dist/TextField/TextField.js +2 -1
  19. package/dist/Typography/Typography.d.ts +1 -1
  20. package/dist/__chunks/{J4VE4V7R.js → 2FH3ZXIJ.js} +2 -2
  21. package/dist/__chunks/{JJN6542U.cjs → BDOOAHOC.cjs} +5 -5
  22. package/dist/__chunks/{D4FWWDPJ.cjs → BJU7QKAS.cjs} +1 -1
  23. package/dist/__chunks/{D4FWWDPJ.cjs.map → BJU7QKAS.cjs.map} +1 -1
  24. package/dist/__chunks/{ED4O4LSA.js → GEUE4GXC.js} +2 -2
  25. package/dist/__chunks/{BUVOUV7Z.js → HWT7SAAO.js} +51 -22
  26. package/dist/__chunks/HWT7SAAO.js.map +1 -0
  27. package/dist/__chunks/{IFOYULRK.js → INXS6UTP.js} +1 -1
  28. package/dist/__chunks/{IFOYULRK.js.map → INXS6UTP.js.map} +1 -1
  29. package/dist/__chunks/{WNNJJJGM.cjs → RE4YJRHB.cjs} +5 -5
  30. package/dist/__chunks/{R3XTMI64.cjs → WVK5Z5JA.cjs} +51 -22
  31. package/dist/__chunks/WVK5Z5JA.cjs.map +1 -0
  32. package/dist/index.cjs +8 -8
  33. package/dist/index.js +7 -7
  34. package/package.json +1 -1
  35. package/dist/__chunks/BUVOUV7Z.js.map +0 -1
  36. package/dist/__chunks/R3XTMI64.cjs.map +0 -1
  37. /package/dist/__chunks/{J4VE4V7R.js.map → 2FH3ZXIJ.js.map} +0 -0
  38. /package/dist/__chunks/{JJN6542U.cjs.map → BDOOAHOC.cjs.map} +0 -0
  39. /package/dist/__chunks/{ED4O4LSA.js.map → GEUE4GXC.js.map} +0 -0
  40. /package/dist/__chunks/{WNNJJJGM.cjs.map → RE4YJRHB.cjs.map} +0 -0
package/dist/Avatar/Avatar.d.ts CHANGED
@@ -25,7 +25,7 @@ declare const Avatar: ({ accessibilityLabel, icon, size, src, }: {
25
25
  *
26
26
  * @defaultValue `md`
27
27
  */
28
- size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
28
+ size?: "md" | "sm" | "xs" | "lg" | "xl" | undefined;
29
29
  /**
30
30
  * URL of the image to display as the avatar.
31
31
  */
package/dist/ButtonGroup/ButtonGroup.d.ts CHANGED
@@ -23,7 +23,7 @@ declare const ButtonGroup: ({ orientation, size, children, smOrientation, lgOrie
23
23
  *
24
24
  * @defaultValue "md"
25
25
  */
26
- size?: "sm" | "md" | "lg" | undefined;
26
+ size?: "md" | "sm" | "lg" | undefined;
27
27
  /**
28
28
  * Buttons to be rendered inside the button group
29
29
  */
package/dist/Checkbox/Checkbox.d.ts CHANGED
@@ -32,7 +32,7 @@ declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disable
32
32
  *
33
33
  * @defaultValue "md"
34
34
  */
35
- size?: "sm" | "md" | undefined;
35
+ size?: "md" | "sm" | undefined;
36
36
  /**
37
37
  * The text accompanying the checkbox
38
38
  */
package/dist/Heading/Heading.d.ts CHANGED
@@ -27,7 +27,7 @@ declare const Heading: ({ align, as, children, color, "data-testid": dataTestId,
27
27
  *
28
28
  * @defaultValue "gray900"
29
29
  */
30
- color?: "primary" | "destructive-primary" | "inherit" | "gray700" | "gray900" | "white" | "success" | undefined;
30
+ color?: "inherit" | "gray700" | "gray900" | "white" | "primary" | "destructive-primary" | "success" | undefined;
31
31
  /**
32
32
  * Test id for the text.
33
33
  */
package/dist/RadioButton/RadioButton.d.ts CHANGED
@@ -50,7 +50,7 @@ declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyFor
50
50
  *
51
51
  * @defaultValue "md"
52
52
  */
53
- size?: "sm" | "md" | undefined;
53
+ size?: "md" | "sm" | undefined;
54
54
  /**
55
55
  * Value of the selected radio option
56
56
  */
package/dist/RichSelect/RichSelectBox.d.ts CHANGED
@@ -49,7 +49,7 @@ declare const _default: React__default.ForwardRefExoticComponent<RichSelectBoxPr
49
49
  Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
50
50
  RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
51
51
  name: string;
52
- size?: "sm" | "md" | undefined;
52
+ size?: "md" | "sm" | undefined;
53
53
  } & React__default.RefAttributes<HTMLDivElement>>;
54
54
  };
55
55
 
package/dist/RichSelect/RichSelectList.cjs CHANGED
@@ -1,13 +1,13 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _WNNJJJGMcjs = require('../__chunks/WNNJJJGM.cjs');
4
+ var _RE4YJRHBcjs = require('../__chunks/RE4YJRHB.cjs');
5
5
  require('../__chunks/VZTP4FJU.cjs');
6
6
  require('../__chunks/Y5R3XLL7.cjs');
7
7
  require('../__chunks/3RX4RMGC.cjs');
8
8
  require('../__chunks/VJWLFFAD.cjs');
9
9
  require('../__chunks/WFVGNGEP.cjs');
10
- require('../__chunks/D4FWWDPJ.cjs');
10
+ require('../__chunks/BJU7QKAS.cjs');
11
11
  require('../__chunks/5I7B5SAF.cjs');
12
12
  require('../__chunks/6KSVCCCB.cjs');
13
13
  require('../__chunks/7COSMEXW.cjs');
@@ -47,5 +47,5 @@ require('../__chunks/E5P6WRJD.cjs');
47
47
  require('../__chunks/X2SDR4SD.cjs');
48
48
 
49
49
 
50
- exports.default = _WNNJJJGMcjs.RichSelectList_default;
50
+ exports.default = _RE4YJRHBcjs.RichSelectList_default;
51
51
  //# sourceMappingURL=RichSelectList.cjs.map
package/dist/RichSelect/RichSelectList.d.ts CHANGED
@@ -74,7 +74,7 @@ declare const _default: typeof RichSelectList & {
74
74
  Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
75
75
  RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
76
76
  name: string;
77
- size?: "sm" | "md" | undefined;
77
+ size?: "md" | "sm" | undefined;
78
78
  } & React__default.RefAttributes<HTMLDivElement>>;
79
79
  };
80
80
 
package/dist/RichSelect/RichSelectList.js CHANGED
@@ -1,13 +1,13 @@
1
1
  "use client"
2
2
  import {
3
3
  RichSelectList_default
4
- } from "../__chunks/ED4O4LSA.js";
4
+ } from "../__chunks/GEUE4GXC.js";
5
5
  import "../__chunks/ATUBU46J.js";
6
6
  import "../__chunks/QURJJHRN.js";
7
7
  import "../__chunks/CXENLD6O.js";
8
8
  import "../__chunks/GDXRRA57.js";
9
9
  import "../__chunks/4U4UW4AK.js";
10
- import "../__chunks/IFOYULRK.js";
10
+ import "../__chunks/INXS6UTP.js";
11
11
  import "../__chunks/7YH3K65I.js";
12
12
  import "../__chunks/36DG472B.js";
13
13
  import "../__chunks/W6JOWMNG.js";
package/dist/RichSelect/RichSelectRadioButton.d.ts CHANGED
@@ -5,7 +5,7 @@ import 'react-aria';
5
5
 
6
6
  declare const _default: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
7
7
  name: string;
8
- size?: "sm" | "md" | undefined;
8
+ size?: "md" | "sm" | undefined;
9
9
  } & React__default.RefAttributes<HTMLDivElement>>;
10
10
 
11
11
  export { _default as default };
package/dist/SelectList/SelectList.cjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _JJN6542Ucjs = require('../__chunks/JJN6542U.cjs');
4
+ var _BDOOAHOCcjs = require('../__chunks/BDOOAHOC.cjs');
5
5
  require('../__chunks/JVGX637E.cjs');
6
- require('../__chunks/D4FWWDPJ.cjs');
6
+ require('../__chunks/BJU7QKAS.cjs');
7
7
  require('../__chunks/XLUVINJW.cjs');
8
8
  require('../__chunks/QODNNCT2.cjs');
9
9
  require('../__chunks/WFVGNGEP.cjs');
@@ -18,5 +18,5 @@ require('../__chunks/NOELZTQX.cjs');
18
18
  require('../__chunks/X2SDR4SD.cjs');
19
19
 
20
20
 
21
- exports.default = _JJN6542Ucjs.SelectList;
21
+ exports.default = _BDOOAHOCcjs.SelectList;
22
22
  //# sourceMappingURL=SelectList.cjs.map
package/dist/SelectList/SelectList.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  import {
3
3
  SelectList
4
- } from "../__chunks/J4VE4V7R.js";
4
+ } from "../__chunks/2FH3ZXIJ.js";
5
5
  import "../__chunks/SPQ7DQHG.js";
6
- import "../__chunks/IFOYULRK.js";
6
+ import "../__chunks/INXS6UTP.js";
7
7
  import "../__chunks/KKADUD65.js";
8
8
  import "../__chunks/IB6JZQF3.js";
9
9
  import "../__chunks/4U4UW4AK.js";
package/dist/TapArea/TapArea.d.ts CHANGED
@@ -48,7 +48,7 @@ declare const TapArea: React__default.ForwardRefExoticComponent<React__default.A
48
48
  *
49
49
  * @defaultValue "none"
50
50
  */
51
- rounding?: "sm" | "md" | "none" | "full" | undefined;
51
+ rounding?: "none" | "md" | "sm" | "full" | undefined;
52
52
  /**
53
53
  * The tab index of the tap area
54
54
  */
package/dist/TextField/TextField.cjs CHANGED
@@ -1,7 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _R3XTMI64cjs = require('../__chunks/R3XTMI64.cjs');
4
+ var _WVK5Z5JAcjs = require('../__chunks/WVK5Z5JA.cjs');
5
+ require('../__chunks/SJSSW5MP.cjs');
5
6
  require('../__chunks/WFVGNGEP.cjs');
6
7
  require('../__chunks/QODNNCT2.cjs');
7
8
 
@@ -15,5 +16,5 @@ require('../__chunks/K4AUV2VK.cjs');
15
16
  require('../__chunks/X2SDR4SD.cjs');
16
17
 
17
18
 
18
- exports.default = _R3XTMI64cjs.TextField;
19
+ exports.default = _WVK5Z5JAcjs.TextField;
19
20
  //# sourceMappingURL=TextField.cjs.map
package/dist/TextField/TextField.css CHANGED
@@ -2452,4 +2452,10 @@
2452
2452
  ._p500_15w34_212 {
2453
2453
  line-height: 115%;
2454
2454
  }
2455
+
2456
+ /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css/#css-module-data */
2457
+ ._icon_1g9xb_1 {
2458
+ height: 12px !important;
2459
+ width: 12px !important;
2460
+ }
2455
2461
  /*# sourceMappingURL=TextField.css.map */
package/dist/TextField/TextField.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css/#css-module-data","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":["._textfield_f2wi6_1 {\n appearance: none;\n border: 1px solid var(--color-cambio-gray-370);\n border-radius: 8px;\n box-sizing: border-box;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n width: 100%;\n font-size: 16px;\n}\n\n._transparent_f2wi6_13 {\n background: transparent;\n border: 1px solid var(--color-cambio-white-100);\n color: var(--color-cambio-white-100);\n}\n\n._textfield_f2wi6_1:focus {\n outline: none;\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._textfield_f2wi6_1:disabled {\n cursor: auto;\n}\n\n._label_f2wi6_28 {\n cursor: pointer;\n}\n\n._md_f2wi6_32 {\n padding: 12px;\n}\n\n._height_f2wi6_36 {\n height: 48px;\n}\n\n._inputError_f2wi6_40 {\n color: var(--color-cambio-destructive-900);\n border: 1px solid var(--color-cambio-destructive-700);\n}\n\n._inputError_f2wi6_40::placeholder {\n color: var(--color-cambio-destructive-900);\n}\n\n._transparentInputError_f2wi6_49 {\n color: var(--color-cambio-destructive-370);\n border: 1px solid var(--color-cambio-destructive-300);\n}\n\n._transparenInputError_f2wi6_54::placeholder {\n color: var(--color-cambio-destructive-370);\n}\n","._box_xcjsm_1 {\n box-sizing: border-box;\n}\n\n._flexnone_xcjsm_5 {\n flex: 0 0 auto;\n}\n\n._flexgrow_xcjsm_9 {\n flex: 1 1 auto;\n}\n\n._flexWrap_xcjsm_13 {\n flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_xcjsm_18 {\n align-items: center;\n}\n\n._alignItemsstart_xcjsm_22 {\n align-items: flex-start;\n}\n\n._alignItemsend_xcjsm_26 {\n align-items: flex-end;\n}\n\n._alignItemsstretch_xcjsm_30 {\n align-items: stretch;\n}\n\n._alignItemsbaseline_xcjsm_34 {\n align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n ._alignItemscenterSmall_xcjsm_40 {\n align-items: center;\n }\n\n ._alignItemsstartSmall_xcjsm_44 {\n align-items: flex-start;\n }\n\n ._alignItemsendSmall_xcjsm_48 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchSmall_xcjsm_52 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineSmall_xcjsm_56 {\n align-items: baseline;\n }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n ._alignItemscenterLarge_xcjsm_63 {\n align-items: center;\n }\n\n ._alignItemsstartLarge_xcjsm_67 {\n align-items: flex-start;\n }\n\n ._alignItemsendLarge_xcjsm_71 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchLarge_xcjsm_75 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineLarge_xcjsm_79 {\n align-items: baseline;\n }\n}\n\n/* Align self */\n._alignSelfcenter_xcjsm_85 {\n align-self: center;\n}\n\n._alignSelfstart_xcjsm_89 {\n align-self: flex-start;\n}\n\n._alignSelfend_xcjsm_93 {\n align-self: flex-end;\n}\n\n._alignSelfstretch_xcjsm_97 {\n align-self: stretch;\n}\n\n._alignSelfbaseline_xcjsm_101 {\n align-self: baseline;\n}\n\n._alignSelfauto_xcjsm_105 {\n align-self: auto;\n}\n\n/* Display (base) */\n._block_xcjsm_110 {\n display: block;\n}\n\n._flex_xcjsm_5 {\n display: flex;\n}\n\n._inlineBlock_xcjsm_118 {\n display: inline-block;\n}\n\n._inlineFlex_xcjsm_122 {\n display: inline-flex;\n}\n\n._none_xcjsm_126 {\n display: none;\n}\n\n._visuallyHidden_xcjsm_130 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n ._blockSmall_xcjsm_144 {\n display: block;\n }\n\n ._flexSmall_xcjsm_148 {\n display: flex;\n }\n\n ._inlineBlockSmall_xcjsm_152 {\n display: inline-block;\n }\n\n ._inlineFlexSmall_xcjsm_156 {\n display: inline-flex;\n }\n\n ._noneSmall_xcjsm_160 {\n display: none;\n }\n\n ._visuallyHiddenSmall_xcjsm_164 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n ._blockLarge_xcjsm_179 {\n display: block;\n }\n\n ._flexLarge_xcjsm_183 {\n display: flex;\n }\n\n ._inlineBlockLarge_xcjsm_187 {\n display: inline-block;\n }\n\n ._inlineFlexLarge_xcjsm_191 {\n display: inline-flex;\n }\n\n ._noneLarge_xcjsm_195 {\n display: none;\n }\n\n ._visuallyHiddenLarge_xcjsm_199 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Direction */\n._column_xcjsm_213 {\n flex-direction: column;\n}\n\n._row_xcjsm_217 {\n flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n ._columnSmall_xcjsm_223 {\n flex-direction: column;\n }\n\n ._rowSmall_xcjsm_227 {\n flex-direction: row;\n }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n ._columnLarge_xcjsm_234 {\n flex-direction: column;\n }\n\n ._rowLarge_xcjsm_238 {\n flex-direction: row;\n }\n}\n\n/* Gap */\n._gap0_xcjsm_244 {\n gap: 0;\n}\n\n._gap1_xcjsm_248 {\n gap: 4px;\n}\n\n._gap2_xcjsm_252 {\n gap: 8px;\n}\n\n._gap3_xcjsm_256 {\n gap: 12px;\n}\n\n._gap4_xcjsm_260 {\n gap: 16px;\n}\n\n._gap5_xcjsm_264 {\n gap: 20px;\n}\n\n._gap6_xcjsm_268 {\n gap: 24px;\n}\n\n._gap7_xcjsm_272 {\n gap: 28px;\n}\n\n._gap8_xcjsm_276 {\n gap: 32px;\n}\n\n._gap9_xcjsm_280 {\n gap: 36px;\n}\n\n._gap10_xcjsm_284 {\n gap: 40px;\n}\n\n._gap11_xcjsm_288 {\n gap: 44px;\n}\n\n._gap12_xcjsm_292 {\n gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_xcjsm_297 {\n justify-content: center;\n}\n\n._justifyContentstart_xcjsm_301 {\n justify-content: flex-start;\n}\n\n._justifyContentend_xcjsm_305 {\n justify-content: flex-end;\n}\n\n._justifyContentbetween_xcjsm_309 {\n justify-content: space-between;\n}\n\n._justifyContentaround_xcjsm_313 {\n justify-content: space-around;\n}\n\n._justifyContentevenly_xcjsm_317 {\n justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n ._justifyContentcenterSmall_xcjsm_323 {\n justify-content: center;\n }\n\n ._justifyContentstartSmall_xcjsm_327 {\n justify-content: flex-start;\n }\n\n ._justifyContentendSmall_xcjsm_331 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenSmall_xcjsm_335 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundSmall_xcjsm_339 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlySmall_xcjsm_343 {\n justify-content: space-evenly;\n }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n ._justifyContentcenterLarge_xcjsm_350 {\n justify-content: center;\n }\n\n ._justifyContentstartLarge_xcjsm_354 {\n justify-content: flex-start;\n }\n\n ._justifyContentendLarge_xcjsm_358 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenLarge_xcjsm_362 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundLarge_xcjsm_366 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlyLarge_xcjsm_370 {\n justify-content: space-evenly;\n }\n}\n\n/* Overflow */\n._overflowvisible_xcjsm_376 {\n overflow: visible;\n}\n\n._overflowhidden_xcjsm_380 {\n overflow: hidden;\n}\n\n._overflowscroll_xcjsm_384 {\n overflow: scroll;\n}\n\n._overflowauto_xcjsm_388 {\n overflow: auto;\n}\n\n._overflowinherit_xcjsm_392 {\n overflow: inherit;\n}\n\n._overflowinitial_xcjsm_396 {\n overflow: initial;\n}\n\n._overflowXvisible_xcjsm_400 {\n overflow-x: visible;\n}\n\n._overflowXhidden_xcjsm_404 {\n overflow-x: hidden;\n}\n\n._overflowXscroll_xcjsm_408 {\n overflow-x: scroll;\n}\n\n._overflowXauto_xcjsm_412 {\n overflow-x: auto;\n}\n\n._overflowXinherit_xcjsm_416 {\n overflow-x: inherit;\n}\n\n._overflowXinitial_xcjsm_420 {\n overflow-x: initial;\n}\n\n._overflowYvisible_xcjsm_424 {\n overflow-y: visible;\n}\n\n._overflowYhidden_xcjsm_428 {\n overflow-y: hidden;\n}\n\n._overflowYscroll_xcjsm_432 {\n overflow-y: scroll;\n}\n\n._overflowYauto_xcjsm_436 {\n overflow-y: auto;\n}\n\n._overflowYinherit_xcjsm_440 {\n overflow-y: inherit;\n}\n\n._overflowYinitial_xcjsm_444 {\n overflow-y: initial;\n}\n\n/* Position */\n._absolute_xcjsm_449 {\n position: absolute;\n}\n\n._fixed_xcjsm_453 {\n position: fixed;\n}\n\n._relative_xcjsm_457 {\n position: relative;\n}\n\n._sticky_xcjsm_461 {\n position: sticky;\n}\n","/* Margin bottom */\n._marginBottom-12_1whn1_2 {\n margin-bottom: -48px;\n}\n\n._marginBottom-11_1whn1_6 {\n margin-bottom: -44px;\n}\n\n._marginBottom-10_1whn1_10 {\n margin-bottom: -40px;\n}\n\n._marginBottom-9_1whn1_14 {\n margin-bottom: -36px;\n}\n\n._marginBottom-8_1whn1_18 {\n margin-bottom: -32px;\n}\n\n._marginBottom-7_1whn1_22 {\n margin-bottom: -28px;\n}\n\n._marginBottom-6_1whn1_26 {\n margin-bottom: -24px;\n}\n\n._marginBottom-5_1whn1_30 {\n margin-bottom: -20px;\n}\n\n._marginBottom-4_1whn1_34 {\n margin-bottom: -16px;\n}\n\n._marginBottom-3_1whn1_38 {\n margin-bottom: -12px;\n}\n\n._marginBottom-2_1whn1_42 {\n margin-bottom: -8px;\n}\n\n._marginBottom-1_1whn1_2 {\n margin-bottom: -4px;\n}\n\n._marginBottom0_1whn1_50 {\n margin-bottom: 0;\n}\n\n._marginBottom1_1whn1_54 {\n margin-bottom: 4px;\n}\n\n._marginBottom2_1whn1_58 {\n margin-bottom: 8px;\n}\n\n._marginBottom3_1whn1_62 {\n margin-bottom: 12px;\n}\n\n._marginBottom4_1whn1_66 {\n margin-bottom: 16px;\n}\n\n._marginBottom5_1whn1_70 {\n margin-bottom: 20px;\n}\n\n._marginBottom6_1whn1_74 {\n margin-bottom: 24px;\n}\n\n._marginBottom7_1whn1_78 {\n margin-bottom: 28px;\n}\n\n._marginBottom8_1whn1_82 {\n margin-bottom: 32px;\n}\n\n._marginBottom9_1whn1_86 {\n margin-bottom: 36px;\n}\n\n._marginBottom10_1whn1_90 {\n margin-bottom: 40px;\n}\n\n._marginBottom11_1whn1_94 {\n margin-bottom: 44px;\n}\n\n._marginBottom12_1whn1_98 {\n margin-bottom: 48px;\n}\n\n._marginBottomauto_1whn1_102 {\n margin-bottom: auto;\n}\n\n/* Margin end */\n._marginEnd-12_1whn1_107 {\n margin-inline-end: -48px;\n}\n\n._marginEnd-11_1whn1_111 {\n margin-inline-end: -44px;\n}\n\n._marginEnd-10_1whn1_115 {\n margin-inline-end: -40px;\n}\n\n._marginEnd-9_1whn1_119 {\n margin-inline-end: -36px;\n}\n\n._marginEnd-8_1whn1_123 {\n margin-inline-end: -32px;\n}\n\n._marginEnd-7_1whn1_127 {\n margin-inline-end: -28px;\n}\n\n._marginEnd-6_1whn1_131 {\n margin-inline-end: -24px;\n}\n\n._marginEnd-5_1whn1_135 {\n margin-inline-end: -20px;\n}\n\n._marginEnd-4_1whn1_139 {\n margin-inline-end: -16px;\n}\n\n._marginEnd-3_1whn1_143 {\n margin-inline-end: -12px;\n}\n\n._marginEnd-2_1whn1_147 {\n margin-inline-end: -8px;\n}\n\n._marginEnd-1_1whn1_107 {\n margin-inline-end: -4px;\n}\n\n._marginEnd0_1whn1_155 {\n margin-inline-end: 0;\n}\n\n._marginEnd1_1whn1_159 {\n margin-inline-end: 4px;\n}\n\n._marginEnd2_1whn1_163 {\n margin-inline-end: 8px;\n}\n\n._marginEnd3_1whn1_167 {\n margin-inline-end: 12px;\n}\n\n._marginEnd4_1whn1_171 {\n margin-inline-end: 16px;\n}\n\n._marginEnd5_1whn1_175 {\n margin-inline-end: 20px;\n}\n\n._marginEnd6_1whn1_179 {\n margin-inline-end: 24px;\n}\n\n._marginEnd7_1whn1_183 {\n margin-inline-end: 28px;\n}\n\n._marginEnd8_1whn1_187 {\n margin-inline-end: 32px;\n}\n\n._marginEnd9_1whn1_191 {\n margin-inline-end: 36px;\n}\n\n._marginEnd10_1whn1_195 {\n margin-inline-end: 40px;\n}\n\n._marginEnd11_1whn1_199 {\n margin-inline-end: 44px;\n}\n\n._marginEnd12_1whn1_203 {\n margin-inline-end: 48px;\n}\n\n._marginEndauto_1whn1_207 {\n margin-inline-end: auto;\n}\n\n/* Margin start */\n._marginStart-12_1whn1_212 {\n margin-inline-start: -48px;\n}\n\n._marginStart-11_1whn1_216 {\n margin-inline-start: -44px;\n}\n\n._marginStart-10_1whn1_220 {\n margin-inline-start: -40px;\n}\n\n._marginStart-9_1whn1_224 {\n margin-inline-start: -36px;\n}\n\n._marginStart-8_1whn1_228 {\n margin-inline-start: -32px;\n}\n\n._marginStart-7_1whn1_232 {\n margin-inline-start: -28px;\n}\n\n._marginStart-6_1whn1_236 {\n margin-inline-start: -24px;\n}\n\n._marginStart-5_1whn1_240 {\n margin-inline-start: -20px;\n}\n\n._marginStart-4_1whn1_244 {\n margin-inline-start: -16px;\n}\n\n._marginStart-3_1whn1_248 {\n margin-inline-start: -12px;\n}\n\n._marginStart-2_1whn1_252 {\n margin-inline-start: -8px;\n}\n\n._marginStart-1_1whn1_212 {\n margin-inline-start: -4px;\n}\n\n._marginStart0_1whn1_260 {\n margin-inline-start: 0;\n}\n\n._marginStart1_1whn1_264 {\n margin-inline-start: 4px;\n}\n\n._marginStart2_1whn1_268 {\n margin-inline-start: 8px;\n}\n\n._marginStart3_1whn1_272 {\n margin-inline-start: 12px;\n}\n\n._marginStart4_1whn1_276 {\n margin-inline-start: 16px;\n}\n\n._marginStart5_1whn1_280 {\n margin-inline-start: 20px;\n}\n\n._marginStart6_1whn1_284 {\n margin-inline-start: 24px;\n}\n\n._marginStart7_1whn1_288 {\n margin-inline-start: 28px;\n}\n\n._marginStart8_1whn1_292 {\n margin-inline-start: 32px;\n}\n\n._marginStart9_1whn1_296 {\n margin-inline-start: 36px;\n}\n\n._marginStart10_1whn1_300 {\n margin-inline-start: 40px;\n}\n\n._marginStart11_1whn1_304 {\n margin-inline-start: 44px;\n}\n\n._marginStart12_1whn1_308 {\n margin-inline-start: 48px;\n}\n\n._marginStartauto_1whn1_312 {\n margin-inline-start: auto;\n}\n\n/* Margin top */\n._marginTop-12_1whn1_317 {\n margin-top: -48px;\n}\n\n._marginTop-11_1whn1_321 {\n margin-top: -44px;\n}\n\n._marginTop-10_1whn1_325 {\n margin-top: -40px;\n}\n\n._marginTop-9_1whn1_329 {\n margin-top: -36px;\n}\n\n._marginTop-8_1whn1_333 {\n margin-top: -32px;\n}\n\n._marginTop-7_1whn1_337 {\n margin-top: -28px;\n}\n\n._marginTop-6_1whn1_341 {\n margin-top: -24px;\n}\n\n._marginTop-5_1whn1_345 {\n margin-top: -20px;\n}\n\n._marginTop-4_1whn1_349 {\n margin-top: -16px;\n}\n\n._marginTop-3_1whn1_353 {\n margin-top: -12px;\n}\n\n._marginTop-2_1whn1_357 {\n margin-top: -8px;\n}\n\n._marginTop-1_1whn1_317 {\n margin-top: -4px;\n}\n\n._marginTop0_1whn1_365 {\n margin-top: 0;\n}\n\n._marginTop1_1whn1_369 {\n margin-top: 4px;\n}\n\n._marginTop2_1whn1_373 {\n margin-top: 8px;\n}\n\n._marginTop3_1whn1_377 {\n margin-top: 12px;\n}\n\n._marginTop4_1whn1_381 {\n margin-top: 16px;\n}\n\n._marginTop5_1whn1_385 {\n margin-top: 20px;\n}\n\n._marginTop6_1whn1_389 {\n margin-top: 24px;\n}\n\n._marginTop7_1whn1_393 {\n margin-top: 28px;\n}\n\n._marginTop8_1whn1_397 {\n margin-top: 32px;\n}\n\n._marginTop9_1whn1_401 {\n margin-top: 36px;\n}\n\n._marginTop10_1whn1_405 {\n margin-top: 40px;\n}\n\n._marginTop11_1whn1_409 {\n margin-top: 44px;\n}\n\n._marginTop12_1whn1_413 {\n margin-top: 48px;\n}\n\n._marginTopauto_1whn1_417 {\n margin-top: auto;\n}\n\n/* Margin (small and up) */\n@media (min-width: 480px) {\n ._marginBottom-12Small_1whn1_423 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Small_1whn1_427 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Small_1whn1_431 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Small_1whn1_435 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Small_1whn1_439 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Small_1whn1_443 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Small_1whn1_447 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Small_1whn1_451 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Small_1whn1_455 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Small_1whn1_459 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Small_1whn1_463 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Small_1whn1_467 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Small_1whn1_471 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Small_1whn1_475 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Small_1whn1_479 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Small_1whn1_483 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Small_1whn1_487 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Small_1whn1_491 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Small_1whn1_495 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Small_1whn1_499 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Small_1whn1_503 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Small_1whn1_507 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Small_1whn1_511 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Small_1whn1_515 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Small_1whn1_519 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoSmall_1whn1_523 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Small_1whn1_527 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Small_1whn1_531 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Small_1whn1_535 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Small_1whn1_539 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Small_1whn1_543 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Small_1whn1_547 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Small_1whn1_551 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Small_1whn1_555 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Small_1whn1_559 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Small_1whn1_563 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Small_1whn1_567 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Small_1whn1_571 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Small_1whn1_575 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Small_1whn1_579 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Small_1whn1_583 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Small_1whn1_587 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Small_1whn1_591 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Small_1whn1_595 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Small_1whn1_599 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Small_1whn1_603 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Small_1whn1_607 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Small_1whn1_611 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Small_1whn1_615 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Small_1whn1_619 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Small_1whn1_623 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoSmall_1whn1_627 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Small_1whn1_631 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Small_1whn1_635 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Small_1whn1_639 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Small_1whn1_643 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Small_1whn1_647 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Small_1whn1_651 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Small_1whn1_655 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Small_1whn1_659 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Small_1whn1_663 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Small_1whn1_667 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Small_1whn1_671 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Small_1whn1_675 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Small_1whn1_679 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Small_1whn1_683 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Small_1whn1_687 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Small_1whn1_691 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Small_1whn1_695 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Small_1whn1_699 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Small_1whn1_703 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Small_1whn1_707 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Small_1whn1_711 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Small_1whn1_715 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Small_1whn1_719 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Small_1whn1_723 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Small_1whn1_727 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoSmall_1whn1_731 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Small_1whn1_735 {\n margin-top: -48px;\n }\n\n ._marginTop-11Small_1whn1_739 {\n margin-top: -44px;\n }\n\n ._marginTop-10Small_1whn1_743 {\n margin-top: -40px;\n }\n\n ._marginTop-9Small_1whn1_747 {\n margin-top: -36px;\n }\n\n ._marginTop-8Small_1whn1_751 {\n margin-top: -32px;\n }\n\n ._marginTop-7Small_1whn1_755 {\n margin-top: -28px;\n }\n\n ._marginTop-6Small_1whn1_759 {\n margin-top: -24px;\n }\n\n ._marginTop-5Small_1whn1_763 {\n margin-top: -20px;\n }\n\n ._marginTop-4Small_1whn1_767 {\n margin-top: -16px;\n }\n\n ._marginTop-3Small_1whn1_771 {\n margin-top: -12px;\n }\n\n ._marginTop-2Small_1whn1_775 {\n margin-top: -8px;\n }\n\n ._marginTop-1Small_1whn1_779 {\n margin-top: -4px;\n }\n\n ._marginTop0Small_1whn1_783 {\n margin-top: 0;\n }\n\n ._marginTop1Small_1whn1_787 {\n margin-top: 4px;\n }\n\n ._marginTop2Small_1whn1_791 {\n margin-top: 8px;\n }\n\n ._marginTop3Small_1whn1_795 {\n margin-top: 12px;\n }\n\n ._marginTop4Small_1whn1_799 {\n margin-top: 16px;\n }\n\n ._marginTop5Small_1whn1_803 {\n margin-top: 20px;\n }\n\n ._marginTop6Small_1whn1_807 {\n margin-top: 24px;\n }\n\n ._marginTop7Small_1whn1_811 {\n margin-top: 28px;\n }\n\n ._marginTop8Small_1whn1_815 {\n margin-top: 32px;\n }\n\n ._marginTop9Small_1whn1_819 {\n margin-top: 36px;\n }\n\n ._marginTop10Small_1whn1_823 {\n margin-top: 40px;\n }\n\n ._marginTop11Small_1whn1_827 {\n margin-top: 44px;\n }\n\n ._marginTop12Small_1whn1_831 {\n margin-top: 48px;\n }\n\n ._marginTopautoSmall_1whn1_835 {\n margin-top: auto;\n }\n}\n\n/* Margin (large and up) */\n@media (min-width: 960px) {\n ._marginBottom-12Large_1whn1_842 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Large_1whn1_846 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Large_1whn1_850 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Large_1whn1_854 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Large_1whn1_858 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Large_1whn1_862 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Large_1whn1_866 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Large_1whn1_870 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Large_1whn1_874 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Large_1whn1_878 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Large_1whn1_882 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Large_1whn1_886 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Large_1whn1_890 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Large_1whn1_894 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Large_1whn1_898 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Large_1whn1_902 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Large_1whn1_906 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Large_1whn1_910 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Large_1whn1_914 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Large_1whn1_918 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Large_1whn1_922 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Large_1whn1_926 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Large_1whn1_930 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Large_1whn1_934 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Large_1whn1_938 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoLarge_1whn1_942 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Large_1whn1_946 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Large_1whn1_950 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Large_1whn1_954 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Large_1whn1_958 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Large_1whn1_962 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Large_1whn1_966 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Large_1whn1_970 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Large_1whn1_974 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Large_1whn1_978 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Large_1whn1_982 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Large_1whn1_986 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Large_1whn1_990 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Large_1whn1_994 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Large_1whn1_998 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Large_1whn1_1002 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Large_1whn1_1006 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Large_1whn1_1010 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Large_1whn1_1014 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Large_1whn1_1018 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Large_1whn1_1022 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Large_1whn1_1026 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Large_1whn1_1030 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Large_1whn1_1034 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Large_1whn1_1038 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Large_1whn1_1042 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoLarge_1whn1_1046 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Large_1whn1_1050 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Large_1whn1_1054 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Large_1whn1_1058 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Large_1whn1_1062 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Large_1whn1_1066 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Large_1whn1_1070 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Large_1whn1_1074 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Large_1whn1_1078 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Large_1whn1_1082 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Large_1whn1_1086 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Large_1whn1_1090 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Large_1whn1_1094 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Large_1whn1_1098 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Large_1whn1_1102 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Large_1whn1_1106 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Large_1whn1_1110 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Large_1whn1_1114 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Large_1whn1_1118 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Large_1whn1_1122 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Large_1whn1_1126 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Large_1whn1_1130 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Large_1whn1_1134 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Large_1whn1_1138 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Large_1whn1_1142 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Large_1whn1_1146 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoLarge_1whn1_1150 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Large_1whn1_1154 {\n margin-top: -48px;\n }\n\n ._marginTop-11Large_1whn1_1158 {\n margin-top: -44px;\n }\n\n ._marginTop-10Large_1whn1_1162 {\n margin-top: -40px;\n }\n\n ._marginTop-9Large_1whn1_1166 {\n margin-top: -36px;\n }\n\n ._marginTop-8Large_1whn1_1170 {\n margin-top: -32px;\n }\n\n ._marginTop-7Large_1whn1_1174 {\n margin-top: -28px;\n }\n\n ._marginTop-6Large_1whn1_1178 {\n margin-top: -24px;\n }\n\n ._marginTop-5Large_1whn1_1182 {\n margin-top: -20px;\n }\n\n ._marginTop-4Large_1whn1_1186 {\n margin-top: -16px;\n }\n\n ._marginTop-3Large_1whn1_1190 {\n margin-top: -12px;\n }\n\n ._marginTop-2Large_1whn1_1194 {\n margin-top: -8px;\n }\n\n ._marginTop-1Large_1whn1_1198 {\n margin-top: -4px;\n }\n\n ._marginTop0Large_1whn1_1202 {\n margin-top: 0;\n }\n\n ._marginTop1Large_1whn1_1206 {\n margin-top: 4px;\n }\n\n ._marginTop2Large_1whn1_1210 {\n margin-top: 8px;\n }\n\n ._marginTop3Large_1whn1_1214 {\n margin-top: 12px;\n }\n\n ._marginTop4Large_1whn1_1218 {\n margin-top: 16px;\n }\n\n ._marginTop5Large_1whn1_1222 {\n margin-top: 20px;\n }\n\n ._marginTop6Large_1whn1_1226 {\n margin-top: 24px;\n }\n\n ._marginTop7Large_1whn1_1230 {\n margin-top: 28px;\n }\n\n ._marginTop8Large_1whn1_1234 {\n margin-top: 32px;\n }\n\n ._marginTop9Large_1whn1_1238 {\n margin-top: 36px;\n }\n\n ._marginTop10Large_1whn1_1242 {\n margin-top: 40px;\n }\n\n ._marginTop11Large_1whn1_1246 {\n margin-top: 44px;\n }\n\n ._marginTop12Large_1whn1_1250 {\n margin-top: 48px;\n }\n\n ._marginTopautoLarge_1whn1_1254 {\n margin-top: auto;\n }\n}\n","/* Padding */\n._paddingX0_1aqye_2 {\n padding-left: 0;\n padding-right: 0;\n}\n\n._paddingX1_1aqye_7 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n._paddingX2_1aqye_12 {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n._paddingX3_1aqye_17 {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n._paddingX4_1aqye_22 {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n._paddingX5_1aqye_27 {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n._paddingX6_1aqye_32 {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n._paddingX7_1aqye_37 {\n padding-left: 28px;\n padding-right: 28px;\n}\n\n._paddingX8_1aqye_42 {\n padding-left: 32px;\n padding-right: 32px;\n}\n\n._paddingX9_1aqye_47 {\n padding-left: 36px;\n padding-right: 36px;\n}\n\n._paddingX10_1aqye_52 {\n padding-left: 40px;\n padding-right: 40px;\n}\n\n._paddingX11_1aqye_57 {\n padding-left: 44px;\n padding-right: 44px;\n}\n\n._paddingX12_1aqye_62 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n._paddingY0_1aqye_67 {\n padding-bottom: 0;\n padding-top: 0;\n}\n\n._paddingY1_1aqye_72 {\n padding-bottom: 4px;\n padding-top: 4px;\n}\n\n._paddingY2_1aqye_77 {\n padding-bottom: 8px;\n padding-top: 8px;\n}\n\n._paddingY3_1aqye_82 {\n padding-bottom: 12px;\n padding-top: 12px;\n}\n\n._paddingY4_1aqye_87 {\n padding-bottom: 16px;\n padding-top: 16px;\n}\n\n._paddingY5_1aqye_92 {\n padding-bottom: 20px;\n padding-top: 20px;\n}\n\n._paddingY6_1aqye_97 {\n padding-bottom: 24px;\n padding-top: 24px;\n}\n\n._paddingY7_1aqye_102 {\n padding-bottom: 28px;\n padding-top: 28px;\n}\n\n._paddingY8_1aqye_107 {\n padding-bottom: 32px;\n padding-top: 32px;\n}\n\n._paddingY9_1aqye_112 {\n padding-bottom: 36px;\n padding-top: 36px;\n}\n\n._paddingY10_1aqye_117 {\n padding-bottom: 40px;\n padding-top: 40px;\n}\n\n._paddingY11_1aqye_122 {\n padding-bottom: 44px;\n padding-top: 44px;\n}\n\n._paddingY12_1aqye_127 {\n padding-bottom: 48px;\n padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n ._paddingX0Small_1aqye_134 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Small_1aqye_139 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Small_1aqye_144 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Small_1aqye_149 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Small_1aqye_154 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Small_1aqye_159 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Small_1aqye_164 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Small_1aqye_169 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Small_1aqye_174 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Small_1aqye_179 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Small_1aqye_184 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Small_1aqye_189 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Small_1aqye_194 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Small_1aqye_199 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Small_1aqye_204 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Small_1aqye_209 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Small_1aqye_214 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Small_1aqye_219 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Small_1aqye_224 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Small_1aqye_229 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Small_1aqye_234 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Small_1aqye_239 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Small_1aqye_244 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Small_1aqye_249 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Small_1aqye_254 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Small_1aqye_259 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n ._paddingX0Large_1aqye_267 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Large_1aqye_272 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Large_1aqye_277 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Large_1aqye_282 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Large_1aqye_287 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Large_1aqye_292 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Large_1aqye_297 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Large_1aqye_302 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Large_1aqye_307 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Large_1aqye_312 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Large_1aqye_317 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Large_1aqye_322 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Large_1aqye_327 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Large_1aqye_332 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Large_1aqye_337 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Large_1aqye_342 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Large_1aqye_347 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Large_1aqye_352 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Large_1aqye_357 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Large_1aqye_362 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Large_1aqye_367 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Large_1aqye_372 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Large_1aqye_377 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Large_1aqye_382 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Large_1aqye_387 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Large_1aqye_392 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n","._borderprimary_9mhuu_1 {\n border: 1px solid var(--color-cambio-gray-370);\n}\n\n._bordernone_9mhuu_5 {\n border: none;\n}\n","/* Regular Colors */\n._inheritColor_15hp2_2 {\n color: inherit;\n}\n\n._destructive700Color_15hp2_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_15hp2_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_15hp2_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_15hp2_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_15hp2_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_15hp2_26 {\n color: var(--color-base-white);\n}\n\n._blackColor_15hp2_30 {\n color: var(--color-base-black);\n}\n\n._destructive100Color_15hp2_34 {\n color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_15hp2_38 {\n color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_15hp2_42 {\n color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_15hp2_46 {\n color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_15hp2_50 {\n color: var(--color-base-destructive-900);\n}\n\n._gray10Color_15hp2_54 {\n color: var(--color-base-gray-10);\n}\n\n._gray30Color_15hp2_58 {\n color: var(--color-base-gray-30);\n}\n\n._gray60Color_15hp2_62 {\n color: var(--color-base-gray-60);\n}\n\n._gray80Color_15hp2_66 {\n color: var(--color-base-gray-80);\n}\n\n._gray100Color_15hp2_70 {\n color: var(--color-base-gray-100);\n}\n\n._gray200Color_15hp2_74 {\n color: var(--color-base-gray-200);\n}\n\n._gray300Color_15hp2_78 {\n color: var(--color-base-gray-300);\n}\n\n._gray800Color_15hp2_82 {\n color: var(--color-base-gray-800);\n}\n\n._orange100Color_15hp2_86 {\n color: var(--color-base-orange-100);\n}\n\n._orange200Color_15hp2_90 {\n color: var(--color-base-orange-200);\n}\n\n._orange300Color_15hp2_94 {\n color: var(--color-base-orange-300);\n}\n\n._orange700Color_15hp2_98 {\n color: var(--color-base-orange-700);\n}\n\n._orange800Color_15hp2_102 {\n color: var(--color-base-orange-800);\n}\n\n._orange900Color_15hp2_106 {\n color: var(--color-base-orange-900);\n}\n\n._primary100Color_15hp2_110 {\n color: var(--color-base-primary-100);\n}\n\n._primary200Color_15hp2_114 {\n color: var(--color-base-primary-200);\n}\n\n._primary300Color_15hp2_118 {\n color: var(--color-base-primary-300);\n}\n\n._primary800Color_15hp2_122 {\n color: var(--color-base-primary-800);\n}\n\n._primary900Color_15hp2_126 {\n color: var(--color-base-primary-900);\n}\n\n._success100Color_15hp2_130 {\n color: var(--color-base-success-100);\n}\n\n._success200Color_15hp2_134 {\n color: var(--color-base-success-200);\n}\n\n._success300Color_15hp2_138 {\n color: var(--color-base-success-300);\n}\n\n._success800Color_15hp2_142 {\n color: var(--color-base-success-800);\n}\n\n._success900Color_15hp2_146 {\n color: var(--color-base-success-900);\n}\n\n._purple100Color_15hp2_150 {\n color: var(--color-base-purple-100);\n}\n\n._purple200Color_15hp2_154 {\n color: var(--color-base-purple-200);\n}\n\n._purple300Color_15hp2_158 {\n color: var(--color-base-purple-300);\n}\n\n._purple700Color_15hp2_162 {\n color: var(--color-base-purple-700);\n}\n\n._purple800Color_15hp2_166 {\n color: var(--color-base-purple-800);\n}\n\n._purple900Color_15hp2_170 {\n color: var(--color-base-purple-900);\n}\n\n._yellow100Color_15hp2_174 {\n color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_15hp2_178 {\n color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_15hp2_182 {\n color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_15hp2_186 {\n color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_15hp2_190 {\n color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_15hp2_194 {\n color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_15hp2_199 {\n border: none;\n}\n\n._blackBorderColor_15hp2_203 {\n box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_15hp2_207 {\n box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_15hp2_211 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_15hp2_215 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_15hp2_219 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_15hp2_223 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_15hp2_227 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_15hp2_231 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_15hp2_237 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_15hp2_241 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_15hp2_245 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_15hp2_249 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_15hp2_253 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_15hp2_257 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_15hp2_261 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_15hp2_265 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_15hp2_269 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_15hp2_273 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_15hp2_277 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_15hp2_281 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_15hp2_285 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_15hp2_289 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_15hp2_293 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_15hp2_297 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_15hp2_301 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_15hp2_305 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_15hp2_309 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_15hp2_313 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_15hp2_317 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_15hp2_321 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_15hp2_325 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_15hp2_329 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_15hp2_333 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_15hp2_337 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_15hp2_341 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_15hp2_345 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_15hp2_349 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_15hp2_353 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_15hp2_357 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_15hp2_361 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_15hp2_365 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_15hp2_369 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_15hp2_373 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_15hp2_377 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_15hp2_381 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_15hp2_385 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_15hp2_389 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_15hp2_393 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_15hp2_397 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_15hp2_401 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_15hp2_405 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_15hp2_409 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_15hp2_413 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_15hp2_417 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_15hp2_421 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_15hp2_425 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_15hp2_430 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_15hp2_434 {\n color: var(--color-cambio-white-100);\n}\n\n._cambioWhite40Color_15hp2_438 {\n color: var(--color-cambio-white-40);\n}\n\n._cambioWhite70Color_15hp2_442 {\n color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_15hp2_446 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_15hp2_450 {\n color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_15hp2_454 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_15hp2_458 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_15hp2_462 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_15hp2_466 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_15hp2_470 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_15hp2_474 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_15hp2_478 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_15hp2_482 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_15hp2_486 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_15hp2_490 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_15hp2_494 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_15hp2_498 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_15hp2_502 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_15hp2_506 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_15hp2_510 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_15hp2_514 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_15hp2_518 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_15hp2_522 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_15hp2_526 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_15hp2_530 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_15hp2_534 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_15hp2_538 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_15hp2_542 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_15hp2_546 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_15hp2_550 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_15hp2_554 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_15hp2_558 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_15hp2_562 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_15hp2_566 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_15hp2_570 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_15hp2_574 {\n color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_15hp2_578 {\n color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_15hp2_582 {\n color: var(--color-cambio-gray-870);\n}\n\n._redColor_15hp2_586 {\n color: var(--color-cambio-red);\n}\n\n._orangeColor_15hp2_590 {\n color: var(--color-cambio-orange);\n}\n\n._tanColor_15hp2_594 {\n color: var(--color-cambio-tan);\n}\n\n._creamColor_15hp2_598 {\n color: var(--color-cambio-cream);\n}\n\n._purpleColor_15hp2_602 {\n color: var(--color-cambio-purple);\n}\n\n._lilacColor_15hp2_606 {\n color: var(--color-cambio-lilac);\n}\n\n._thistleColor_15hp2_610 {\n color: var(--color-cambio-thistle);\n}\n\n._pinkColor_15hp2_614 {\n color: var(--color-cambio-pink);\n}\n\n._navyColor_15hp2_618 {\n color: var(--color-cambio-navy);\n}\n\n._tealColor_15hp2_622 {\n color: var(--color-cambio-teal);\n}\n\n._slateColor_15hp2_626 {\n color: var(--color-cambio-slate);\n}\n\n._skyColor_15hp2_630 {\n color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_15hp2_634 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_15hp2_638 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_15hp2_642 {\n background-color: var(--color-cambio-white-100);\n}\n\n._cambioWhite40BackgroundColor_15hp2_646 {\n background-color: var(--color-cambio-white-40);\n}\n\n._cambioWhite70BackgroundColor_15hp2_650 {\n background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_15hp2_654 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_15hp2_658 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_15hp2_662 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_15hp2_666 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_15hp2_670 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_15hp2_674 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_15hp2_678 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_15hp2_682 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_15hp2_686 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_15hp2_690 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_15hp2_694 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_15hp2_698 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_15hp2_702 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_15hp2_706 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_15hp2_710 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_15hp2_714 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_15hp2_718 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_15hp2_722 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_15hp2_726 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_15hp2_730 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_15hp2_734 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_15hp2_738 {\n background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_15hp2_742 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_15hp2_746 {\n background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_15hp2_750 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_15hp2_754 {\n background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_15hp2_758 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_15hp2_762 {\n background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_15hp2_766 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_15hp2_770 {\n background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_15hp2_774 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_15hp2_778 {\n background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_15hp2_782 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_15hp2_786 {\n background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_15hp2_790 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_15hp2_794 {\n background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_15hp2_798 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_15hp2_802 {\n background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_15hp2_806 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_15hp2_810 {\n background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_15hp2_814 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_15hp2_818 {\n background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_15hp2_822 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_15hp2_826 {\n background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_15hp2_830 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_15hp2_834 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_15hp2_838 {\n background-color: var(--color-cambio-yellow-700);\n}\n","/* Border Radius */\n._roundingsm_1j4mo_2 {\n border-radius: 4px;\n}\n\n._roundingmd_1j4mo_6 {\n border-radius: 8px;\n}\n\n._roundingfull_1j4mo_10 {\n border-radius: 999px;\n}\n","._typography_15w34_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_15w34_22 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_15w34_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_15w34_27,\n:lang(az) ._serif_15w34_27,\n:lang(fr) ._serif_15w34_27,\n:lang(de) ._serif_15w34_27,\n:lang(es) ._serif_15w34_27,\n:lang(it) ._serif_15w34_27,\n:lang(pl) ._serif_15w34_27,\n:lang(pt) ._serif_15w34_27,\n:lang(tr) ._serif_15w34_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_15w34_73 {\n font-size: 12px;\n}\n\n._size100_15w34_77 {\n font-size: 13px;\n}\n\n._size200_15w34_81 {\n font-size: 16px;\n}\n\n._size300_15w34_85 {\n font-size: 19px;\n}\n\n._size400_15w34_89 {\n font-size: 25px;\n}\n\n._size500_15w34_93 {\n font-size: 32px;\n}\n\n._size700_15w34_97 {\n font-size: 38px;\n}\n\n._size800_15w34_101 {\n font-size: 46px;\n}\n\n._size900_15w34_105 {\n font-size: 55px;\n}\n\n._size1100_15w34_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_15w34_85 {\n font-size: 20px;\n }\n\n ._size700_15w34_97 {\n font-size: 49px;\n }\n\n ._size800_15w34_101 {\n font-size: 63px;\n }\n\n ._size900_15w34_105 {\n font-size: 76px;\n }\n\n ._size1100_15w34_109 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_15w34_137 {\n text-align: center;\n}\n\n._forceLeft_15w34_141 {\n text-align: left;\n}\n\n._forceRight_15w34_145 {\n text-align: right;\n}\n\n._start_15w34_149 {\n text-align: start;\n}\n\n._end_15w34_153 {\n text-align: end;\n}\n\n/* Boldness */\n\n._regular_15w34_159 {\n font-weight: 400;\n}\n\n._medium_15w34_163 {\n font-weight: 510;\n}\n\n._semiBold_15w34_167 {\n font-weight: 590;\n}\n\n._bold_15w34_171 {\n font-weight: 700;\n}\n\n._underline_15w34_175 {\n text-decoration: underline;\n}\n\n._inline_15w34_179 {\n display: inline;\n}\n\n._uppercase_15w34_183 {\n text-transform: uppercase;\n}\n\n._lineClamp_15w34_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_15w34_196 {\n line-height: 150%;\n}\n\n._p200_15w34_200 {\n line-height: 150%;\n}\n\n._p300_15w34_204 {\n line-height: 140%;\n}\n\n._p400_15w34_208 {\n line-height: 130%;\n}\n\n._p500_15w34_212 {\n line-height: 115%;\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACtDF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC5cF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;;;ACruCJ;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;;;ACzYJ;AACE;AAAA;AAGF;AACE;AAAA;;;ACJF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACr0BF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACVF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;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;","names":[]}
1
+ {"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css/#css-module-data","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/Badge/Badge.module.css/#css-module-data"],"sourcesContent":["._textfield_f2wi6_1 {\n appearance: none;\n border: 1px solid var(--color-cambio-gray-370);\n border-radius: 8px;\n box-sizing: border-box;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n width: 100%;\n font-size: 16px;\n}\n\n._transparent_f2wi6_13 {\n background: transparent;\n border: 1px solid var(--color-cambio-white-100);\n color: var(--color-cambio-white-100);\n}\n\n._textfield_f2wi6_1:focus {\n outline: none;\n box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._textfield_f2wi6_1:disabled {\n cursor: auto;\n}\n\n._label_f2wi6_28 {\n cursor: pointer;\n}\n\n._md_f2wi6_32 {\n padding: 12px;\n}\n\n._height_f2wi6_36 {\n height: 48px;\n}\n\n._inputError_f2wi6_40 {\n color: var(--color-cambio-destructive-900);\n border: 1px solid var(--color-cambio-destructive-700);\n}\n\n._inputError_f2wi6_40::placeholder {\n color: var(--color-cambio-destructive-900);\n}\n\n._transparentInputError_f2wi6_49 {\n color: var(--color-cambio-destructive-370);\n border: 1px solid var(--color-cambio-destructive-300);\n}\n\n._transparenInputError_f2wi6_54::placeholder {\n color: var(--color-cambio-destructive-370);\n}\n","._box_xcjsm_1 {\n box-sizing: border-box;\n}\n\n._flexnone_xcjsm_5 {\n flex: 0 0 auto;\n}\n\n._flexgrow_xcjsm_9 {\n flex: 1 1 auto;\n}\n\n._flexWrap_xcjsm_13 {\n flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_xcjsm_18 {\n align-items: center;\n}\n\n._alignItemsstart_xcjsm_22 {\n align-items: flex-start;\n}\n\n._alignItemsend_xcjsm_26 {\n align-items: flex-end;\n}\n\n._alignItemsstretch_xcjsm_30 {\n align-items: stretch;\n}\n\n._alignItemsbaseline_xcjsm_34 {\n align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n ._alignItemscenterSmall_xcjsm_40 {\n align-items: center;\n }\n\n ._alignItemsstartSmall_xcjsm_44 {\n align-items: flex-start;\n }\n\n ._alignItemsendSmall_xcjsm_48 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchSmall_xcjsm_52 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineSmall_xcjsm_56 {\n align-items: baseline;\n }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n ._alignItemscenterLarge_xcjsm_63 {\n align-items: center;\n }\n\n ._alignItemsstartLarge_xcjsm_67 {\n align-items: flex-start;\n }\n\n ._alignItemsendLarge_xcjsm_71 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchLarge_xcjsm_75 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineLarge_xcjsm_79 {\n align-items: baseline;\n }\n}\n\n/* Align self */\n._alignSelfcenter_xcjsm_85 {\n align-self: center;\n}\n\n._alignSelfstart_xcjsm_89 {\n align-self: flex-start;\n}\n\n._alignSelfend_xcjsm_93 {\n align-self: flex-end;\n}\n\n._alignSelfstretch_xcjsm_97 {\n align-self: stretch;\n}\n\n._alignSelfbaseline_xcjsm_101 {\n align-self: baseline;\n}\n\n._alignSelfauto_xcjsm_105 {\n align-self: auto;\n}\n\n/* Display (base) */\n._block_xcjsm_110 {\n display: block;\n}\n\n._flex_xcjsm_5 {\n display: flex;\n}\n\n._inlineBlock_xcjsm_118 {\n display: inline-block;\n}\n\n._inlineFlex_xcjsm_122 {\n display: inline-flex;\n}\n\n._none_xcjsm_126 {\n display: none;\n}\n\n._visuallyHidden_xcjsm_130 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n ._blockSmall_xcjsm_144 {\n display: block;\n }\n\n ._flexSmall_xcjsm_148 {\n display: flex;\n }\n\n ._inlineBlockSmall_xcjsm_152 {\n display: inline-block;\n }\n\n ._inlineFlexSmall_xcjsm_156 {\n display: inline-flex;\n }\n\n ._noneSmall_xcjsm_160 {\n display: none;\n }\n\n ._visuallyHiddenSmall_xcjsm_164 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n ._blockLarge_xcjsm_179 {\n display: block;\n }\n\n ._flexLarge_xcjsm_183 {\n display: flex;\n }\n\n ._inlineBlockLarge_xcjsm_187 {\n display: inline-block;\n }\n\n ._inlineFlexLarge_xcjsm_191 {\n display: inline-flex;\n }\n\n ._noneLarge_xcjsm_195 {\n display: none;\n }\n\n ._visuallyHiddenLarge_xcjsm_199 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Direction */\n._column_xcjsm_213 {\n flex-direction: column;\n}\n\n._row_xcjsm_217 {\n flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n ._columnSmall_xcjsm_223 {\n flex-direction: column;\n }\n\n ._rowSmall_xcjsm_227 {\n flex-direction: row;\n }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n ._columnLarge_xcjsm_234 {\n flex-direction: column;\n }\n\n ._rowLarge_xcjsm_238 {\n flex-direction: row;\n }\n}\n\n/* Gap */\n._gap0_xcjsm_244 {\n gap: 0;\n}\n\n._gap1_xcjsm_248 {\n gap: 4px;\n}\n\n._gap2_xcjsm_252 {\n gap: 8px;\n}\n\n._gap3_xcjsm_256 {\n gap: 12px;\n}\n\n._gap4_xcjsm_260 {\n gap: 16px;\n}\n\n._gap5_xcjsm_264 {\n gap: 20px;\n}\n\n._gap6_xcjsm_268 {\n gap: 24px;\n}\n\n._gap7_xcjsm_272 {\n gap: 28px;\n}\n\n._gap8_xcjsm_276 {\n gap: 32px;\n}\n\n._gap9_xcjsm_280 {\n gap: 36px;\n}\n\n._gap10_xcjsm_284 {\n gap: 40px;\n}\n\n._gap11_xcjsm_288 {\n gap: 44px;\n}\n\n._gap12_xcjsm_292 {\n gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_xcjsm_297 {\n justify-content: center;\n}\n\n._justifyContentstart_xcjsm_301 {\n justify-content: flex-start;\n}\n\n._justifyContentend_xcjsm_305 {\n justify-content: flex-end;\n}\n\n._justifyContentbetween_xcjsm_309 {\n justify-content: space-between;\n}\n\n._justifyContentaround_xcjsm_313 {\n justify-content: space-around;\n}\n\n._justifyContentevenly_xcjsm_317 {\n justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n ._justifyContentcenterSmall_xcjsm_323 {\n justify-content: center;\n }\n\n ._justifyContentstartSmall_xcjsm_327 {\n justify-content: flex-start;\n }\n\n ._justifyContentendSmall_xcjsm_331 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenSmall_xcjsm_335 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundSmall_xcjsm_339 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlySmall_xcjsm_343 {\n justify-content: space-evenly;\n }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n ._justifyContentcenterLarge_xcjsm_350 {\n justify-content: center;\n }\n\n ._justifyContentstartLarge_xcjsm_354 {\n justify-content: flex-start;\n }\n\n ._justifyContentendLarge_xcjsm_358 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenLarge_xcjsm_362 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundLarge_xcjsm_366 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlyLarge_xcjsm_370 {\n justify-content: space-evenly;\n }\n}\n\n/* Overflow */\n._overflowvisible_xcjsm_376 {\n overflow: visible;\n}\n\n._overflowhidden_xcjsm_380 {\n overflow: hidden;\n}\n\n._overflowscroll_xcjsm_384 {\n overflow: scroll;\n}\n\n._overflowauto_xcjsm_388 {\n overflow: auto;\n}\n\n._overflowinherit_xcjsm_392 {\n overflow: inherit;\n}\n\n._overflowinitial_xcjsm_396 {\n overflow: initial;\n}\n\n._overflowXvisible_xcjsm_400 {\n overflow-x: visible;\n}\n\n._overflowXhidden_xcjsm_404 {\n overflow-x: hidden;\n}\n\n._overflowXscroll_xcjsm_408 {\n overflow-x: scroll;\n}\n\n._overflowXauto_xcjsm_412 {\n overflow-x: auto;\n}\n\n._overflowXinherit_xcjsm_416 {\n overflow-x: inherit;\n}\n\n._overflowXinitial_xcjsm_420 {\n overflow-x: initial;\n}\n\n._overflowYvisible_xcjsm_424 {\n overflow-y: visible;\n}\n\n._overflowYhidden_xcjsm_428 {\n overflow-y: hidden;\n}\n\n._overflowYscroll_xcjsm_432 {\n overflow-y: scroll;\n}\n\n._overflowYauto_xcjsm_436 {\n overflow-y: auto;\n}\n\n._overflowYinherit_xcjsm_440 {\n overflow-y: inherit;\n}\n\n._overflowYinitial_xcjsm_444 {\n overflow-y: initial;\n}\n\n/* Position */\n._absolute_xcjsm_449 {\n position: absolute;\n}\n\n._fixed_xcjsm_453 {\n position: fixed;\n}\n\n._relative_xcjsm_457 {\n position: relative;\n}\n\n._sticky_xcjsm_461 {\n position: sticky;\n}\n","/* Margin bottom */\n._marginBottom-12_1whn1_2 {\n margin-bottom: -48px;\n}\n\n._marginBottom-11_1whn1_6 {\n margin-bottom: -44px;\n}\n\n._marginBottom-10_1whn1_10 {\n margin-bottom: -40px;\n}\n\n._marginBottom-9_1whn1_14 {\n margin-bottom: -36px;\n}\n\n._marginBottom-8_1whn1_18 {\n margin-bottom: -32px;\n}\n\n._marginBottom-7_1whn1_22 {\n margin-bottom: -28px;\n}\n\n._marginBottom-6_1whn1_26 {\n margin-bottom: -24px;\n}\n\n._marginBottom-5_1whn1_30 {\n margin-bottom: -20px;\n}\n\n._marginBottom-4_1whn1_34 {\n margin-bottom: -16px;\n}\n\n._marginBottom-3_1whn1_38 {\n margin-bottom: -12px;\n}\n\n._marginBottom-2_1whn1_42 {\n margin-bottom: -8px;\n}\n\n._marginBottom-1_1whn1_2 {\n margin-bottom: -4px;\n}\n\n._marginBottom0_1whn1_50 {\n margin-bottom: 0;\n}\n\n._marginBottom1_1whn1_54 {\n margin-bottom: 4px;\n}\n\n._marginBottom2_1whn1_58 {\n margin-bottom: 8px;\n}\n\n._marginBottom3_1whn1_62 {\n margin-bottom: 12px;\n}\n\n._marginBottom4_1whn1_66 {\n margin-bottom: 16px;\n}\n\n._marginBottom5_1whn1_70 {\n margin-bottom: 20px;\n}\n\n._marginBottom6_1whn1_74 {\n margin-bottom: 24px;\n}\n\n._marginBottom7_1whn1_78 {\n margin-bottom: 28px;\n}\n\n._marginBottom8_1whn1_82 {\n margin-bottom: 32px;\n}\n\n._marginBottom9_1whn1_86 {\n margin-bottom: 36px;\n}\n\n._marginBottom10_1whn1_90 {\n margin-bottom: 40px;\n}\n\n._marginBottom11_1whn1_94 {\n margin-bottom: 44px;\n}\n\n._marginBottom12_1whn1_98 {\n margin-bottom: 48px;\n}\n\n._marginBottomauto_1whn1_102 {\n margin-bottom: auto;\n}\n\n/* Margin end */\n._marginEnd-12_1whn1_107 {\n margin-inline-end: -48px;\n}\n\n._marginEnd-11_1whn1_111 {\n margin-inline-end: -44px;\n}\n\n._marginEnd-10_1whn1_115 {\n margin-inline-end: -40px;\n}\n\n._marginEnd-9_1whn1_119 {\n margin-inline-end: -36px;\n}\n\n._marginEnd-8_1whn1_123 {\n margin-inline-end: -32px;\n}\n\n._marginEnd-7_1whn1_127 {\n margin-inline-end: -28px;\n}\n\n._marginEnd-6_1whn1_131 {\n margin-inline-end: -24px;\n}\n\n._marginEnd-5_1whn1_135 {\n margin-inline-end: -20px;\n}\n\n._marginEnd-4_1whn1_139 {\n margin-inline-end: -16px;\n}\n\n._marginEnd-3_1whn1_143 {\n margin-inline-end: -12px;\n}\n\n._marginEnd-2_1whn1_147 {\n margin-inline-end: -8px;\n}\n\n._marginEnd-1_1whn1_107 {\n margin-inline-end: -4px;\n}\n\n._marginEnd0_1whn1_155 {\n margin-inline-end: 0;\n}\n\n._marginEnd1_1whn1_159 {\n margin-inline-end: 4px;\n}\n\n._marginEnd2_1whn1_163 {\n margin-inline-end: 8px;\n}\n\n._marginEnd3_1whn1_167 {\n margin-inline-end: 12px;\n}\n\n._marginEnd4_1whn1_171 {\n margin-inline-end: 16px;\n}\n\n._marginEnd5_1whn1_175 {\n margin-inline-end: 20px;\n}\n\n._marginEnd6_1whn1_179 {\n margin-inline-end: 24px;\n}\n\n._marginEnd7_1whn1_183 {\n margin-inline-end: 28px;\n}\n\n._marginEnd8_1whn1_187 {\n margin-inline-end: 32px;\n}\n\n._marginEnd9_1whn1_191 {\n margin-inline-end: 36px;\n}\n\n._marginEnd10_1whn1_195 {\n margin-inline-end: 40px;\n}\n\n._marginEnd11_1whn1_199 {\n margin-inline-end: 44px;\n}\n\n._marginEnd12_1whn1_203 {\n margin-inline-end: 48px;\n}\n\n._marginEndauto_1whn1_207 {\n margin-inline-end: auto;\n}\n\n/* Margin start */\n._marginStart-12_1whn1_212 {\n margin-inline-start: -48px;\n}\n\n._marginStart-11_1whn1_216 {\n margin-inline-start: -44px;\n}\n\n._marginStart-10_1whn1_220 {\n margin-inline-start: -40px;\n}\n\n._marginStart-9_1whn1_224 {\n margin-inline-start: -36px;\n}\n\n._marginStart-8_1whn1_228 {\n margin-inline-start: -32px;\n}\n\n._marginStart-7_1whn1_232 {\n margin-inline-start: -28px;\n}\n\n._marginStart-6_1whn1_236 {\n margin-inline-start: -24px;\n}\n\n._marginStart-5_1whn1_240 {\n margin-inline-start: -20px;\n}\n\n._marginStart-4_1whn1_244 {\n margin-inline-start: -16px;\n}\n\n._marginStart-3_1whn1_248 {\n margin-inline-start: -12px;\n}\n\n._marginStart-2_1whn1_252 {\n margin-inline-start: -8px;\n}\n\n._marginStart-1_1whn1_212 {\n margin-inline-start: -4px;\n}\n\n._marginStart0_1whn1_260 {\n margin-inline-start: 0;\n}\n\n._marginStart1_1whn1_264 {\n margin-inline-start: 4px;\n}\n\n._marginStart2_1whn1_268 {\n margin-inline-start: 8px;\n}\n\n._marginStart3_1whn1_272 {\n margin-inline-start: 12px;\n}\n\n._marginStart4_1whn1_276 {\n margin-inline-start: 16px;\n}\n\n._marginStart5_1whn1_280 {\n margin-inline-start: 20px;\n}\n\n._marginStart6_1whn1_284 {\n margin-inline-start: 24px;\n}\n\n._marginStart7_1whn1_288 {\n margin-inline-start: 28px;\n}\n\n._marginStart8_1whn1_292 {\n margin-inline-start: 32px;\n}\n\n._marginStart9_1whn1_296 {\n margin-inline-start: 36px;\n}\n\n._marginStart10_1whn1_300 {\n margin-inline-start: 40px;\n}\n\n._marginStart11_1whn1_304 {\n margin-inline-start: 44px;\n}\n\n._marginStart12_1whn1_308 {\n margin-inline-start: 48px;\n}\n\n._marginStartauto_1whn1_312 {\n margin-inline-start: auto;\n}\n\n/* Margin top */\n._marginTop-12_1whn1_317 {\n margin-top: -48px;\n}\n\n._marginTop-11_1whn1_321 {\n margin-top: -44px;\n}\n\n._marginTop-10_1whn1_325 {\n margin-top: -40px;\n}\n\n._marginTop-9_1whn1_329 {\n margin-top: -36px;\n}\n\n._marginTop-8_1whn1_333 {\n margin-top: -32px;\n}\n\n._marginTop-7_1whn1_337 {\n margin-top: -28px;\n}\n\n._marginTop-6_1whn1_341 {\n margin-top: -24px;\n}\n\n._marginTop-5_1whn1_345 {\n margin-top: -20px;\n}\n\n._marginTop-4_1whn1_349 {\n margin-top: -16px;\n}\n\n._marginTop-3_1whn1_353 {\n margin-top: -12px;\n}\n\n._marginTop-2_1whn1_357 {\n margin-top: -8px;\n}\n\n._marginTop-1_1whn1_317 {\n margin-top: -4px;\n}\n\n._marginTop0_1whn1_365 {\n margin-top: 0;\n}\n\n._marginTop1_1whn1_369 {\n margin-top: 4px;\n}\n\n._marginTop2_1whn1_373 {\n margin-top: 8px;\n}\n\n._marginTop3_1whn1_377 {\n margin-top: 12px;\n}\n\n._marginTop4_1whn1_381 {\n margin-top: 16px;\n}\n\n._marginTop5_1whn1_385 {\n margin-top: 20px;\n}\n\n._marginTop6_1whn1_389 {\n margin-top: 24px;\n}\n\n._marginTop7_1whn1_393 {\n margin-top: 28px;\n}\n\n._marginTop8_1whn1_397 {\n margin-top: 32px;\n}\n\n._marginTop9_1whn1_401 {\n margin-top: 36px;\n}\n\n._marginTop10_1whn1_405 {\n margin-top: 40px;\n}\n\n._marginTop11_1whn1_409 {\n margin-top: 44px;\n}\n\n._marginTop12_1whn1_413 {\n margin-top: 48px;\n}\n\n._marginTopauto_1whn1_417 {\n margin-top: auto;\n}\n\n/* Margin (small and up) */\n@media (min-width: 480px) {\n ._marginBottom-12Small_1whn1_423 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Small_1whn1_427 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Small_1whn1_431 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Small_1whn1_435 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Small_1whn1_439 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Small_1whn1_443 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Small_1whn1_447 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Small_1whn1_451 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Small_1whn1_455 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Small_1whn1_459 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Small_1whn1_463 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Small_1whn1_467 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Small_1whn1_471 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Small_1whn1_475 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Small_1whn1_479 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Small_1whn1_483 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Small_1whn1_487 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Small_1whn1_491 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Small_1whn1_495 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Small_1whn1_499 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Small_1whn1_503 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Small_1whn1_507 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Small_1whn1_511 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Small_1whn1_515 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Small_1whn1_519 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoSmall_1whn1_523 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Small_1whn1_527 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Small_1whn1_531 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Small_1whn1_535 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Small_1whn1_539 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Small_1whn1_543 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Small_1whn1_547 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Small_1whn1_551 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Small_1whn1_555 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Small_1whn1_559 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Small_1whn1_563 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Small_1whn1_567 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Small_1whn1_571 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Small_1whn1_575 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Small_1whn1_579 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Small_1whn1_583 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Small_1whn1_587 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Small_1whn1_591 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Small_1whn1_595 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Small_1whn1_599 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Small_1whn1_603 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Small_1whn1_607 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Small_1whn1_611 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Small_1whn1_615 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Small_1whn1_619 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Small_1whn1_623 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoSmall_1whn1_627 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Small_1whn1_631 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Small_1whn1_635 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Small_1whn1_639 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Small_1whn1_643 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Small_1whn1_647 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Small_1whn1_651 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Small_1whn1_655 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Small_1whn1_659 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Small_1whn1_663 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Small_1whn1_667 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Small_1whn1_671 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Small_1whn1_675 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Small_1whn1_679 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Small_1whn1_683 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Small_1whn1_687 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Small_1whn1_691 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Small_1whn1_695 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Small_1whn1_699 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Small_1whn1_703 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Small_1whn1_707 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Small_1whn1_711 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Small_1whn1_715 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Small_1whn1_719 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Small_1whn1_723 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Small_1whn1_727 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoSmall_1whn1_731 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Small_1whn1_735 {\n margin-top: -48px;\n }\n\n ._marginTop-11Small_1whn1_739 {\n margin-top: -44px;\n }\n\n ._marginTop-10Small_1whn1_743 {\n margin-top: -40px;\n }\n\n ._marginTop-9Small_1whn1_747 {\n margin-top: -36px;\n }\n\n ._marginTop-8Small_1whn1_751 {\n margin-top: -32px;\n }\n\n ._marginTop-7Small_1whn1_755 {\n margin-top: -28px;\n }\n\n ._marginTop-6Small_1whn1_759 {\n margin-top: -24px;\n }\n\n ._marginTop-5Small_1whn1_763 {\n margin-top: -20px;\n }\n\n ._marginTop-4Small_1whn1_767 {\n margin-top: -16px;\n }\n\n ._marginTop-3Small_1whn1_771 {\n margin-top: -12px;\n }\n\n ._marginTop-2Small_1whn1_775 {\n margin-top: -8px;\n }\n\n ._marginTop-1Small_1whn1_779 {\n margin-top: -4px;\n }\n\n ._marginTop0Small_1whn1_783 {\n margin-top: 0;\n }\n\n ._marginTop1Small_1whn1_787 {\n margin-top: 4px;\n }\n\n ._marginTop2Small_1whn1_791 {\n margin-top: 8px;\n }\n\n ._marginTop3Small_1whn1_795 {\n margin-top: 12px;\n }\n\n ._marginTop4Small_1whn1_799 {\n margin-top: 16px;\n }\n\n ._marginTop5Small_1whn1_803 {\n margin-top: 20px;\n }\n\n ._marginTop6Small_1whn1_807 {\n margin-top: 24px;\n }\n\n ._marginTop7Small_1whn1_811 {\n margin-top: 28px;\n }\n\n ._marginTop8Small_1whn1_815 {\n margin-top: 32px;\n }\n\n ._marginTop9Small_1whn1_819 {\n margin-top: 36px;\n }\n\n ._marginTop10Small_1whn1_823 {\n margin-top: 40px;\n }\n\n ._marginTop11Small_1whn1_827 {\n margin-top: 44px;\n }\n\n ._marginTop12Small_1whn1_831 {\n margin-top: 48px;\n }\n\n ._marginTopautoSmall_1whn1_835 {\n margin-top: auto;\n }\n}\n\n/* Margin (large and up) */\n@media (min-width: 960px) {\n ._marginBottom-12Large_1whn1_842 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Large_1whn1_846 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Large_1whn1_850 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Large_1whn1_854 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Large_1whn1_858 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Large_1whn1_862 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Large_1whn1_866 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Large_1whn1_870 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Large_1whn1_874 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Large_1whn1_878 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Large_1whn1_882 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Large_1whn1_886 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Large_1whn1_890 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Large_1whn1_894 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Large_1whn1_898 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Large_1whn1_902 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Large_1whn1_906 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Large_1whn1_910 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Large_1whn1_914 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Large_1whn1_918 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Large_1whn1_922 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Large_1whn1_926 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Large_1whn1_930 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Large_1whn1_934 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Large_1whn1_938 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoLarge_1whn1_942 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Large_1whn1_946 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Large_1whn1_950 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Large_1whn1_954 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Large_1whn1_958 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Large_1whn1_962 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Large_1whn1_966 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Large_1whn1_970 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Large_1whn1_974 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Large_1whn1_978 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Large_1whn1_982 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Large_1whn1_986 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Large_1whn1_990 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Large_1whn1_994 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Large_1whn1_998 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Large_1whn1_1002 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Large_1whn1_1006 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Large_1whn1_1010 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Large_1whn1_1014 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Large_1whn1_1018 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Large_1whn1_1022 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Large_1whn1_1026 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Large_1whn1_1030 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Large_1whn1_1034 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Large_1whn1_1038 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Large_1whn1_1042 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoLarge_1whn1_1046 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Large_1whn1_1050 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Large_1whn1_1054 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Large_1whn1_1058 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Large_1whn1_1062 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Large_1whn1_1066 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Large_1whn1_1070 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Large_1whn1_1074 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Large_1whn1_1078 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Large_1whn1_1082 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Large_1whn1_1086 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Large_1whn1_1090 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Large_1whn1_1094 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Large_1whn1_1098 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Large_1whn1_1102 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Large_1whn1_1106 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Large_1whn1_1110 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Large_1whn1_1114 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Large_1whn1_1118 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Large_1whn1_1122 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Large_1whn1_1126 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Large_1whn1_1130 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Large_1whn1_1134 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Large_1whn1_1138 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Large_1whn1_1142 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Large_1whn1_1146 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoLarge_1whn1_1150 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Large_1whn1_1154 {\n margin-top: -48px;\n }\n\n ._marginTop-11Large_1whn1_1158 {\n margin-top: -44px;\n }\n\n ._marginTop-10Large_1whn1_1162 {\n margin-top: -40px;\n }\n\n ._marginTop-9Large_1whn1_1166 {\n margin-top: -36px;\n }\n\n ._marginTop-8Large_1whn1_1170 {\n margin-top: -32px;\n }\n\n ._marginTop-7Large_1whn1_1174 {\n margin-top: -28px;\n }\n\n ._marginTop-6Large_1whn1_1178 {\n margin-top: -24px;\n }\n\n ._marginTop-5Large_1whn1_1182 {\n margin-top: -20px;\n }\n\n ._marginTop-4Large_1whn1_1186 {\n margin-top: -16px;\n }\n\n ._marginTop-3Large_1whn1_1190 {\n margin-top: -12px;\n }\n\n ._marginTop-2Large_1whn1_1194 {\n margin-top: -8px;\n }\n\n ._marginTop-1Large_1whn1_1198 {\n margin-top: -4px;\n }\n\n ._marginTop0Large_1whn1_1202 {\n margin-top: 0;\n }\n\n ._marginTop1Large_1whn1_1206 {\n margin-top: 4px;\n }\n\n ._marginTop2Large_1whn1_1210 {\n margin-top: 8px;\n }\n\n ._marginTop3Large_1whn1_1214 {\n margin-top: 12px;\n }\n\n ._marginTop4Large_1whn1_1218 {\n margin-top: 16px;\n }\n\n ._marginTop5Large_1whn1_1222 {\n margin-top: 20px;\n }\n\n ._marginTop6Large_1whn1_1226 {\n margin-top: 24px;\n }\n\n ._marginTop7Large_1whn1_1230 {\n margin-top: 28px;\n }\n\n ._marginTop8Large_1whn1_1234 {\n margin-top: 32px;\n }\n\n ._marginTop9Large_1whn1_1238 {\n margin-top: 36px;\n }\n\n ._marginTop10Large_1whn1_1242 {\n margin-top: 40px;\n }\n\n ._marginTop11Large_1whn1_1246 {\n margin-top: 44px;\n }\n\n ._marginTop12Large_1whn1_1250 {\n margin-top: 48px;\n }\n\n ._marginTopautoLarge_1whn1_1254 {\n margin-top: auto;\n }\n}\n","/* Padding */\n._paddingX0_1aqye_2 {\n padding-left: 0;\n padding-right: 0;\n}\n\n._paddingX1_1aqye_7 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n._paddingX2_1aqye_12 {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n._paddingX3_1aqye_17 {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n._paddingX4_1aqye_22 {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n._paddingX5_1aqye_27 {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n._paddingX6_1aqye_32 {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n._paddingX7_1aqye_37 {\n padding-left: 28px;\n padding-right: 28px;\n}\n\n._paddingX8_1aqye_42 {\n padding-left: 32px;\n padding-right: 32px;\n}\n\n._paddingX9_1aqye_47 {\n padding-left: 36px;\n padding-right: 36px;\n}\n\n._paddingX10_1aqye_52 {\n padding-left: 40px;\n padding-right: 40px;\n}\n\n._paddingX11_1aqye_57 {\n padding-left: 44px;\n padding-right: 44px;\n}\n\n._paddingX12_1aqye_62 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n._paddingY0_1aqye_67 {\n padding-bottom: 0;\n padding-top: 0;\n}\n\n._paddingY1_1aqye_72 {\n padding-bottom: 4px;\n padding-top: 4px;\n}\n\n._paddingY2_1aqye_77 {\n padding-bottom: 8px;\n padding-top: 8px;\n}\n\n._paddingY3_1aqye_82 {\n padding-bottom: 12px;\n padding-top: 12px;\n}\n\n._paddingY4_1aqye_87 {\n padding-bottom: 16px;\n padding-top: 16px;\n}\n\n._paddingY5_1aqye_92 {\n padding-bottom: 20px;\n padding-top: 20px;\n}\n\n._paddingY6_1aqye_97 {\n padding-bottom: 24px;\n padding-top: 24px;\n}\n\n._paddingY7_1aqye_102 {\n padding-bottom: 28px;\n padding-top: 28px;\n}\n\n._paddingY8_1aqye_107 {\n padding-bottom: 32px;\n padding-top: 32px;\n}\n\n._paddingY9_1aqye_112 {\n padding-bottom: 36px;\n padding-top: 36px;\n}\n\n._paddingY10_1aqye_117 {\n padding-bottom: 40px;\n padding-top: 40px;\n}\n\n._paddingY11_1aqye_122 {\n padding-bottom: 44px;\n padding-top: 44px;\n}\n\n._paddingY12_1aqye_127 {\n padding-bottom: 48px;\n padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n ._paddingX0Small_1aqye_134 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Small_1aqye_139 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Small_1aqye_144 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Small_1aqye_149 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Small_1aqye_154 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Small_1aqye_159 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Small_1aqye_164 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Small_1aqye_169 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Small_1aqye_174 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Small_1aqye_179 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Small_1aqye_184 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Small_1aqye_189 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Small_1aqye_194 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Small_1aqye_199 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Small_1aqye_204 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Small_1aqye_209 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Small_1aqye_214 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Small_1aqye_219 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Small_1aqye_224 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Small_1aqye_229 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Small_1aqye_234 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Small_1aqye_239 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Small_1aqye_244 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Small_1aqye_249 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Small_1aqye_254 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Small_1aqye_259 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n ._paddingX0Large_1aqye_267 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Large_1aqye_272 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Large_1aqye_277 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Large_1aqye_282 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Large_1aqye_287 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Large_1aqye_292 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Large_1aqye_297 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Large_1aqye_302 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Large_1aqye_307 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Large_1aqye_312 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Large_1aqye_317 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Large_1aqye_322 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Large_1aqye_327 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Large_1aqye_332 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Large_1aqye_337 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Large_1aqye_342 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Large_1aqye_347 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Large_1aqye_352 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Large_1aqye_357 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Large_1aqye_362 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Large_1aqye_367 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Large_1aqye_372 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Large_1aqye_377 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Large_1aqye_382 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Large_1aqye_387 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Large_1aqye_392 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n","._borderprimary_9mhuu_1 {\n border: 1px solid var(--color-cambio-gray-370);\n}\n\n._bordernone_9mhuu_5 {\n border: none;\n}\n","/* Regular Colors */\n._inheritColor_15hp2_2 {\n color: inherit;\n}\n\n._destructive700Color_15hp2_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_15hp2_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_15hp2_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_15hp2_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_15hp2_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_15hp2_26 {\n color: var(--color-base-white);\n}\n\n._blackColor_15hp2_30 {\n color: var(--color-base-black);\n}\n\n._destructive100Color_15hp2_34 {\n color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_15hp2_38 {\n color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_15hp2_42 {\n color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_15hp2_46 {\n color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_15hp2_50 {\n color: var(--color-base-destructive-900);\n}\n\n._gray10Color_15hp2_54 {\n color: var(--color-base-gray-10);\n}\n\n._gray30Color_15hp2_58 {\n color: var(--color-base-gray-30);\n}\n\n._gray60Color_15hp2_62 {\n color: var(--color-base-gray-60);\n}\n\n._gray80Color_15hp2_66 {\n color: var(--color-base-gray-80);\n}\n\n._gray100Color_15hp2_70 {\n color: var(--color-base-gray-100);\n}\n\n._gray200Color_15hp2_74 {\n color: var(--color-base-gray-200);\n}\n\n._gray300Color_15hp2_78 {\n color: var(--color-base-gray-300);\n}\n\n._gray800Color_15hp2_82 {\n color: var(--color-base-gray-800);\n}\n\n._orange100Color_15hp2_86 {\n color: var(--color-base-orange-100);\n}\n\n._orange200Color_15hp2_90 {\n color: var(--color-base-orange-200);\n}\n\n._orange300Color_15hp2_94 {\n color: var(--color-base-orange-300);\n}\n\n._orange700Color_15hp2_98 {\n color: var(--color-base-orange-700);\n}\n\n._orange800Color_15hp2_102 {\n color: var(--color-base-orange-800);\n}\n\n._orange900Color_15hp2_106 {\n color: var(--color-base-orange-900);\n}\n\n._primary100Color_15hp2_110 {\n color: var(--color-base-primary-100);\n}\n\n._primary200Color_15hp2_114 {\n color: var(--color-base-primary-200);\n}\n\n._primary300Color_15hp2_118 {\n color: var(--color-base-primary-300);\n}\n\n._primary800Color_15hp2_122 {\n color: var(--color-base-primary-800);\n}\n\n._primary900Color_15hp2_126 {\n color: var(--color-base-primary-900);\n}\n\n._success100Color_15hp2_130 {\n color: var(--color-base-success-100);\n}\n\n._success200Color_15hp2_134 {\n color: var(--color-base-success-200);\n}\n\n._success300Color_15hp2_138 {\n color: var(--color-base-success-300);\n}\n\n._success800Color_15hp2_142 {\n color: var(--color-base-success-800);\n}\n\n._success900Color_15hp2_146 {\n color: var(--color-base-success-900);\n}\n\n._purple100Color_15hp2_150 {\n color: var(--color-base-purple-100);\n}\n\n._purple200Color_15hp2_154 {\n color: var(--color-base-purple-200);\n}\n\n._purple300Color_15hp2_158 {\n color: var(--color-base-purple-300);\n}\n\n._purple700Color_15hp2_162 {\n color: var(--color-base-purple-700);\n}\n\n._purple800Color_15hp2_166 {\n color: var(--color-base-purple-800);\n}\n\n._purple900Color_15hp2_170 {\n color: var(--color-base-purple-900);\n}\n\n._yellow100Color_15hp2_174 {\n color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_15hp2_178 {\n color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_15hp2_182 {\n color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_15hp2_186 {\n color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_15hp2_190 {\n color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_15hp2_194 {\n color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_15hp2_199 {\n border: none;\n}\n\n._blackBorderColor_15hp2_203 {\n box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_15hp2_207 {\n box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_15hp2_211 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_15hp2_215 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_15hp2_219 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_15hp2_223 {\n box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_15hp2_227 {\n box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_15hp2_231 {\n box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_15hp2_237 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_15hp2_241 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_15hp2_245 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_15hp2_249 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_15hp2_253 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_15hp2_257 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_15hp2_261 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_15hp2_265 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_15hp2_269 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_15hp2_273 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_15hp2_277 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_15hp2_281 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_15hp2_285 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_15hp2_289 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_15hp2_293 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_15hp2_297 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_15hp2_301 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_15hp2_305 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_15hp2_309 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_15hp2_313 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_15hp2_317 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_15hp2_321 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_15hp2_325 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_15hp2_329 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_15hp2_333 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_15hp2_337 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_15hp2_341 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_15hp2_345 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_15hp2_349 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_15hp2_353 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_15hp2_357 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_15hp2_361 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_15hp2_365 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_15hp2_369 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_15hp2_373 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_15hp2_377 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_15hp2_381 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_15hp2_385 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_15hp2_389 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_15hp2_393 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_15hp2_397 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_15hp2_401 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_15hp2_405 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_15hp2_409 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_15hp2_413 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_15hp2_417 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_15hp2_421 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_15hp2_425 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_15hp2_430 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_15hp2_434 {\n color: var(--color-cambio-white-100);\n}\n\n._cambioWhite40Color_15hp2_438 {\n color: var(--color-cambio-white-40);\n}\n\n._cambioWhite70Color_15hp2_442 {\n color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_15hp2_446 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_15hp2_450 {\n color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_15hp2_454 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_15hp2_458 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_15hp2_462 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_15hp2_466 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_15hp2_470 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_15hp2_474 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_15hp2_478 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_15hp2_482 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_15hp2_486 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_15hp2_490 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_15hp2_494 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_15hp2_498 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_15hp2_502 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_15hp2_506 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_15hp2_510 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_15hp2_514 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_15hp2_518 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_15hp2_522 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_15hp2_526 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_15hp2_530 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_15hp2_534 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_15hp2_538 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_15hp2_542 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_15hp2_546 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_15hp2_550 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_15hp2_554 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_15hp2_558 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_15hp2_562 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_15hp2_566 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_15hp2_570 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_15hp2_574 {\n color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_15hp2_578 {\n color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_15hp2_582 {\n color: var(--color-cambio-gray-870);\n}\n\n._redColor_15hp2_586 {\n color: var(--color-cambio-red);\n}\n\n._orangeColor_15hp2_590 {\n color: var(--color-cambio-orange);\n}\n\n._tanColor_15hp2_594 {\n color: var(--color-cambio-tan);\n}\n\n._creamColor_15hp2_598 {\n color: var(--color-cambio-cream);\n}\n\n._purpleColor_15hp2_602 {\n color: var(--color-cambio-purple);\n}\n\n._lilacColor_15hp2_606 {\n color: var(--color-cambio-lilac);\n}\n\n._thistleColor_15hp2_610 {\n color: var(--color-cambio-thistle);\n}\n\n._pinkColor_15hp2_614 {\n color: var(--color-cambio-pink);\n}\n\n._navyColor_15hp2_618 {\n color: var(--color-cambio-navy);\n}\n\n._tealColor_15hp2_622 {\n color: var(--color-cambio-teal);\n}\n\n._slateColor_15hp2_626 {\n color: var(--color-cambio-slate);\n}\n\n._skyColor_15hp2_630 {\n color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_15hp2_634 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_15hp2_638 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_15hp2_642 {\n background-color: var(--color-cambio-white-100);\n}\n\n._cambioWhite40BackgroundColor_15hp2_646 {\n background-color: var(--color-cambio-white-40);\n}\n\n._cambioWhite70BackgroundColor_15hp2_650 {\n background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_15hp2_654 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_15hp2_658 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_15hp2_662 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_15hp2_666 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_15hp2_670 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_15hp2_674 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_15hp2_678 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_15hp2_682 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_15hp2_686 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_15hp2_690 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_15hp2_694 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_15hp2_698 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_15hp2_702 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_15hp2_706 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_15hp2_710 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_15hp2_714 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_15hp2_718 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_15hp2_722 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_15hp2_726 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_15hp2_730 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_15hp2_734 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_15hp2_738 {\n background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_15hp2_742 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_15hp2_746 {\n background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_15hp2_750 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_15hp2_754 {\n background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_15hp2_758 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_15hp2_762 {\n background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_15hp2_766 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_15hp2_770 {\n background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_15hp2_774 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_15hp2_778 {\n background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_15hp2_782 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_15hp2_786 {\n background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_15hp2_790 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_15hp2_794 {\n background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_15hp2_798 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_15hp2_802 {\n background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_15hp2_806 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_15hp2_810 {\n background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_15hp2_814 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_15hp2_818 {\n background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_15hp2_822 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_15hp2_826 {\n background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_15hp2_830 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_15hp2_834 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_15hp2_838 {\n background-color: var(--color-cambio-yellow-700);\n}\n","/* Border Radius */\n._roundingsm_1j4mo_2 {\n border-radius: 4px;\n}\n\n._roundingmd_1j4mo_6 {\n border-radius: 8px;\n}\n\n._roundingfull_1j4mo_10 {\n border-radius: 999px;\n}\n","._typography_15w34_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_15w34_22 {\n font-family: var(--syntax-font-sans-serif);\n margin: 0;\n}\n\n._serif_15w34_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_15w34_27,\n:lang(az) ._serif_15w34_27,\n:lang(fr) ._serif_15w34_27,\n:lang(de) ._serif_15w34_27,\n:lang(es) ._serif_15w34_27,\n:lang(it) ._serif_15w34_27,\n:lang(pl) ._serif_15w34_27,\n:lang(pt) ._serif_15w34_27,\n:lang(tr) ._serif_15w34_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_15w34_73 {\n font-size: 12px;\n}\n\n._size100_15w34_77 {\n font-size: 13px;\n}\n\n._size200_15w34_81 {\n font-size: 16px;\n}\n\n._size300_15w34_85 {\n font-size: 19px;\n}\n\n._size400_15w34_89 {\n font-size: 25px;\n}\n\n._size500_15w34_93 {\n font-size: 32px;\n}\n\n._size700_15w34_97 {\n font-size: 38px;\n}\n\n._size800_15w34_101 {\n font-size: 46px;\n}\n\n._size900_15w34_105 {\n font-size: 55px;\n}\n\n._size1100_15w34_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_15w34_85 {\n font-size: 20px;\n }\n\n ._size700_15w34_97 {\n font-size: 49px;\n }\n\n ._size800_15w34_101 {\n font-size: 63px;\n }\n\n ._size900_15w34_105 {\n font-size: 76px;\n }\n\n ._size1100_15w34_109 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_15w34_137 {\n text-align: center;\n}\n\n._forceLeft_15w34_141 {\n text-align: left;\n}\n\n._forceRight_15w34_145 {\n text-align: right;\n}\n\n._start_15w34_149 {\n text-align: start;\n}\n\n._end_15w34_153 {\n text-align: end;\n}\n\n/* Boldness */\n\n._regular_15w34_159 {\n font-weight: 400;\n}\n\n._medium_15w34_163 {\n font-weight: 510;\n}\n\n._semiBold_15w34_167 {\n font-weight: 590;\n}\n\n._bold_15w34_171 {\n font-weight: 700;\n}\n\n._underline_15w34_175 {\n text-decoration: underline;\n}\n\n._inline_15w34_179 {\n display: inline;\n}\n\n._uppercase_15w34_183 {\n text-transform: uppercase;\n}\n\n._lineClamp_15w34_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_15w34_196 {\n line-height: 150%;\n}\n\n._p200_15w34_200 {\n line-height: 150%;\n}\n\n._p300_15w34_204 {\n line-height: 140%;\n}\n\n._p400_15w34_208 {\n line-height: 130%;\n}\n\n._p500_15w34_212 {\n line-height: 115%;\n}\n","._icon_1g9xb_1 {\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n height: 12px !important;\n /* stylelint-disable-next-line declaration-no-important -- Need to use !important to override MUI icon sizes */\n width: 12px !important;\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACtDF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC5cF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;;;ACruCJ;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;;;ACzYJ;AACE;AAAA;AAGF;AACE;AAAA;;;ACJF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACr0BF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACVF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;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;;;ACpNF;AAEE;AAEA;AAAA;","names":[]}
package/dist/TextField/TextField.d.ts CHANGED
@@ -3,7 +3,7 @@ import React__default, { HTMLInputTypeAttribute, ReactElement } from 'react';
3
3
  /**
4
4
  * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.
5
5
  */
6
- declare function TextField({ autoComplete, "data-testid": dataTestId, disabled: disabledProp, on, errorText, helperText, id, label, maxLength, onChange, placeholder, type, value, step, }: {
6
+ declare function TextField({ autoComplete, "data-testid": dataTestId, disabled: disabledProp, on, endBadge, errorText, helperText, id, label, maxLength, onChange, placeholder, type, value, step, }: {
7
7
  /**
8
8
  * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.
9
9
  *
@@ -26,6 +26,10 @@ declare function TextField({ autoComplete, "data-testid": dataTestId, disabled:
26
26
  * @defaulValue `lightBackground`
27
27
  */
28
28
  on?: "lightBackground" | "darkBackground";
29
+ /**
30
+ * Text for endBadge shown at the end of the input field.
31
+ */
32
+ endBadge?: string;
29
33
  /**
30
34
  * Text shown below TextField if there is an input error.
31
35
  */
package/dist/TextField/TextField.js CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  TextField
4
- } from "../__chunks/BUVOUV7Z.js";
4
+ } from "../__chunks/HWT7SAAO.js";
5
+ import "../__chunks/DAIZZROA.js";
5
6
  import "../__chunks/4U4UW4AK.js";
6
7
  import "../__chunks/IB6JZQF3.js";
7
8
  import "../__chunks/4U4UW4AK.js";
package/dist/Typography/Typography.d.ts CHANGED
@@ -28,7 +28,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
28
28
  *
29
29
  * @defaultValue "gray900"
30
30
  */
31
- color?: "primary" | "destructive-primary" | "inherit" | "gray700" | "gray900" | "white" | "destructive-lightBackground" | "destructive-darkBackground" | "success" | "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
  */
package/dist/__chunks/{J4VE4V7R.js → 2FH3ZXIJ.js} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  ColorBaseDestructive700,
7
7
  ColorBaseGray700,
8
8
  ColorCambioWhite100
9
- } from "./IFOYULRK.js";
9
+ } from "./INXS6UTP.js";
10
10
  import {
11
11
  Focus_module_default
12
12
  } from "./KKADUD65.js";
@@ -148,4 +148,4 @@ SelectList.Option = SelectOption_default;
148
148
  export {
149
149
  SelectList
150
150
  };
151
- //# sourceMappingURL=J4VE4V7R.js.map
151
+ //# sourceMappingURL=2FH3ZXIJ.js.map
package/dist/__chunks/{JJN6542U.cjs → BDOOAHOC.cjs} RENAMED
@@ -6,7 +6,7 @@ var _JVGX637Ecjs = require('./JVGX637E.cjs');
6
6
 
7
7
 
8
8
 
9
- var _D4FWWDPJcjs = require('./D4FWWDPJ.cjs');
9
+ var _BJU7QKAScjs = require('./BJU7QKAS.cjs');
10
10
 
11
11
 
12
12
  var _XLUVINJWcjs = require('./XLUVINJW.cjs');
@@ -68,12 +68,12 @@ function SelectList({
68
68
  };
69
69
  const getArrowIconColor = () => {
70
70
  if (errorText) {
71
- return _D4FWWDPJcjs.ColorBaseDestructive700;
71
+ return _BJU7QKAScjs.ColorBaseDestructive700;
72
72
  } else {
73
73
  if (color === "clear") {
74
- return _D4FWWDPJcjs.ColorCambioWhite100;
74
+ return _BJU7QKAScjs.ColorCambioWhite100;
75
75
  } else {
76
- return _D4FWWDPJcjs.ColorBaseGray700;
76
+ return _BJU7QKAScjs.ColorBaseGray700;
77
77
  }
78
78
  }
79
79
  };
@@ -148,4 +148,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
148
148
 
149
149
 
150
150
  exports.SelectList = SelectList;
151
- //# sourceMappingURL=JJN6542U.cjs.map
151
+ //# sourceMappingURL=BDOOAHOC.cjs.map
package/dist/__chunks/{D4FWWDPJ.cjs → BJU7QKAS.cjs} RENAMED
@@ -10,4 +10,4 @@ var ColorCambioWhite100 = "#ffffff";
10
10
 
11
11
 
12
12
  exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray700 = ColorBaseGray700; exports.ColorCambioWhite100 = ColorCambioWhite100;
13
- //# sourceMappingURL=D4FWWDPJ.cjs.map
13
+ //# sourceMappingURL=BJU7QKAS.cjs.map
package/dist/__chunks/{D4FWWDPJ.cjs.map → BJU7QKAS.cjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 22 Aug 2024 18:55:36 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 27 Aug 2024 22:54:25 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"]}
package/dist/__chunks/{ED4O4LSA.js → GEUE4GXC.js} RENAMED
@@ -9,7 +9,7 @@ import {
9
9
  ColorBaseDestructive700,
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
- } from "./IFOYULRK.js";
12
+ } from "./INXS6UTP.js";
13
13
  import {
14
14
  RichSelectBoxContext,
15
15
  RichSelectBox_default,
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
286
286
  export {
287
287
  RichSelectList_default
288
288
  };
289
- //# sourceMappingURL=ED4O4LSA.js.map
289
+ //# sourceMappingURL=GEUE4GXC.js.map
package/dist/__chunks/{BUVOUV7Z.js → HWT7SAAO.js} RENAMED
@@ -1,4 +1,7 @@
1
1
  "use client"
2
+ import {
3
+ Badge_default
4
+ } from "./DAIZZROA.js";
2
5
  import {
3
6
  Box_default
4
7
  } from "./IB6JZQF3.js";
@@ -25,6 +28,7 @@ function TextField({
25
28
  "data-testid": dataTestId,
26
29
  disabled: disabledProp = false,
27
30
  on = "lightBackground",
31
+ endBadge,
28
32
  errorText = "",
29
33
  helperText = "",
30
34
  id,
@@ -56,28 +60,53 @@ function TextField({
56
60
  },
57
61
  children: [
58
62
  label && /* @__PURE__ */ jsx("label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: 100, color: textColor, children: label }) }) }),
59
- /* @__PURE__ */ jsx(
60
- "input",
63
+ /* @__PURE__ */ jsxs(
64
+ Box_default,
61
65
  {
62
- autoComplete,
63
- className: classNames(
64
- TextField_module_default.textfield,
65
- TextField_module_default.md,
66
- TextField_module_default.height,
67
- errorText && (on === "darkBackground" ? TextField_module_default.transparentInputError : TextField_module_default.inputError),
68
- {
69
- [TextField_module_default.transparent]: on === "darkBackground"
70
- }
71
- ),
72
- "data-testid": dataTestId,
73
- disabled,
74
- id: inputId,
75
- maxLength,
76
- type,
77
- onChange,
78
- placeholder,
79
- value,
80
- step
66
+ display: "flex",
67
+ position: "relative",
68
+ justifyContent: endBadge ? "end" : "start",
69
+ children: [
70
+ /* @__PURE__ */ jsx(
71
+ "input",
72
+ {
73
+ autoComplete,
74
+ className: classNames(
75
+ TextField_module_default.textfield,
76
+ TextField_module_default.md,
77
+ TextField_module_default.height,
78
+ errorText && (on === "darkBackground" ? TextField_module_default.transparentInputError : TextField_module_default.inputError),
79
+ {
80
+ [TextField_module_default.transparent]: on === "darkBackground"
81
+ }
82
+ ),
83
+ "data-testid": dataTestId,
84
+ disabled,
85
+ id: inputId,
86
+ maxLength,
87
+ type,
88
+ onChange,
89
+ placeholder,
90
+ value,
91
+ step
92
+ }
93
+ ),
94
+ endBadge && /* @__PURE__ */ jsx(
95
+ Box_default,
96
+ {
97
+ position: "absolute",
98
+ dangerouslySetInlineStyle: { __style: { top: "25%" } },
99
+ marginEnd: 4,
100
+ children: /* @__PURE__ */ jsx(
101
+ Badge_default,
102
+ {
103
+ text: endBadge,
104
+ color: on === "lightBackground" ? "gray370" : "gray870"
105
+ }
106
+ )
107
+ }
108
+ )
109
+ ]
81
110
  }
82
111
  ),
83
112
  (helperText || errorText) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
@@ -89,4 +118,4 @@ function TextField({
89
118
  export {
90
119
  TextField
91
120
  };
92
- //# sourceMappingURL=BUVOUV7Z.js.map
121
+ //# sourceMappingURL=HWT7SAAO.js.map
package/dist/__chunks/HWT7SAAO.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n type HTMLInputTypeAttribute,\n useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Badge from \"../Badge/Badge\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n autoComplete,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n on = \"lightBackground\",\n endBadge,\n errorText = \"\",\n helperText = \"\",\n id,\n label,\n maxLength,\n onChange,\n placeholder = \"\",\n type = \"text\",\n value = \"\",\n step,\n}: {\n /**\n * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n *\n * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n */\n autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n /**\n * A data-testid to make querying for the TextField easier.\n */\n \"data-testid\"?: string;\n /**\n * If true, the TextField will be disabled.\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Indicate whether the button renders on a light or dark background. Changes the color of the button\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * Text for endBadge shown at the end of the input field.\n */\n endBadge?: string;\n /**\n * Text shown below TextField if there is an input error.\n */\n errorText?: string;\n /**\n * Informative helper text shown below TextField\n */\n helperText?: string;\n /**\n * TextField id, if not provided, a unique id will be generated\n */\n id?: string;\n /**\n * TextField visible label\n */\n label: string;\n /**\n * Maximum length of the TextField\n */\n maxLength?: number;\n /**\n * The callback to be called the input changes\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Optional TextField placeholder text\n */\n placeholder?: string;\n /**\n * Input type of the TextField\n *\n * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n */\n type?: HTMLInputTypeAttribute;\n /**\n * Value of the TextField\n */\n value: string;\n /**\n * Specified legal number intervals for an input field. Specifically for time or number. If for time, specify in milliseconds. Must be a positive value.\n */\n step?: number;\n}): ReactElement {\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const reactId = useId();\n const inputId = id ?? reactId;\n const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n const errorTextColor =\n on !== \"darkBackground\"\n ? \"destructive-lightBackground\"\n : \"destructive-darkBackground\";\n return (\n <Box\n display=\"flex\"\n direction=\"column\"\n gap={2}\n width=\"100%\"\n dangerouslySetInlineStyle={{\n __style: {\n opacity: disabled ? 0.5 : 1,\n },\n }}\n >\n {label && (\n <label className={styles.label} htmlFor={inputId}>\n <Box paddingX={1}>\n <Typography size={100} color={textColor}>\n {label}\n </Typography>\n </Box>\n </label>\n )}\n <Box\n display=\"flex\"\n position=\"relative\"\n justifyContent={endBadge ? \"end\" : \"start\"}\n >\n <input\n autoComplete={autoComplete}\n className={classNames(\n styles.textfield,\n styles.md,\n styles.height,\n errorText &&\n (on === \"darkBackground\"\n ? styles.transparentInputError\n : styles.inputError),\n {\n [styles.transparent]: on === \"darkBackground\",\n },\n )}\n data-testid={dataTestId}\n disabled={disabled}\n id={inputId}\n maxLength={maxLength}\n type={type}\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n step={step}\n />\n {endBadge && (\n <Box\n position=\"absolute\"\n dangerouslySetInlineStyle={{ __style: { top: \"25%\" } }}\n marginEnd={4}\n >\n <Badge\n text={endBadge}\n color={on === \"lightBackground\" ? \"gray370\" : \"gray870\"}\n />\n </Box>\n )}\n </Box>\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography size={100} color={errorText ? errorTextColor : textColor}>\n {errorText || helperText}\n </Typography>\n </Box>\n )}\n </Box>\n );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;AD6H5Y,cAMN,YANM;AA9GG,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAqEiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AACtB,QAAM,YAAY,OAAO,mBAAmB,UAAU;AACtD,QAAM,iBACJ,OAAO,mBACH,gCACA;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,WAC3B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,gBAAgB,WAAW,QAAQ;AAAA,YAEnC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,WAAW;AAAA,oBACT,yBAAO;AAAA,oBACP,yBAAO;AAAA,oBACP,yBAAO;AAAA,oBACP,cACG,OAAO,mBACJ,yBAAO,wBACP,yBAAO;AAAA,oBACb;AAAA,sBACE,CAAC,yBAAO,WAAW,GAAG,OAAO;AAAA,oBAC/B;AAAA,kBACF;AAAA,kBACA,eAAa;AAAA,kBACb;AAAA,kBACA,IAAI;AAAA,kBACJ;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cACC,YACC;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAS;AAAA,kBACT,2BAA2B,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE;AAAA,kBACrD,WAAW;AAAA,kBAEX;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM;AAAA,sBACN,OAAO,OAAO,oBAAoB,YAAY;AAAA;AAAA,kBAChD;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QAEJ;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,YAAY,iBAAiB,WACxD,uBAAa,YAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
package/dist/__chunks/{IFOYULRK.js → INXS6UTP.js} RENAMED
@@ -10,4 +10,4 @@ export {
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
12
  };
13
- //# sourceMappingURL=IFOYULRK.js.map
13
+ //# sourceMappingURL=INXS6UTP.js.map
package/dist/__chunks/{IFOYULRK.js.map → INXS6UTP.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 22 Aug 2024 18:55:36 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 27 Aug 2024 22:54:25 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
package/dist/__chunks/{WNNJJJGM.cjs → RE4YJRHB.cjs} RENAMED
@@ -9,7 +9,7 @@ var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
9
9
 
10
10
 
11
11
 
12
- var _D4FWWDPJcjs = require('./D4FWWDPJ.cjs');
12
+ var _BJU7QKAScjs = require('./BJU7QKAS.cjs');
13
13
 
14
14
 
15
15
 
@@ -147,12 +147,12 @@ function RichSelectList(props) {
147
147
  };
148
148
  const getArrowIconColor = () => {
149
149
  if (errorText) {
150
- return _D4FWWDPJcjs.ColorBaseDestructive700;
150
+ return _BJU7QKAScjs.ColorBaseDestructive700;
151
151
  } else {
152
152
  if (color === "clear") {
153
- return _D4FWWDPJcjs.ColorCambioWhite100;
153
+ return _BJU7QKAScjs.ColorCambioWhite100;
154
154
  } else {
155
- return _D4FWWDPJcjs.ColorBaseGray700;
155
+ return _BJU7QKAScjs.ColorBaseGray700;
156
156
  }
157
157
  }
158
158
  };
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
286
286
 
287
287
 
288
288
  exports.RichSelectList_default = RichSelectList_default;
289
- //# sourceMappingURL=WNNJJJGM.cjs.map
289
+ //# sourceMappingURL=RE4YJRHB.cjs.map
package/dist/__chunks/{R3XTMI64.cjs → WVK5Z5JA.cjs} RENAMED
@@ -1,6 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
2
2
 
3
3
 
4
+ var _SJSSW5MPcjs = require('./SJSSW5MP.cjs');
5
+
6
+
4
7
  var _QODNNCT2cjs = require('./QODNNCT2.cjs');
5
8
 
6
9
 
@@ -25,6 +28,7 @@ function TextField({
25
28
  "data-testid": dataTestId,
26
29
  disabled: disabledProp = false,
27
30
  on = "lightBackground",
31
+ endBadge,
28
32
  errorText = "",
29
33
  helperText = "",
30
34
  id,
@@ -56,28 +60,53 @@ function TextField({
56
60
  },
57
61
  children: [
58
62
  label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor, children: label }) }) }),
59
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
60
- "input",
63
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
64
+ _QODNNCT2cjs.Box_default,
61
65
  {
62
- autoComplete,
63
- className: _classnames2.default.call(void 0,
64
- TextField_module_default.textfield,
65
- TextField_module_default.md,
66
- TextField_module_default.height,
67
- errorText && (on === "darkBackground" ? TextField_module_default.transparentInputError : TextField_module_default.inputError),
68
- {
69
- [TextField_module_default.transparent]: on === "darkBackground"
70
- }
71
- ),
72
- "data-testid": dataTestId,
73
- disabled,
74
- id: inputId,
75
- maxLength,
76
- type,
77
- onChange,
78
- placeholder,
79
- value,
80
- step
66
+ display: "flex",
67
+ position: "relative",
68
+ justifyContent: endBadge ? "end" : "start",
69
+ children: [
70
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
71
+ "input",
72
+ {
73
+ autoComplete,
74
+ className: _classnames2.default.call(void 0,
75
+ TextField_module_default.textfield,
76
+ TextField_module_default.md,
77
+ TextField_module_default.height,
78
+ errorText && (on === "darkBackground" ? TextField_module_default.transparentInputError : TextField_module_default.inputError),
79
+ {
80
+ [TextField_module_default.transparent]: on === "darkBackground"
81
+ }
82
+ ),
83
+ "data-testid": dataTestId,
84
+ disabled,
85
+ id: inputId,
86
+ maxLength,
87
+ type,
88
+ onChange,
89
+ placeholder,
90
+ value,
91
+ step
92
+ }
93
+ ),
94
+ endBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
95
+ _QODNNCT2cjs.Box_default,
96
+ {
97
+ position: "absolute",
98
+ dangerouslySetInlineStyle: { __style: { top: "25%" } },
99
+ marginEnd: 4,
100
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
101
+ _SJSSW5MPcjs.Badge_default,
102
+ {
103
+ text: endBadge,
104
+ color: on === "lightBackground" ? "gray370" : "gray870"
105
+ }
106
+ )
107
+ }
108
+ )
109
+ ]
81
110
  }
82
111
  ),
83
112
  (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: errorText ? errorTextColor : textColor, children: errorText || helperText }) })
@@ -89,4 +118,4 @@ function TextField({
89
118
 
90
119
 
91
120
  exports.TextField = TextField;
92
- //# sourceMappingURL=R3XTMI64.cjs.map
121
+ //# sourceMappingURL=WVK5Z5JA.cjs.map
package/dist/__chunks/WVK5Z5JA.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;AD6H5Y,cAMN,YANM;AA9GG,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAqEiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AACtB,QAAM,YAAY,OAAO,mBAAmB,UAAU;AACtD,QAAM,iBACJ,OAAO,mBACH,gCACA;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,WAC3B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,gBAAgB,WAAW,QAAQ;AAAA,YAEnC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,WAAW;AAAA,oBACT,yBAAO;AAAA,oBACP,yBAAO;AAAA,oBACP,yBAAO;AAAA,oBACP,cACG,OAAO,mBACJ,yBAAO,wBACP,yBAAO;AAAA,oBACb;AAAA,sBACE,CAAC,yBAAO,WAAW,GAAG,OAAO;AAAA,oBAC/B;AAAA,kBACF;AAAA,kBACA,eAAa;AAAA,kBACb;AAAA,kBACA,IAAI;AAAA,kBACJ;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cACC,YACC;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAS;AAAA,kBACT,2BAA2B,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE;AAAA,kBACrD,WAAW;AAAA,kBAEX;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM;AAAA,sBACN,OAAO,OAAO,oBAAoB,YAAY;AAAA;AAAA,kBAChD;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QAEJ;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,YAAY,iBAAiB,WACxD,uBAAa,YAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ","sourcesContent":["import React, {\n type ReactElement,\n type HTMLInputTypeAttribute,\n useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport Badge from \"../Badge/Badge\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n autoComplete,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n on = \"lightBackground\",\n endBadge,\n errorText = \"\",\n helperText = \"\",\n id,\n label,\n maxLength,\n onChange,\n placeholder = \"\",\n type = \"text\",\n value = \"\",\n step,\n}: {\n /**\n * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n *\n * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n */\n autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n /**\n * A data-testid to make querying for the TextField easier.\n */\n \"data-testid\"?: string;\n /**\n * If true, the TextField will be disabled.\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Indicate whether the button renders on a light or dark background. Changes the color of the button\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * Text for endBadge shown at the end of the input field.\n */\n endBadge?: string;\n /**\n * Text shown below TextField if there is an input error.\n */\n errorText?: string;\n /**\n * Informative helper text shown below TextField\n */\n helperText?: string;\n /**\n * TextField id, if not provided, a unique id will be generated\n */\n id?: string;\n /**\n * TextField visible label\n */\n label: string;\n /**\n * Maximum length of the TextField\n */\n maxLength?: number;\n /**\n * The callback to be called the input changes\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Optional TextField placeholder text\n */\n placeholder?: string;\n /**\n * Input type of the TextField\n *\n * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n */\n type?: HTMLInputTypeAttribute;\n /**\n * Value of the TextField\n */\n value: string;\n /**\n * Specified legal number intervals for an input field. Specifically for time or number. If for time, specify in milliseconds. Must be a positive value.\n */\n step?: number;\n}): ReactElement {\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const reactId = useId();\n const inputId = id ?? reactId;\n const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n const errorTextColor =\n on !== \"darkBackground\"\n ? \"destructive-lightBackground\"\n : \"destructive-darkBackground\";\n return (\n <Box\n display=\"flex\"\n direction=\"column\"\n gap={2}\n width=\"100%\"\n dangerouslySetInlineStyle={{\n __style: {\n opacity: disabled ? 0.5 : 1,\n },\n }}\n >\n {label && (\n <label className={styles.label} htmlFor={inputId}>\n <Box paddingX={1}>\n <Typography size={100} color={textColor}>\n {label}\n </Typography>\n </Box>\n </label>\n )}\n <Box\n display=\"flex\"\n position=\"relative\"\n justifyContent={endBadge ? \"end\" : \"start\"}\n >\n <input\n autoComplete={autoComplete}\n className={classNames(\n styles.textfield,\n styles.md,\n styles.height,\n errorText &&\n (on === \"darkBackground\"\n ? styles.transparentInputError\n : styles.inputError),\n {\n [styles.transparent]: on === \"darkBackground\",\n },\n )}\n data-testid={dataTestId}\n disabled={disabled}\n id={inputId}\n maxLength={maxLength}\n type={type}\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n step={step}\n />\n {endBadge && (\n <Box\n position=\"absolute\"\n dangerouslySetInlineStyle={{ __style: { top: \"25%\" } }}\n marginEnd={4}\n >\n <Badge\n text={endBadge}\n color={on === \"lightBackground\" ? \"gray370\" : \"gray870\"}\n />\n </Box>\n )}\n </Box>\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography size={100} color={errorText ? errorTextColor : textColor}>\n {errorText || helperText}\n </Typography>\n </Box>\n )}\n </Box>\n );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"]}
package/dist/index.cjs CHANGED
@@ -10,9 +10,6 @@ var _GEXK47GRcjs = require('./__chunks/GEXK47GR.cjs');
10
10
  var _AVJQ2E2Gcjs = require('./__chunks/AVJQ2E2G.cjs');
11
11
 
12
12
 
13
- var _SJSSW5MPcjs = require('./__chunks/SJSSW5MP.cjs');
14
-
15
-
16
13
  var _IBT4YOI5cjs = require('./__chunks/IBT4YOI5.cjs');
17
14
 
18
15
 
@@ -35,11 +32,11 @@ var _RUXLZWRZcjs = require('./__chunks/RUXLZWRZ.cjs');
35
32
  require('./__chunks/TH4TA3JN.cjs');
36
33
 
37
34
 
38
- var _JJN6542Ucjs = require('./__chunks/JJN6542U.cjs');
35
+ var _BDOOAHOCcjs = require('./__chunks/BDOOAHOC.cjs');
39
36
  require('./__chunks/JVGX637E.cjs');
40
37
 
41
38
 
42
- var _WNNJJJGMcjs = require('./__chunks/WNNJJJGM.cjs');
39
+ var _RE4YJRHBcjs = require('./__chunks/RE4YJRHB.cjs');
43
40
 
44
41
 
45
42
  var _VZTP4FJUcjs = require('./__chunks/VZTP4FJU.cjs');
@@ -49,7 +46,7 @@ require('./__chunks/3RX4RMGC.cjs');
49
46
 
50
47
  var _VJWLFFADcjs = require('./__chunks/VJWLFFAD.cjs');
51
48
  require('./__chunks/WFVGNGEP.cjs');
52
- require('./__chunks/D4FWWDPJ.cjs');
49
+ require('./__chunks/BJU7QKAS.cjs');
53
50
  require('./__chunks/5I7B5SAF.cjs');
54
51
 
55
52
 
@@ -80,7 +77,10 @@ require('./__chunks/RYUXG4AS.cjs');
80
77
  var _36JMUQOLcjs = require('./__chunks/36JMUQOL.cjs');
81
78
 
82
79
 
83
- var _R3XTMI64cjs = require('./__chunks/R3XTMI64.cjs');
80
+ var _WVK5Z5JAcjs = require('./__chunks/WVK5Z5JA.cjs');
81
+
82
+
83
+ var _SJSSW5MPcjs = require('./__chunks/SJSSW5MP.cjs');
84
84
 
85
85
 
86
86
  var _Z6EWS3QIcjs = require('./__chunks/Z6EWS3QI.cjs');
@@ -162,5 +162,5 @@ require('./__chunks/X2SDR4SD.cjs');
162
162
 
163
163
 
164
164
 
165
- exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _SJSSW5MPcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _7COSMEXWcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _S7BCIAUQcjs.Checkbox_default; exports.Chip = _PBHDA7GVcjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _Q7CC3YA4cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _VJWLFFADcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _YNGB4N62cjs.LinkButton_default; exports.Modal = _SAPSO6DDcjs.Modal; exports.Popover = _VZTP4FJUcjs.Popover_default; exports.RadioButton = _AI52ORKAcjs.RadioButton_default; exports.RichSelectList = _WNNJJJGMcjs.RichSelectList_default; exports.SelectList = _JJN6542Ucjs.SelectList; exports.TabButton = _Q65LBFK3cjs.TabButton; exports.TabLink = _E3KSILLWcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _Z6EWS3QIcjs.TextArea_default; exports.TextField = _R3XTMI64cjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _JACR34JOcjs.Tooltip_default; exports.Typography = _RVU3UEZIcjs.Typography_default; exports.WordConfetti = _FHQ7KPFEcjs.WordConfetti_default;
165
+ exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _SJSSW5MPcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _7COSMEXWcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _S7BCIAUQcjs.Checkbox_default; exports.Chip = _PBHDA7GVcjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _Q7CC3YA4cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _VJWLFFADcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _YNGB4N62cjs.LinkButton_default; exports.Modal = _SAPSO6DDcjs.Modal; exports.Popover = _VZTP4FJUcjs.Popover_default; exports.RadioButton = _AI52ORKAcjs.RadioButton_default; exports.RichSelectList = _RE4YJRHBcjs.RichSelectList_default; exports.SelectList = _BDOOAHOCcjs.SelectList; exports.TabButton = _Q65LBFK3cjs.TabButton; exports.TabLink = _E3KSILLWcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _Z6EWS3QIcjs.TextArea_default; exports.TextField = _WVK5Z5JAcjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _JACR34JOcjs.Tooltip_default; exports.Typography = _RVU3UEZIcjs.Typography_default; exports.WordConfetti = _FHQ7KPFEcjs.WordConfetti_default;
166
166
  //# sourceMappingURL=index.cjs.map
package/dist/index.js CHANGED
@@ -8,9 +8,6 @@ import {
8
8
  import {
9
9
  Card_default
10
10
  } from "./__chunks/7ZD4OEVD.js";
11
- import {
12
- Badge_default
13
- } from "./__chunks/DAIZZROA.js";
14
11
  import {
15
12
  Icon_default
16
13
  } from "./__chunks/WPQECZRJ.js";
@@ -35,11 +32,11 @@ import {
35
32
  import "./__chunks/YLWWTB4I.js";
36
33
  import {
37
34
  SelectList
38
- } from "./__chunks/J4VE4V7R.js";
35
+ } from "./__chunks/2FH3ZXIJ.js";
39
36
  import "./__chunks/SPQ7DQHG.js";
40
37
  import {
41
38
  RichSelectList_default
42
- } from "./__chunks/ED4O4LSA.js";
39
+ } from "./__chunks/GEUE4GXC.js";
43
40
  import {
44
41
  Popover_default
45
42
  } from "./__chunks/ATUBU46J.js";
@@ -49,7 +46,7 @@ import {
49
46
  IconButton_default
50
47
  } from "./__chunks/GDXRRA57.js";
51
48
  import "./__chunks/4U4UW4AK.js";
52
- import "./__chunks/IFOYULRK.js";
49
+ import "./__chunks/INXS6UTP.js";
53
50
  import "./__chunks/7YH3K65I.js";
54
51
  import {
55
52
  ButtonGroup_default
@@ -80,7 +77,10 @@ import {
80
77
  } from "./__chunks/KTX4P4Q2.js";
81
78
  import {
82
79
  TextField
83
- } from "./__chunks/BUVOUV7Z.js";
80
+ } from "./__chunks/HWT7SAAO.js";
81
+ import {
82
+ Badge_default
83
+ } from "./__chunks/DAIZZROA.js";
84
84
  import {
85
85
  TextArea_default
86
86
  } from "./__chunks/MZK5G2SD.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cambly/syntax-core",
3
3
  "description": "Cambly design system core components",
4
- "version": "19.3.0",
4
+ "version": "19.4.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",
package/dist/__chunks/BUVOUV7Z.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"sourcesContent":["import React, {\n type ReactElement,\n type HTMLInputTypeAttribute,\n useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n autoComplete,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n on = \"lightBackground\",\n errorText = \"\",\n helperText = \"\",\n id,\n label,\n maxLength,\n onChange,\n placeholder = \"\",\n type = \"text\",\n value = \"\",\n step,\n}: {\n /**\n * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n *\n * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n */\n autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n /**\n * A data-testid to make querying for the TextField easier.\n */\n \"data-testid\"?: string;\n /**\n * If true, the TextField will be disabled.\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Indicate whether the button renders on a light or dark background. Changes the color of the button\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * Text shown below TextField if there is an input error.\n */\n errorText?: string;\n /**\n * Informative helper text shown below TextField\n */\n helperText?: string;\n /**\n * TextField id, if not provided, a unique id will be generated\n */\n id?: string;\n /**\n * TextField visible label\n */\n label: string;\n /**\n * Maximum length of the TextField\n */\n maxLength?: number;\n /**\n * The callback to be called the input changes\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Optional TextField placeholder text\n */\n placeholder?: string;\n /**\n * Input type of the TextField\n *\n * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n */\n type?: HTMLInputTypeAttribute;\n /**\n * Value of the TextField\n */\n value: string;\n /**\n * Specified legal number intervals for an input field. Specifically for time or number. If for time, specify in milliseconds. Must be a positive value.\n */\n step?: number;\n}): ReactElement {\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const reactId = useId();\n const inputId = id ?? reactId;\n const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n const errorTextColor =\n on !== \"darkBackground\"\n ? \"destructive-lightBackground\"\n : \"destructive-darkBackground\";\n return (\n <Box\n display=\"flex\"\n direction=\"column\"\n gap={2}\n width=\"100%\"\n dangerouslySetInlineStyle={{\n __style: {\n opacity: disabled ? 0.5 : 1,\n },\n }}\n >\n {label && (\n <label className={styles.label} htmlFor={inputId}>\n <Box paddingX={1}>\n <Typography size={100} color={textColor}>\n {label}\n </Typography>\n </Box>\n </label>\n )}\n <input\n autoComplete={autoComplete}\n className={classNames(\n styles.textfield,\n styles.md,\n styles.height,\n errorText &&\n (on === \"darkBackground\"\n ? styles.transparentInputError\n : styles.inputError),\n {\n [styles.transparent]: on === \"darkBackground\",\n },\n )}\n data-testid={dataTestId}\n disabled={disabled}\n id={inputId}\n maxLength={maxLength}\n type={type}\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n step={step}\n />\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography size={100} color={errorText ? errorTextColor : textColor}>\n {errorText || helperText}\n </Typography>\n </Box>\n )}\n </Box>\n );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"],"mappings":";;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;ADyGpZ,SAcQ,KAdR;AA3FW,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAiEiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AACtB,QAAM,YAAY,OAAO,mBAAmB,UAAU;AACtD,QAAM,iBACJ,OAAO,mBACH,gCACA;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,WAC3B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,cACT,yBAAO;AAAA,cACP,yBAAO;AAAA,cACP,yBAAO;AAAA,cACP,cACG,OAAO,mBACJ,yBAAO,wBACP,yBAAO;AAAA,cACb;AAAA,gBACE,CAAC,yBAAO,WAAW,GAAG,OAAO;AAAA,cAC/B;AAAA,YACF;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,YAAY,iBAAiB,WACxD,uBAAa,YAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
package/dist/__chunks/R3XTMI64.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;ADyGpZ,SAcQ,KAdR;AA3FW,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAiEiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AACtB,QAAM,YAAY,OAAO,mBAAmB,UAAU;AACtD,QAAM,iBACJ,OAAO,mBACH,gCACA;AACN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,WAC3B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,cACT,yBAAO;AAAA,cACP,yBAAO;AAAA,cACP,yBAAO;AAAA,cACP,cACG,OAAO,mBACJ,yBAAO,wBACP,yBAAO;AAAA,cACb;AAAA,gBACE,CAAC,yBAAO,WAAW,GAAG,OAAO;AAAA,cAC/B;AAAA,YACF;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAO,YAAY,iBAAiB,WACxD,uBAAa,YAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ","sourcesContent":["import React, {\n type ReactElement,\n type HTMLInputTypeAttribute,\n useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n autoComplete,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n on = \"lightBackground\",\n errorText = \"\",\n helperText = \"\",\n id,\n label,\n maxLength,\n onChange,\n placeholder = \"\",\n type = \"text\",\n value = \"\",\n step,\n}: {\n /**\n * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n *\n * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n */\n autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n /**\n * A data-testid to make querying for the TextField easier.\n */\n \"data-testid\"?: string;\n /**\n * If true, the TextField will be disabled.\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * Indicate whether the button renders on a light or dark background. Changes the color of the button\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n /**\n * Text shown below TextField if there is an input error.\n */\n errorText?: string;\n /**\n * Informative helper text shown below TextField\n */\n helperText?: string;\n /**\n * TextField id, if not provided, a unique id will be generated\n */\n id?: string;\n /**\n * TextField visible label\n */\n label: string;\n /**\n * Maximum length of the TextField\n */\n maxLength?: number;\n /**\n * The callback to be called the input changes\n */\n onChange: React.ChangeEventHandler<HTMLInputElement>;\n /**\n * Optional TextField placeholder text\n */\n placeholder?: string;\n /**\n * Input type of the TextField\n *\n * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n */\n type?: HTMLInputTypeAttribute;\n /**\n * Value of the TextField\n */\n value: string;\n /**\n * Specified legal number intervals for an input field. Specifically for time or number. If for time, specify in milliseconds. Must be a positive value.\n */\n step?: number;\n}): ReactElement {\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const reactId = useId();\n const inputId = id ?? reactId;\n const textColor = on === \"darkBackground\" ? \"white\" : \"gray900\";\n const errorTextColor =\n on !== \"darkBackground\"\n ? \"destructive-lightBackground\"\n : \"destructive-darkBackground\";\n return (\n <Box\n display=\"flex\"\n direction=\"column\"\n gap={2}\n width=\"100%\"\n dangerouslySetInlineStyle={{\n __style: {\n opacity: disabled ? 0.5 : 1,\n },\n }}\n >\n {label && (\n <label className={styles.label} htmlFor={inputId}>\n <Box paddingX={1}>\n <Typography size={100} color={textColor}>\n {label}\n </Typography>\n </Box>\n </label>\n )}\n <input\n autoComplete={autoComplete}\n className={classNames(\n styles.textfield,\n styles.md,\n styles.height,\n errorText &&\n (on === \"darkBackground\"\n ? styles.transparentInputError\n : styles.inputError),\n {\n [styles.transparent]: on === \"darkBackground\",\n },\n )}\n data-testid={dataTestId}\n disabled={disabled}\n id={inputId}\n maxLength={maxLength}\n type={type}\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n step={step}\n />\n {(helperText || errorText) && (\n <Box paddingX={1}>\n <Typography size={100} color={errorText ? errorTextColor : textColor}>\n {errorText || helperText}\n </Typography>\n </Box>\n )}\n </Box>\n );\n}\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"]}