@cambly/syntax-core 10.10.0 → 10.12.0

package/dist/index.css

@@ -1,125 +1,149 @@
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data */
-._avatar_vflu6_1 {
+._avatar_1rbb4_1 {
   box-sizing: border-box;
 }
-._avatarImage_vflu6_5 {
+._avatarImage_1rbb4_5 {
   box-sizing: border-box;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 50%;
+}
+._avatarImageClassic_1rbb4_13 {
   border: 2px solid #fff;
 }
-._sm_vflu6_14 {
+._avatarImageOutlineCambio_1rbb4_17 {
+  border: 2px solid var(--color-cambio-gray-100);
+}
+._sm_1rbb4_21 {
   width: 24px;
   height: 24px;
 }
-._md_vflu6_19 {
+._md_1rbb4_26 {
   width: 40px;
   height: 40px;
 }
-._lg_vflu6_24 {
+._lg_1rbb4_31 {
   width: 72px;
   height: 72px;
 }
-._xl_vflu6_29 {
+._xl_1rbb4_36 {
   width: 128px;
   height: 129px;
 }
+._smCambio_1rbb4_41 {
+  width: 32px;
+  height: 32px;
+}
+._mdCambio_1rbb4_46 {
+  width: 48px;
+  height: 48px;
+}
+._lgCambio_1rbb4_51 {
+  width: 64px;
+  height: 64px;
+}
+._xlCambio_1rbb4_56 {
+  width: 64px;
+  height: 64px;
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
-._box_bg9pe_1 {
+._box_xcjsm_1 {
   box-sizing: border-box;
 }
-._flexnone_bg9pe_5 {
+._flexnone_xcjsm_5 {
   flex: 0 0 auto;
 }
-._flexgrow_bg9pe_9 {
+._flexgrow_xcjsm_9 {
   flex: 1 1 auto;
 }
-._flexWrap_bg9pe_13 {
+._flexWrap_xcjsm_13 {
   flex-wrap: wrap;
 }
-._alignItemscenter_bg9pe_18 {
+._alignItemscenter_xcjsm_18 {
   align-items: center;
 }
-._alignItemsstart_bg9pe_22 {
+._alignItemsstart_xcjsm_22 {
   align-items: flex-start;
 }
-._alignItemsend_bg9pe_26 {
+._alignItemsend_xcjsm_26 {
   align-items: flex-end;
 }
-._alignItemsstretch_bg9pe_30 {
+._alignItemsstretch_xcjsm_30 {
   align-items: stretch;
 }
-._alignItemsbaseline_bg9pe_34 {
+._alignItemsbaseline_xcjsm_34 {
   align-items: baseline;
 }
 @media (min-width: 480px) {
-  ._alignItemscenterSmall_bg9pe_40 {
+  ._alignItemscenterSmall_xcjsm_40 {
     align-items: center;
   }
-  ._alignItemsstartSmall_bg9pe_44 {
+  ._alignItemsstartSmall_xcjsm_44 {
     align-items: flex-start;
   }
-  ._alignItemsendSmall_bg9pe_48 {
+  ._alignItemsendSmall_xcjsm_48 {
     align-items: flex-end;
   }
-  ._alignItemsstretchSmall_bg9pe_52 {
+  ._alignItemsstretchSmall_xcjsm_52 {
     align-items: stretch;
   }
-  ._alignItemsbaselineSmall_bg9pe_56 {
+  ._alignItemsbaselineSmall_xcjsm_56 {
     align-items: baseline;
   }
 }
 @media (min-width: 960px) {
-  ._alignItemscenterLarge_bg9pe_63 {
+  ._alignItemscenterLarge_xcjsm_63 {
     align-items: center;
   }
-  ._alignItemsstartLarge_bg9pe_67 {
+  ._alignItemsstartLarge_xcjsm_67 {
     align-items: flex-start;
   }
-  ._alignItemsendLarge_bg9pe_71 {
+  ._alignItemsendLarge_xcjsm_71 {
     align-items: flex-end;
   }
-  ._alignItemsstretchLarge_bg9pe_75 {
+  ._alignItemsstretchLarge_xcjsm_75 {
     align-items: stretch;
   }
-  ._alignItemsbaselineLarge_bg9pe_79 {
+  ._alignItemsbaselineLarge_xcjsm_79 {
     align-items: baseline;
   }
 }
-._alignSelfcenter_bg9pe_85 {
+._alignSelfcenter_xcjsm_85 {
   align-self: center;
 }
-._alignSelfstart_bg9pe_89 {
+._alignSelfstart_xcjsm_89 {
   align-self: flex-start;
 }
-._alignSelfend_bg9pe_93 {
+._alignSelfend_xcjsm_93 {
   align-self: flex-end;
 }
-._alignSelfstretch_bg9pe_97 {
+._alignSelfstretch_xcjsm_97 {
   align-self: stretch;
 }
-._alignSelfbaseline_bg9pe_101 {
+._alignSelfbaseline_xcjsm_101 {
   align-self: baseline;
 }
-._alignSelfauto_bg9pe_105 {
+._alignSelfauto_xcjsm_105 {
   align-self: auto;
 }
-._block_bg9pe_110 {
+._block_xcjsm_110 {
   display: block;
 }
-._flex_bg9pe_5 {
+._flex_xcjsm_5 {
   display: flex;
 }
-._inlineBlock_bg9pe_118 {
+._inlineBlock_xcjsm_118 {
   display: inline-block;
 }
-._none_bg9pe_122 {
+._inlineFlex_xcjsm_122 {
+  display: inline-flex;
+}
+._none_xcjsm_126 {
   display: none;
 }
-._visuallyHidden_bg9pe_126 {
+._visuallyHidden_xcjsm_130 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -131,19 +155,22 @@
   overflow: hidden;
 }
 @media (min-width: 480px) {
-  ._blockSmall_bg9pe_140 {
+  ._blockSmall_xcjsm_144 {
     display: block;
   }
-  ._flexSmall_bg9pe_144 {
+  ._flexSmall_xcjsm_148 {
     display: flex;
   }
-  ._inlineBlockSmall_bg9pe_148 {
+  ._inlineBlockSmall_xcjsm_152 {
     display: inline-block;
   }
-  ._noneSmall_bg9pe_152 {
+  ._inlineFlexSmall_xcjsm_156 {
+    display: inline-flex;
+  }
+  ._noneSmall_xcjsm_160 {
     display: none;
   }
-  ._visuallyHiddenSmall_bg9pe_156 {
+  ._visuallyHiddenSmall_xcjsm_164 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -156,19 +183,22 @@
   }
 }
 @media (min-width: 960px) {
-  ._blockLarge_bg9pe_171 {
+  ._blockLarge_xcjsm_179 {
     display: block;
   }
-  ._flexLarge_bg9pe_175 {
+  ._flexLarge_xcjsm_183 {
     display: flex;
   }
-  ._inlineBlockLarge_bg9pe_179 {
+  ._inlineBlockLarge_xcjsm_187 {
     display: inline-block;
   }
-  ._noneLarge_bg9pe_183 {
+  ._inlineFlexLarge_xcjsm_191 {
+    display: inline-flex;
+  }
+  ._noneLarge_xcjsm_195 {
     display: none;
   }
-  ._visuallyHiddenLarge_bg9pe_187 {
+  ._visuallyHiddenLarge_xcjsm_199 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -180,189 +210,189 @@
     overflow: hidden;
   }
 }
-._column_bg9pe_201 {
+._column_xcjsm_213 {
   flex-direction: column;
 }
-._row_bg9pe_205 {
+._row_xcjsm_217 {
   flex-direction: row;
 }
 @media (min-width: 480px) {
-  ._columnSmall_bg9pe_211 {
+  ._columnSmall_xcjsm_223 {
     flex-direction: column;
   }
-  ._rowSmall_bg9pe_215 {
+  ._rowSmall_xcjsm_227 {
     flex-direction: row;
   }
 }
 @media (min-width: 960px) {
-  ._columnLarge_bg9pe_222 {
+  ._columnLarge_xcjsm_234 {
     flex-direction: column;
   }
-  ._rowLarge_bg9pe_226 {
+  ._rowLarge_xcjsm_238 {
     flex-direction: row;
   }
 }
-._gap0_bg9pe_232 {
+._gap0_xcjsm_244 {
   gap: 0;
 }
-._gap1_bg9pe_236 {
+._gap1_xcjsm_248 {
   gap: 4px;
 }
-._gap2_bg9pe_240 {
+._gap2_xcjsm_252 {
   gap: 8px;
 }
-._gap3_bg9pe_244 {
+._gap3_xcjsm_256 {
   gap: 12px;
 }
-._gap4_bg9pe_248 {
+._gap4_xcjsm_260 {
   gap: 16px;
 }
-._gap5_bg9pe_252 {
+._gap5_xcjsm_264 {
   gap: 20px;
 }
-._gap6_bg9pe_256 {
+._gap6_xcjsm_268 {
   gap: 24px;
 }
-._gap7_bg9pe_260 {
+._gap7_xcjsm_272 {
   gap: 28px;
 }
-._gap8_bg9pe_264 {
+._gap8_xcjsm_276 {
   gap: 32px;
 }
-._gap9_bg9pe_268 {
+._gap9_xcjsm_280 {
   gap: 36px;
 }
-._gap10_bg9pe_272 {
+._gap10_xcjsm_284 {
   gap: 40px;
 }
-._gap11_bg9pe_276 {
+._gap11_xcjsm_288 {
   gap: 44px;
 }
-._gap12_bg9pe_280 {
+._gap12_xcjsm_292 {
   gap: 48px;
 }
-._justifyContentcenter_bg9pe_285 {
+._justifyContentcenter_xcjsm_297 {
   justify-content: center;
 }
-._justifyContentstart_bg9pe_289 {
+._justifyContentstart_xcjsm_301 {
   justify-content: flex-start;
 }
-._justifyContentend_bg9pe_293 {
+._justifyContentend_xcjsm_305 {
   justify-content: flex-end;
 }
-._justifyContentbetween_bg9pe_297 {
+._justifyContentbetween_xcjsm_309 {
   justify-content: space-between;
 }
-._justifyContentaround_bg9pe_301 {
+._justifyContentaround_xcjsm_313 {
   justify-content: space-around;
 }
-._justifyContentevenly_bg9pe_305 {
+._justifyContentevenly_xcjsm_317 {
   justify-content: space-evenly;
 }
 @media (min-width: 480px) {
-  ._justifyContentcenterSmall_bg9pe_311 {
+  ._justifyContentcenterSmall_xcjsm_323 {
     justify-content: center;
   }
-  ._justifyContentstartSmall_bg9pe_315 {
+  ._justifyContentstartSmall_xcjsm_327 {
     justify-content: flex-start;
   }
-  ._justifyContentendSmall_bg9pe_319 {
+  ._justifyContentendSmall_xcjsm_331 {
     justify-content: flex-end;
   }
-  ._justifyContentbetweenSmall_bg9pe_323 {
+  ._justifyContentbetweenSmall_xcjsm_335 {
     justify-content: space-between;
   }
-  ._justifyContentaroundSmall_bg9pe_327 {
+  ._justifyContentaroundSmall_xcjsm_339 {
     justify-content: space-around;
   }
-  ._justifyContentevenlySmall_bg9pe_331 {
+  ._justifyContentevenlySmall_xcjsm_343 {
     justify-content: space-evenly;
   }
 }
 @media (min-width: 960px) {
-  ._justifyContentcenterLarge_bg9pe_338 {
+  ._justifyContentcenterLarge_xcjsm_350 {
     justify-content: center;
   }
-  ._justifyContentstartLarge_bg9pe_342 {
+  ._justifyContentstartLarge_xcjsm_354 {
     justify-content: flex-start;
   }
-  ._justifyContentendLarge_bg9pe_346 {
+  ._justifyContentendLarge_xcjsm_358 {
     justify-content: flex-end;
   }
-  ._justifyContentbetweenLarge_bg9pe_350 {
+  ._justifyContentbetweenLarge_xcjsm_362 {
     justify-content: space-between;
   }
-  ._justifyContentaroundLarge_bg9pe_354 {
+  ._justifyContentaroundLarge_xcjsm_366 {
     justify-content: space-around;
   }
-  ._justifyContentevenlyLarge_bg9pe_358 {
+  ._justifyContentevenlyLarge_xcjsm_370 {
     justify-content: space-evenly;
   }
 }
-._overflowvisible_bg9pe_364 {
+._overflowvisible_xcjsm_376 {
   overflow: visible;
 }
-._overflowhidden_bg9pe_368 {
+._overflowhidden_xcjsm_380 {
   overflow: hidden;
 }
-._overflowscroll_bg9pe_372 {
+._overflowscroll_xcjsm_384 {
   overflow: scroll;
 }
-._overflowauto_bg9pe_376 {
+._overflowauto_xcjsm_388 {
   overflow: auto;
 }
-._overflowinherit_bg9pe_380 {
+._overflowinherit_xcjsm_392 {
   overflow: inherit;
 }
-._overflowinitial_bg9pe_384 {
+._overflowinitial_xcjsm_396 {
   overflow: initial;
 }
-._overflowXvisible_bg9pe_388 {
+._overflowXvisible_xcjsm_400 {
   overflow-x: visible;
 }
-._overflowXhidden_bg9pe_392 {
+._overflowXhidden_xcjsm_404 {
   overflow-x: hidden;
 }
-._overflowXscroll_bg9pe_396 {
+._overflowXscroll_xcjsm_408 {
   overflow-x: scroll;
 }
-._overflowXauto_bg9pe_400 {
+._overflowXauto_xcjsm_412 {
   overflow-x: auto;
 }
-._overflowXinherit_bg9pe_404 {
+._overflowXinherit_xcjsm_416 {
   overflow-x: inherit;
 }
-._overflowXinitial_bg9pe_408 {
+._overflowXinitial_xcjsm_420 {
   overflow-x: initial;
 }
-._overflowYvisible_bg9pe_412 {
+._overflowYvisible_xcjsm_424 {
   overflow-y: visible;
 }
-._overflowYhidden_bg9pe_416 {
+._overflowYhidden_xcjsm_428 {
   overflow-y: hidden;
 }
-._overflowYscroll_bg9pe_420 {
+._overflowYscroll_xcjsm_432 {
   overflow-y: scroll;
 }
-._overflowYauto_bg9pe_424 {
+._overflowYauto_xcjsm_436 {
   overflow-y: auto;
 }
-._overflowYinherit_bg9pe_428 {
+._overflowYinherit_xcjsm_440 {
   overflow-y: inherit;
 }
-._overflowYinitial_bg9pe_432 {
+._overflowYinitial_xcjsm_444 {
   overflow-y: initial;
 }
-._absolute_bg9pe_437 {
+._absolute_xcjsm_449 {
   position: absolute;
 }
-._fixed_bg9pe_441 {
+._fixed_xcjsm_453 {
   position: fixed;
 }
-._relative_bg9pe_445 {
+._relative_xcjsm_457 {
   position: relative;
 }
-._sticky_bg9pe_449 {
+._sticky_xcjsm_461 {
   position: sticky;
 }
 
@@ -2007,33 +2037,50 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
-._roundingsm_1bo6p_2 {
+._roundingsm_1fw7w_2 {
   border-radius: 8px;
 }
-._roundingmd_1bo6p_6 {
+._roundingmd_1fw7w_6 {
   border-radius: 12px;
 }
-._roundinglg_1bo6p_10 {
+._roundinglg_1fw7w_10 {
   border-radius: 16px;
 }
-._roundingxl_1bo6p_14 {
+._roundingxl_1fw7w_14 {
   border-radius: 24px;
 }
-._roundingfull_1bo6p_18 {
+._roundingfull_1fw7w_18 {
+  border-radius: 999px;
+}
+._roundingsmCambio_1fw7w_23 {
+  border-radius: 4px;
+}
+._roundingmdCambio_1fw7w_27 {
+  border-radius: 8px;
+}
+._roundingfullCambio_1fw7w_31 {
   border-radius: 999px;
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_15wcy_1 {
+._typography_imwgy_1 {
   margin: 0;
 }
 @font-face {
-  font-family: GT-Super-Text-Medium;
+  font-family: "GT Super";
   font-style: normal;
-  font-weight: 500;
-  src: local("GT-Super-Text-Medium"), url(https://partners.rebelmouse.com/protocol/GT-Super-Text-Medium.woff2) format("woff2");
+  font-weight: 510;
+  src: local("GT-Super-Text-Medium"), url(https://static.cambly.com/fonts/gt-super-medium.woff2);
+  font-display: optional;
+}
+@font-face {
+  font-family: "GT Super";
+  font-style: normal;
+  font-weight: 700;
+  src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-bold.woff2);
+  font-display: optional;
 }
-._sansSerif_15wcy_19 {
+._sansSerif_imwgy_23 {
   font-family:
     -apple-system,
     system-ui,
@@ -2045,9 +2092,9 @@
     sans-serif;
   margin: 0;
 }
-._serif_15wcy_25 {
+._serif_imwgy_29 {
   font-family:
-    GT-Super-Text-Medium,
+    "GT Super",
     -apple-system,
     system-ui,
     BlinkMacSystemFont,
@@ -2056,139 +2103,143 @@
     Helvetica,
     Arial,
     serif;
+  -webkit-font-smoothing: antialiased;
 }
-._size100_15wcy_31 {
+._size100_imwgy_36 {
   font-size: 12px;
 }
-._size200_15wcy_35 {
+._size200_imwgy_40 {
   font-size: 14px;
 }
-._size300_15wcy_39 {
+._size300_imwgy_44 {
   font-size: 16px;
 }
-._size500_15wcy_43 {
+._size500_imwgy_48 {
   font-size: 20px;
 }
-._size600_15wcy_47 {
+._size600_imwgy_52 {
   font-size: 28px;
 }
-._size700_15wcy_51 {
+._size700_imwgy_56 {
   font-size: 40px;
 }
-._size800_15wcy_55 {
+._size800_imwgy_60 {
   font-size: 64px;
 }
-._size100Cambio_15wcy_60 {
+._size100Cambio_imwgy_65 {
   font-size: 14px;
 }
-._size200Cambio_15wcy_64 {
+._size200Cambio_imwgy_69 {
   font-size: 16px;
 }
-._size300Cambio_15wcy_68 {
+._size300Cambio_imwgy_73 {
   font-size: 18px;
 }
-._size400Cambio_15wcy_72 {
+._size400Cambio_imwgy_77 {
   font-size: 20px;
 }
-._size500Cambio_15wcy_76 {
+._size500Cambio_imwgy_81 {
   font-size: 23px;
 }
-._size600Cambio_15wcy_80 {
+._size600Cambio_imwgy_85 {
   font-size: 26px;
 }
-._size700Cambio_15wcy_84 {
+._size700Cambio_imwgy_89 {
   font-size: 33px;
 }
-._size800Cambio_15wcy_88 {
+._size800Cambio_imwgy_93 {
   font-size: 41px;
 }
-._size900Cambio_15wcy_92 {
+._size900Cambio_imwgy_97 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_15wcy_60 {
-    font-size: 13px;
+  ._size100Cambio_imwgy_65 {
+    font-size: 14px;
   }
-  ._size200Cambio_15wcy_64 {
+  ._size200Cambio_imwgy_69 {
     font-size: 16px;
   }
-  ._size300Cambio_15wcy_68 {
+  ._size300Cambio_imwgy_73 {
     font-size: 20px;
   }
-  ._size400Cambio_15wcy_72 {
+  ._size400Cambio_imwgy_77 {
     font-size: 25px;
   }
-  ._size500Cambio_15wcy_76 {
+  ._size500Cambio_imwgy_81 {
     font-size: 31px;
   }
-  ._size600Cambio_15wcy_80 {
+  ._size600Cambio_imwgy_85 {
     font-size: 39px;
   }
-  ._size700Cambio_15wcy_84 {
+  ._size700Cambio_imwgy_89 {
     font-size: 49px;
   }
-  ._size800Cambio_15wcy_88 {
+  ._size800Cambio_imwgy_93 {
     font-size: 61px;
   }
-  ._size900Cambio_15wcy_92 {
+  ._size900Cambio_imwgy_97 {
     font-size: 76px;
   }
-  ._size1000Cambio_15wcy_133 {
+  ._size1000Cambio_imwgy_138 {
     font-size: 95px;
   }
-  ._size1100Cambio_15wcy_137 {
+  ._size1100Cambio_imwgy_142 {
     font-size: 119px;
   }
 }
-._center_15wcy_143 {
+._center_imwgy_148 {
   text-align: center;
 }
-._forceLeft_15wcy_147 {
+._forceLeft_imwgy_152 {
   text-align: left;
 }
-._forceRight_15wcy_151 {
+._forceRight_imwgy_156 {
   text-align: right;
 }
-._start_15wcy_155 {
+._start_imwgy_160 {
   text-align: start;
 }
-._end_15wcy_159 {
+._end_imwgy_164 {
   text-align: end;
 }
-._bold_15wcy_164 {
+._bold_imwgy_169 {
   font-weight: 700;
 }
-._regular_15wcy_168 {
+._regular_imwgy_173 {
   font-weight: 400;
 }
-._interactive_15wcy_172 {
+._interactive_imwgy_177 {
   font-weight: 500;
 }
-._semiBold_15wcy_176 {
+._semiBold_imwgy_181 {
   font-weight: 600;
 }
-._heavy_15wcy_180 {
+._heavy_imwgy_185 {
   font-weight: 860;
 }
-._regularCambio_15wcy_184 {
+._regularCambio_imwgy_189 {
   font-weight: 400;
 }
-._mediumCambio_15wcy_188 {
+._mediumCambio_imwgy_193 {
   font-weight: 510;
 }
-._semiBoldCambio_15wcy_192 {
+._semiBoldCambio_imwgy_197 {
   font-weight: 590;
 }
-._underline_15wcy_196 {
+._boldCambio_imwgy_201 {
+  font-weight: 700;
+}
+._underline_imwgy_205 {
   text-decoration: underline;
 }
-._inline_15wcy_200 {
+._inline_imwgy_209 {
   display: inline;
 }
-._uppercase_15wcy_204 {
+._uppercase_imwgy_213 {
   text-transform: uppercase;
 }
-._lineClamp_15wcy_208 {
+._lineClamp_imwgy_217 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;
@@ -2313,82 +2364,98 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data */
-._buttonGroup_1f9x9_1 {
+._buttonGroup_e77bq_1 {
   display: flex;
 }
-._horizontal_1f9x9_5 {
+._horizontal_e77bq_5 {
   flex-direction: row;
 }
-._vertical_1f9x9_9 {
+._vertical_e77bq_9 {
   flex-direction: column;
 }
-._smallGap_1f9x9_13 {
+._smallGap_e77bq_13 {
   gap: 8px;
 }
-._mediumGap_1f9x9_17 {
+._mediumGap_e77bq_17 {
   gap: 12px;
 }
-._largeGap_1f9x9_21 {
+._largeGap_e77bq_21 {
   gap: 16px;
 }
+._smallGapCambio_e77bq_25 {
+  gap: 4px;
+}
+._mediumGapCambio_e77bq_29 {
+  gap: 8px;
+}
+._largeGapCambio_e77bq_33 {
+  gap: 12px;
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css/#css-module-data */
-._mainContainer_an7al_1 {
+._mainContainer_1m96p_1 {
   display: flex;
   flex-direction: row;
   gap: 8px;
   align-items: center;
   position: relative;
 }
-._inputOverlay_an7al_9 {
+._inputOverlay_1m96p_9 {
   opacity: 0;
   position: absolute;
   margin: 0;
   top: 0;
   left: 0;
 }
-._checkbox_an7al_17 {
+._checkbox_1m96p_17 {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
 }
-._disabled_an7al_25 {
+._cambioCheckbox_1m96p_25 {
+  border-radius: 4px;
+}
+._disabled_1m96p_29 {
   opacity: 0.5;
 }
-._cursorDisabled_an7al_29 {
+._cursorDisabled_1m96p_33 {
   cursor: auto;
 }
-._cursorEnabled_an7al_33 {
+._cursorEnabled_1m96p_37 {
   cursor: pointer;
 }
-._uncheckedBox_an7al_37 {
+._uncheckedBox_1m96p_41 {
   border: 2px solid;
 }
-._uncheckedBorder_an7al_41 {
+._uncheckedBorder_1m96p_45 {
   border-color: var(--color-base-primary-700);
 }
-._uncheckedErrorBorder_an7al_45 {
+._uncheckedErrorBorder_1m96p_49 {
   border-color: var(--color-base-destructive-700);
 }
-._checkedBox_an7al_49 {
+._checkedBox_1m96p_53 {
   color: #fff;
 }
-._checkedNonError_an7al_53 {
+._checkedNonError_1m96p_57 {
   background: var(--color-base-primary-700);
 }
-._checkedError_an7al_57 {
+._checkedError_1m96p_61 {
   background: var(--color-base-destructive-700);
 }
-._sm_an7al_61 {
+._sm_1m96p_65 {
   height: 16px;
   width: 16px;
-  border-radius: 6px;
 }
-._md_an7al_67 {
+._md_1m96p_70 {
   height: 24px;
   width: 24px;
+}
+._smBorderRadius_1m96p_75 {
+  border-radius: 6px;
+}
+._mdBorderRadius_1m96p_79 {
   border-radius: 8px;
 }
 
@@ -2398,59 +2465,75 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css/#css-module-data */
-._chip_kwro3_1 {
-  background-color: var(--color-base-gray-200);
-  border: 1px solid var(--color-base-gray-300);
+._chip_1jp9s_1 {
   display: flex;
   align-items: center;
-  border-radius: 1000px;
   justify-content: center;
   text-align: center;
   cursor: pointer;
   box-sizing: border-box;
 }
-._disabled_kwro3_13 {
+._chipClassic_1jp9s_10 {
+  border: 1px solid var(--color-base-gray-300);
+  border-radius: 1000px;
+}
+._chipCambio_1jp9s_15 {
+  border: none;
+  border-radius: 8px;
+}
+._disabled_1jp9s_20 {
   filter: opacity(50%);
   cursor: auto;
 }
-._selectedChip_kwro3_18 {
+._deselectedChip_1jp9s_25 {
+  background-color: var(--color-base-gray-200);
+}
+._selectedChip_1jp9s_29 {
   background-color: var(--color-base-primary-800);
   border: 1px solid var(--color-base-primary-800);
 }
-._icon_kwro3_23 {
+._deselectedChipCambio_1jp9s_34 {
+  background-color: var(--color-cambio-gray-370);
+}
+._selectedChipCambio_1jp9s_38 {
+  background-color: var(--color-cambio-gray-800);
+}
+._icon_1jp9s_42 {
   height: 24px !important;
   width: 24px !important;
   color: var(--color-base-grey-900);
 }
-._selectedIcon_kwro3_31 {
+._selectedIcon_1jp9s_50 {
   color: #fff;
 }
-._sm_kwro3_35 {
+._sm_1jp9s_54 {
   height: 32px;
   min-width: 40px;
   padding: 8px 12px;
 }
-._lg_kwro3_41 {
+._lg_1jp9s_60 {
   height: 48px;
   min-width: 56px;
   padding: 8px 16px;
 }
-._chip_kwro3_1:focus-visible,
-._forceFocus_kwro3_48 {
+._chip_1jp9s_1:focus-visible,
+._forceFocus_1jp9s_67 {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data */
-._divider_ra8vz_1 {
-  background-color: var(--color-base-gray-10);
+._divider_1uaon_1 {
   border-radius: 50px;
   border: none;
   flex: 0 0 auto;
   height: 1px;
   margin: 0;
 }
+._dividerClassic_1uaon_9 {
+  background-color: var(--color-base-gray-10);
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
 ._iconButton_1q9cs_1 {
@@ -2550,8 +2633,7 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css/#css-module-data */
-._backdrop_30t3h_1 {
-  background-color: rgba(0, 0, 0, 0.6);
+._backdrop_tqzb0_1 {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -2560,7 +2642,13 @@
   align-items: center;
   top: 0;
 }
-._closeButton_30t3h_12 {
+._backdropClassic_tqzb0_11 {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+._backdropCambio_tqzb0_15 {
+  background-color: var(--color-cambio-gray-870);
+}
+._closeButton_tqzb0_19 {
   background: none;
   border: none;
   position: absolute;
@@ -2574,12 +2662,23 @@
   align-items: center;
   border-radius: 50%;
 }
-._closeButton_30t3h_12:focus-visible {
+._closeButtonClassic_tqzb0_34 {
+  height: 40px;
+  width: 40px;
+  top: 12px;
+  right: 12px;
+}
+._closeButtonCambio_tqzb0_41 {
+  height: 24px;
+  width: 24px;
+  top: 4px;
+  right: 4px;
+}
+._closeButton_tqzb0_19:focus-visible {
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._closeButtonWithImage_30t3h_32 {
-  border-radius: 50%;
+._closeButtonWithImage_tqzb0_53 {
   background-color: rgba(0, 0, 0, 0.3);
 }
 
@@ -2699,26 +2798,34 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
-._selectContainer_3ifov_1 {
+._selectContainer_plzrz_1 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._opacityOverlay_3ifov_7 {
+._selectContainerCambio_plzrz_7 {
+  position: relative;
+}
+._opacityOverlay_plzrz_11 {
   opacity: 0.5;
 }
-._outerTextContainer_3ifov_11 {
-  padding-inline-start: 4px;
-  padding-inline-end: 4px;
+._labelCambio_plzrz_15 {
+  left: 1px;
+  right: 1px;
+  position: absolute;
+  border-radius: 8px;
+  pointer-events: none;
+  width: 100%;
+  padding-top: 7px;
+  z-index: 1;
 }
-._selectWrapper_3ifov_16 {
+._selectWrapper_plzrz_26 {
   display: flex;
   position: relative;
 }
-._selectBox_3ifov_21 {
+._selectBox_plzrz_31 {
   align-items: center;
   appearance: none;
-  border: 1px solid var(--color-base-gray-700);
   cursor: pointer;
   display: flex;
   font-family:
@@ -2734,20 +2841,30 @@
   justify-content: space-between;
   margin: 0;
   outline: 0;
-  padding: 0 36px 0 12px;
   width: 100%;
 }
-._selectMouseFocusStyling_3ifov_37 {
+._selectBoxClassic_plzrz_45 {
+  border: 1px solid var(--color-base-gray-700);
+  padding: 0 36px 0 12px;
+}
+._selectBoxCambio_plzrz_50 {
+  border: 1px solid var(--color-cambio-gray-370);
+  border-radius: 8px;
+  font-size: 14px;
+  height: 48px;
+  padding: 12px 36px 0 12px;
+}
+._selectMouseFocusStyling_plzrz_58 {
   border: 1px solid var(--color-base-primary-700);
   box-shadow: 0 0 0 1px var(--color-base-primary-700);
 }
-._unselected_3ifov_42 {
+._unselected_plzrz_63 {
   color: var(--color-base-gray-700);
 }
-._selected_3ifov_46 {
+._selected_plzrz_67 {
   color: var(--color-base-gray-800);
 }
-._arrowIcon_3ifov_50 {
+._arrowIcon_plzrz_71 {
   display: flex;
   position: absolute;
   right: 0;
@@ -2756,29 +2873,33 @@
   padding-inline-end: 8px;
   pointer-events: none;
 }
-._selectBox_3ifov_21:disabled {
+._selectBox_plzrz_31:disabled {
   cursor: auto;
 }
-._sm_3ifov_64 {
+._sm_plzrz_85 {
   border-radius: 12px;
   font-size: 12px;
   height: 32px;
 }
-._md_3ifov_70 {
+._md_plzrz_91 {
   border-radius: 12px;
   font-size: 14px;
   height: 40px;
 }
-._lg_3ifov_76 {
+._lg_plzrz_97 {
   border-radius: 16px;
   font-size: 16px;
   height: 48px;
 }
-._selectError_3ifov_82 {
+._selectError_plzrz_103 {
   color: var(--color-base-destructive-700);
   border-color: var(--color-base-destructive-700);
   background-color: var(--color-base-destructive-100);
 }
+._selectErrorCambio_plzrz_109 {
+  color: var(--color-cambio-destructive-900);
+  border-color: var(--color-cambio-destructive-700);
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RichSelect/RichSelect.module.css/#css-module-data */
 ._richSelectItem_8ycz0_1:focus-visible,
@@ -2823,26 +2944,34 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TextArea/TextArea.module.css/#css-module-data */
-._textarea_11ro9_1 {
+._textarea_1w1b8_1 {
   border-radius: 12px;
 }
-._sm_11ro9_5 {
+._sm_1w1b8_5 {
   padding-bottom: 12px;
   padding-top: 12px;
 }
-._md_11ro9_10 {
+._md_1w1b8_10 {
   padding-bottom: 12px;
   padding-top: 12px;
 }
-._lg_11ro9_15 {
+._lg_1w1b8_15 {
   padding-bottom: 16px;
   padding-top: 16px;
 }
+._textareaCambio_1w1b8_20 {
+  padding: 28px 12px 12px;
+}
+._fixTextareaHeight_1w1b8_24 {
+  line-height: 0;
+}
+._labelCambio_1w1b8_28 {
+  padding: 12px 0 4px;
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css/#css-module-data */
-._textfield_bmndn_1 {
+._textfield_15iys_1 {
   appearance: none;
-  border: 1px solid var(--color-base-gray-700);
   box-sizing: border-box;
   font-family:
     -apple-system,
@@ -2856,51 +2985,89 @@
   margin: 0;
   width: 100%;
 }
-._textfield_bmndn_1:focus {
+._textfieldClassic_15iys_10 {
+  border: 1px solid var(--color-base-gray-700);
+}
+._textfieldCambio_15iys_14 {
+  border: 1px solid var(--color-cambio-gray-370);
+  border-radius: 8px;
+  font-size: 14px;
+}
+._textfield_15iys_1:focus {
   outline: none;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
 }
-._textfield_bmndn_1:disabled {
+._textfield_15iys_1:disabled {
   cursor: auto;
 }
-._label_bmndn_20 {
+._label_15iys_29 {
   cursor: pointer;
 }
-._sm_bmndn_24 {
+._labelCambio_15iys_33 {
+  left: 1px;
+  right: 1px;
+  position: absolute;
+  border-radius: 8px;
+  pointer-events: none;
+  width: 100%;
+}
+._labelCambioTextfield_15iys_42 {
+  padding-top: 7px;
+}
+._sm_15iys_46 {
   border-radius: 12px;
   font-size: 12px;
   padding-inline-start: 12px;
   padding-inline-end: 12px;
 }
-._smHeight_bmndn_31 {
+._smCambio_15iys_53 {
+  padding: 24px 12px 12px;
+}
+._mdCambio_15iys_57 {
+  padding: 24px 12px 12px;
+}
+._lgCambio_15iys_61 {
+  padding: 28px 12px 12px;
+}
+._heightCambio_15iys_65 {
+  height: 48px;
+}
+._smHeight_15iys_69 {
   height: 32px;
 }
-._md_bmndn_35 {
+._md_15iys_57 {
   border-radius: 12px;
   font-size: 14px;
   padding-inline-start: 12px;
   padding-inline-end: 12px;
 }
-._mdHeight_bmndn_42 {
+._mdHeight_15iys_80 {
   height: 40px;
 }
-._lg_bmndn_46 {
+._lg_15iys_61 {
   border-radius: 16px;
   font-size: 16px;
   padding-inline-start: 16px;
   padding-inline-end: 16px;
 }
-._lgHeight_bmndn_53 {
+._lgHeight_15iys_91 {
   height: 48px;
 }
-._inputError_bmndn_57 {
+._inputError_15iys_95 {
   color: var(--color-base-destructive-700);
   border-color: var(--color-base-destructive-700);
   background-color: var(--color-base-destructive-100);
 }
-._inputError_bmndn_57::placeholder {
+._inputError_15iys_95::placeholder {
   color: var(--color-base-destructive-700);
 }
+._inputErrorCambio_15iys_105 {
+  color: var(--color-cambio-destructive-900);
+  border-color: var(--color-cambio-destructive-700);
+}
+._inputErrorCambio_15iys_105::placeholder {
+  color: var(--color-cambio-destructive-900);
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Tooltip/Tooltip.module.css/#css-module-data */
 ._tooltip_11pyp_1 {