@cambly/syntax-core 19.1.0 → 19.2.0

package/dist/IconButton/IconButton.css

@@ -775,4 +775,1631 @@
   stroke-dashoffset: 0;
   transform-origin: center;
 }
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
+._box_xcjsm_1 {
+  box-sizing: border-box;
+}
+._flexnone_xcjsm_5 {
+  flex: 0 0 auto;
+}
+._flexgrow_xcjsm_9 {
+  flex: 1 1 auto;
+}
+._flexWrap_xcjsm_13 {
+  flex-wrap: wrap;
+}
+._alignItemscenter_xcjsm_18 {
+  align-items: center;
+}
+._alignItemsstart_xcjsm_22 {
+  align-items: flex-start;
+}
+._alignItemsend_xcjsm_26 {
+  align-items: flex-end;
+}
+._alignItemsstretch_xcjsm_30 {
+  align-items: stretch;
+}
+._alignItemsbaseline_xcjsm_34 {
+  align-items: baseline;
+}
+@media (min-width: 480px) {
+  ._alignItemscenterSmall_xcjsm_40 {
+    align-items: center;
+  }
+  ._alignItemsstartSmall_xcjsm_44 {
+    align-items: flex-start;
+  }
+  ._alignItemsendSmall_xcjsm_48 {
+    align-items: flex-end;
+  }
+  ._alignItemsstretchSmall_xcjsm_52 {
+    align-items: stretch;
+  }
+  ._alignItemsbaselineSmall_xcjsm_56 {
+    align-items: baseline;
+  }
+}
+@media (min-width: 960px) {
+  ._alignItemscenterLarge_xcjsm_63 {
+    align-items: center;
+  }
+  ._alignItemsstartLarge_xcjsm_67 {
+    align-items: flex-start;
+  }
+  ._alignItemsendLarge_xcjsm_71 {
+    align-items: flex-end;
+  }
+  ._alignItemsstretchLarge_xcjsm_75 {
+    align-items: stretch;
+  }
+  ._alignItemsbaselineLarge_xcjsm_79 {
+    align-items: baseline;
+  }
+}
+._alignSelfcenter_xcjsm_85 {
+  align-self: center;
+}
+._alignSelfstart_xcjsm_89 {
+  align-self: flex-start;
+}
+._alignSelfend_xcjsm_93 {
+  align-self: flex-end;
+}
+._alignSelfstretch_xcjsm_97 {
+  align-self: stretch;
+}
+._alignSelfbaseline_xcjsm_101 {
+  align-self: baseline;
+}
+._alignSelfauto_xcjsm_105 {
+  align-self: auto;
+}
+._block_xcjsm_110 {
+  display: block;
+}
+._flex_xcjsm_5 {
+  display: flex;
+}
+._inlineBlock_xcjsm_118 {
+  display: inline-block;
+}
+._inlineFlex_xcjsm_122 {
+  display: inline-flex;
+}
+._none_xcjsm_126 {
+  display: none;
+}
+._visuallyHidden_xcjsm_130 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin-bottom: -1px;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+  clip: rect(0 0 0 0);
+  overflow: hidden;
+}
+@media (min-width: 480px) {
+  ._blockSmall_xcjsm_144 {
+    display: block;
+  }
+  ._flexSmall_xcjsm_148 {
+    display: flex;
+  }
+  ._inlineBlockSmall_xcjsm_152 {
+    display: inline-block;
+  }
+  ._inlineFlexSmall_xcjsm_156 {
+    display: inline-flex;
+  }
+  ._noneSmall_xcjsm_160 {
+    display: none;
+  }
+  ._visuallyHiddenSmall_xcjsm_164 {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin-bottom: -1px;
+    border: 0;
+    padding-left: 0;
+    padding-right: 0;
+    clip: rect(0 0 0 0);
+    overflow: hidden;
+  }
+}
+@media (min-width: 960px) {
+  ._blockLarge_xcjsm_179 {
+    display: block;
+  }
+  ._flexLarge_xcjsm_183 {
+    display: flex;
+  }
+  ._inlineBlockLarge_xcjsm_187 {
+    display: inline-block;
+  }
+  ._inlineFlexLarge_xcjsm_191 {
+    display: inline-flex;
+  }
+  ._noneLarge_xcjsm_195 {
+    display: none;
+  }
+  ._visuallyHiddenLarge_xcjsm_199 {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin-bottom: -1px;
+    border: 0;
+    padding-left: 0;
+    padding-right: 0;
+    clip: rect(0 0 0 0);
+    overflow: hidden;
+  }
+}
+._column_xcjsm_213 {
+  flex-direction: column;
+}
+._row_xcjsm_217 {
+  flex-direction: row;
+}
+@media (min-width: 480px) {
+  ._columnSmall_xcjsm_223 {
+    flex-direction: column;
+  }
+  ._rowSmall_xcjsm_227 {
+    flex-direction: row;
+  }
+}
+@media (min-width: 960px) {
+  ._columnLarge_xcjsm_234 {
+    flex-direction: column;
+  }
+  ._rowLarge_xcjsm_238 {
+    flex-direction: row;
+  }
+}
+._gap0_xcjsm_244 {
+  gap: 0;
+}
+._gap1_xcjsm_248 {
+  gap: 4px;
+}
+._gap2_xcjsm_252 {
+  gap: 8px;
+}
+._gap3_xcjsm_256 {
+  gap: 12px;
+}
+._gap4_xcjsm_260 {
+  gap: 16px;
+}
+._gap5_xcjsm_264 {
+  gap: 20px;
+}
+._gap6_xcjsm_268 {
+  gap: 24px;
+}
+._gap7_xcjsm_272 {
+  gap: 28px;
+}
+._gap8_xcjsm_276 {
+  gap: 32px;
+}
+._gap9_xcjsm_280 {
+  gap: 36px;
+}
+._gap10_xcjsm_284 {
+  gap: 40px;
+}
+._gap11_xcjsm_288 {
+  gap: 44px;
+}
+._gap12_xcjsm_292 {
+  gap: 48px;
+}
+._justifyContentcenter_xcjsm_297 {
+  justify-content: center;
+}
+._justifyContentstart_xcjsm_301 {
+  justify-content: flex-start;
+}
+._justifyContentend_xcjsm_305 {
+  justify-content: flex-end;
+}
+._justifyContentbetween_xcjsm_309 {
+  justify-content: space-between;
+}
+._justifyContentaround_xcjsm_313 {
+  justify-content: space-around;
+}
+._justifyContentevenly_xcjsm_317 {
+  justify-content: space-evenly;
+}
+@media (min-width: 480px) {
+  ._justifyContentcenterSmall_xcjsm_323 {
+    justify-content: center;
+  }
+  ._justifyContentstartSmall_xcjsm_327 {
+    justify-content: flex-start;
+  }
+  ._justifyContentendSmall_xcjsm_331 {
+    justify-content: flex-end;
+  }
+  ._justifyContentbetweenSmall_xcjsm_335 {
+    justify-content: space-between;
+  }
+  ._justifyContentaroundSmall_xcjsm_339 {
+    justify-content: space-around;
+  }
+  ._justifyContentevenlySmall_xcjsm_343 {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 960px) {
+  ._justifyContentcenterLarge_xcjsm_350 {
+    justify-content: center;
+  }
+  ._justifyContentstartLarge_xcjsm_354 {
+    justify-content: flex-start;
+  }
+  ._justifyContentendLarge_xcjsm_358 {
+    justify-content: flex-end;
+  }
+  ._justifyContentbetweenLarge_xcjsm_362 {
+    justify-content: space-between;
+  }
+  ._justifyContentaroundLarge_xcjsm_366 {
+    justify-content: space-around;
+  }
+  ._justifyContentevenlyLarge_xcjsm_370 {
+    justify-content: space-evenly;
+  }
+}
+._overflowvisible_xcjsm_376 {
+  overflow: visible;
+}
+._overflowhidden_xcjsm_380 {
+  overflow: hidden;
+}
+._overflowscroll_xcjsm_384 {
+  overflow: scroll;
+}
+._overflowauto_xcjsm_388 {
+  overflow: auto;
+}
+._overflowinherit_xcjsm_392 {
+  overflow: inherit;
+}
+._overflowinitial_xcjsm_396 {
+  overflow: initial;
+}
+._overflowXvisible_xcjsm_400 {
+  overflow-x: visible;
+}
+._overflowXhidden_xcjsm_404 {
+  overflow-x: hidden;
+}
+._overflowXscroll_xcjsm_408 {
+  overflow-x: scroll;
+}
+._overflowXauto_xcjsm_412 {
+  overflow-x: auto;
+}
+._overflowXinherit_xcjsm_416 {
+  overflow-x: inherit;
+}
+._overflowXinitial_xcjsm_420 {
+  overflow-x: initial;
+}
+._overflowYvisible_xcjsm_424 {
+  overflow-y: visible;
+}
+._overflowYhidden_xcjsm_428 {
+  overflow-y: hidden;
+}
+._overflowYscroll_xcjsm_432 {
+  overflow-y: scroll;
+}
+._overflowYauto_xcjsm_436 {
+  overflow-y: auto;
+}
+._overflowYinherit_xcjsm_440 {
+  overflow-y: inherit;
+}
+._overflowYinitial_xcjsm_444 {
+  overflow-y: initial;
+}
+._absolute_xcjsm_449 {
+  position: absolute;
+}
+._fixed_xcjsm_453 {
+  position: fixed;
+}
+._relative_xcjsm_457 {
+  position: relative;
+}
+._sticky_xcjsm_461 {
+  position: sticky;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data */
+._marginBottom-12_1whn1_2 {
+  margin-bottom: -48px;
+}
+._marginBottom-11_1whn1_6 {
+  margin-bottom: -44px;
+}
+._marginBottom-10_1whn1_10 {
+  margin-bottom: -40px;
+}
+._marginBottom-9_1whn1_14 {
+  margin-bottom: -36px;
+}
+._marginBottom-8_1whn1_18 {
+  margin-bottom: -32px;
+}
+._marginBottom-7_1whn1_22 {
+  margin-bottom: -28px;
+}
+._marginBottom-6_1whn1_26 {
+  margin-bottom: -24px;
+}
+._marginBottom-5_1whn1_30 {
+  margin-bottom: -20px;
+}
+._marginBottom-4_1whn1_34 {
+  margin-bottom: -16px;
+}
+._marginBottom-3_1whn1_38 {
+  margin-bottom: -12px;
+}
+._marginBottom-2_1whn1_42 {
+  margin-bottom: -8px;
+}
+._marginBottom-1_1whn1_2 {
+  margin-bottom: -4px;
+}
+._marginBottom0_1whn1_50 {
+  margin-bottom: 0;
+}
+._marginBottom1_1whn1_54 {
+  margin-bottom: 4px;
+}
+._marginBottom2_1whn1_58 {
+  margin-bottom: 8px;
+}
+._marginBottom3_1whn1_62 {
+  margin-bottom: 12px;
+}
+._marginBottom4_1whn1_66 {
+  margin-bottom: 16px;
+}
+._marginBottom5_1whn1_70 {
+  margin-bottom: 20px;
+}
+._marginBottom6_1whn1_74 {
+  margin-bottom: 24px;
+}
+._marginBottom7_1whn1_78 {
+  margin-bottom: 28px;
+}
+._marginBottom8_1whn1_82 {
+  margin-bottom: 32px;
+}
+._marginBottom9_1whn1_86 {
+  margin-bottom: 36px;
+}
+._marginBottom10_1whn1_90 {
+  margin-bottom: 40px;
+}
+._marginBottom11_1whn1_94 {
+  margin-bottom: 44px;
+}
+._marginBottom12_1whn1_98 {
+  margin-bottom: 48px;
+}
+._marginBottomauto_1whn1_102 {
+  margin-bottom: auto;
+}
+._marginEnd-12_1whn1_107 {
+  margin-inline-end: -48px;
+}
+._marginEnd-11_1whn1_111 {
+  margin-inline-end: -44px;
+}
+._marginEnd-10_1whn1_115 {
+  margin-inline-end: -40px;
+}
+._marginEnd-9_1whn1_119 {
+  margin-inline-end: -36px;
+}
+._marginEnd-8_1whn1_123 {
+  margin-inline-end: -32px;
+}
+._marginEnd-7_1whn1_127 {
+  margin-inline-end: -28px;
+}
+._marginEnd-6_1whn1_131 {
+  margin-inline-end: -24px;
+}
+._marginEnd-5_1whn1_135 {
+  margin-inline-end: -20px;
+}
+._marginEnd-4_1whn1_139 {
+  margin-inline-end: -16px;
+}
+._marginEnd-3_1whn1_143 {
+  margin-inline-end: -12px;
+}
+._marginEnd-2_1whn1_147 {
+  margin-inline-end: -8px;
+}
+._marginEnd-1_1whn1_107 {
+  margin-inline-end: -4px;
+}
+._marginEnd0_1whn1_155 {
+  margin-inline-end: 0;
+}
+._marginEnd1_1whn1_159 {
+  margin-inline-end: 4px;
+}
+._marginEnd2_1whn1_163 {
+  margin-inline-end: 8px;
+}
+._marginEnd3_1whn1_167 {
+  margin-inline-end: 12px;
+}
+._marginEnd4_1whn1_171 {
+  margin-inline-end: 16px;
+}
+._marginEnd5_1whn1_175 {
+  margin-inline-end: 20px;
+}
+._marginEnd6_1whn1_179 {
+  margin-inline-end: 24px;
+}
+._marginEnd7_1whn1_183 {
+  margin-inline-end: 28px;
+}
+._marginEnd8_1whn1_187 {
+  margin-inline-end: 32px;
+}
+._marginEnd9_1whn1_191 {
+  margin-inline-end: 36px;
+}
+._marginEnd10_1whn1_195 {
+  margin-inline-end: 40px;
+}
+._marginEnd11_1whn1_199 {
+  margin-inline-end: 44px;
+}
+._marginEnd12_1whn1_203 {
+  margin-inline-end: 48px;
+}
+._marginEndauto_1whn1_207 {
+  margin-inline-end: auto;
+}
+._marginStart-12_1whn1_212 {
+  margin-inline-start: -48px;
+}
+._marginStart-11_1whn1_216 {
+  margin-inline-start: -44px;
+}
+._marginStart-10_1whn1_220 {
+  margin-inline-start: -40px;
+}
+._marginStart-9_1whn1_224 {
+  margin-inline-start: -36px;
+}
+._marginStart-8_1whn1_228 {
+  margin-inline-start: -32px;
+}
+._marginStart-7_1whn1_232 {
+  margin-inline-start: -28px;
+}
+._marginStart-6_1whn1_236 {
+  margin-inline-start: -24px;
+}
+._marginStart-5_1whn1_240 {
+  margin-inline-start: -20px;
+}
+._marginStart-4_1whn1_244 {
+  margin-inline-start: -16px;
+}
+._marginStart-3_1whn1_248 {
+  margin-inline-start: -12px;
+}
+._marginStart-2_1whn1_252 {
+  margin-inline-start: -8px;
+}
+._marginStart-1_1whn1_212 {
+  margin-inline-start: -4px;
+}
+._marginStart0_1whn1_260 {
+  margin-inline-start: 0;
+}
+._marginStart1_1whn1_264 {
+  margin-inline-start: 4px;
+}
+._marginStart2_1whn1_268 {
+  margin-inline-start: 8px;
+}
+._marginStart3_1whn1_272 {
+  margin-inline-start: 12px;
+}
+._marginStart4_1whn1_276 {
+  margin-inline-start: 16px;
+}
+._marginStart5_1whn1_280 {
+  margin-inline-start: 20px;
+}
+._marginStart6_1whn1_284 {
+  margin-inline-start: 24px;
+}
+._marginStart7_1whn1_288 {
+  margin-inline-start: 28px;
+}
+._marginStart8_1whn1_292 {
+  margin-inline-start: 32px;
+}
+._marginStart9_1whn1_296 {
+  margin-inline-start: 36px;
+}
+._marginStart10_1whn1_300 {
+  margin-inline-start: 40px;
+}
+._marginStart11_1whn1_304 {
+  margin-inline-start: 44px;
+}
+._marginStart12_1whn1_308 {
+  margin-inline-start: 48px;
+}
+._marginStartauto_1whn1_312 {
+  margin-inline-start: auto;
+}
+._marginTop-12_1whn1_317 {
+  margin-top: -48px;
+}
+._marginTop-11_1whn1_321 {
+  margin-top: -44px;
+}
+._marginTop-10_1whn1_325 {
+  margin-top: -40px;
+}
+._marginTop-9_1whn1_329 {
+  margin-top: -36px;
+}
+._marginTop-8_1whn1_333 {
+  margin-top: -32px;
+}
+._marginTop-7_1whn1_337 {
+  margin-top: -28px;
+}
+._marginTop-6_1whn1_341 {
+  margin-top: -24px;
+}
+._marginTop-5_1whn1_345 {
+  margin-top: -20px;
+}
+._marginTop-4_1whn1_349 {
+  margin-top: -16px;
+}
+._marginTop-3_1whn1_353 {
+  margin-top: -12px;
+}
+._marginTop-2_1whn1_357 {
+  margin-top: -8px;
+}
+._marginTop-1_1whn1_317 {
+  margin-top: -4px;
+}
+._marginTop0_1whn1_365 {
+  margin-top: 0;
+}
+._marginTop1_1whn1_369 {
+  margin-top: 4px;
+}
+._marginTop2_1whn1_373 {
+  margin-top: 8px;
+}
+._marginTop3_1whn1_377 {
+  margin-top: 12px;
+}
+._marginTop4_1whn1_381 {
+  margin-top: 16px;
+}
+._marginTop5_1whn1_385 {
+  margin-top: 20px;
+}
+._marginTop6_1whn1_389 {
+  margin-top: 24px;
+}
+._marginTop7_1whn1_393 {
+  margin-top: 28px;
+}
+._marginTop8_1whn1_397 {
+  margin-top: 32px;
+}
+._marginTop9_1whn1_401 {
+  margin-top: 36px;
+}
+._marginTop10_1whn1_405 {
+  margin-top: 40px;
+}
+._marginTop11_1whn1_409 {
+  margin-top: 44px;
+}
+._marginTop12_1whn1_413 {
+  margin-top: 48px;
+}
+._marginTopauto_1whn1_417 {
+  margin-top: auto;
+}
+@media (min-width: 480px) {
+  ._marginBottom-12Small_1whn1_423 {
+    margin-bottom: -48px;
+  }
+  ._marginBottom-11Small_1whn1_427 {
+    margin-bottom: -44px;
+  }
+  ._marginBottom-10Small_1whn1_431 {
+    margin-bottom: -40px;
+  }
+  ._marginBottom-9Small_1whn1_435 {
+    margin-bottom: -36px;
+  }
+  ._marginBottom-8Small_1whn1_439 {
+    margin-bottom: -32px;
+  }
+  ._marginBottom-7Small_1whn1_443 {
+    margin-bottom: -28px;
+  }
+  ._marginBottom-6Small_1whn1_447 {
+    margin-bottom: -24px;
+  }
+  ._marginBottom-5Small_1whn1_451 {
+    margin-bottom: -20px;
+  }
+  ._marginBottom-4Small_1whn1_455 {
+    margin-bottom: -16px;
+  }
+  ._marginBottom-3Small_1whn1_459 {
+    margin-bottom: -12px;
+  }
+  ._marginBottom-2Small_1whn1_463 {
+    margin-bottom: -8px;
+  }
+  ._marginBottom-1Small_1whn1_467 {
+    margin-bottom: -4px;
+  }
+  ._marginBottom0Small_1whn1_471 {
+    margin-bottom: 0;
+  }
+  ._marginBottom1Small_1whn1_475 {
+    margin-bottom: 4px;
+  }
+  ._marginBottom2Small_1whn1_479 {
+    margin-bottom: 8px;
+  }
+  ._marginBottom3Small_1whn1_483 {
+    margin-bottom: 12px;
+  }
+  ._marginBottom4Small_1whn1_487 {
+    margin-bottom: 16px;
+  }
+  ._marginBottom5Small_1whn1_491 {
+    margin-bottom: 20px;
+  }
+  ._marginBottom6Small_1whn1_495 {
+    margin-bottom: 24px;
+  }
+  ._marginBottom7Small_1whn1_499 {
+    margin-bottom: 28px;
+  }
+  ._marginBottom8Small_1whn1_503 {
+    margin-bottom: 32px;
+  }
+  ._marginBottom9Small_1whn1_507 {
+    margin-bottom: 36px;
+  }
+  ._marginBottom10Small_1whn1_511 {
+    margin-bottom: 40px;
+  }
+  ._marginBottom11Small_1whn1_515 {
+    margin-bottom: 44px;
+  }
+  ._marginBottom12Small_1whn1_519 {
+    margin-bottom: 48px;
+  }
+  ._marginBottomautoSmall_1whn1_523 {
+    margin-bottom: auto;
+  }
+  ._marginEnd-12Small_1whn1_527 {
+    margin-inline-end: -48px;
+  }
+  ._marginEnd-11Small_1whn1_531 {
+    margin-inline-end: -44px;
+  }
+  ._marginEnd-10Small_1whn1_535 {
+    margin-inline-end: -40px;
+  }
+  ._marginEnd-9Small_1whn1_539 {
+    margin-inline-end: -36px;
+  }
+  ._marginEnd-8Small_1whn1_543 {
+    margin-inline-end: -32px;
+  }
+  ._marginEnd-7Small_1whn1_547 {
+    margin-inline-end: -28px;
+  }
+  ._marginEnd-6Small_1whn1_551 {
+    margin-inline-end: -24px;
+  }
+  ._marginEnd-5Small_1whn1_555 {
+    margin-inline-end: -20px;
+  }
+  ._marginEnd-4Small_1whn1_559 {
+    margin-inline-end: -16px;
+  }
+  ._marginEnd-3Small_1whn1_563 {
+    margin-inline-end: -12px;
+  }
+  ._marginEnd-2Small_1whn1_567 {
+    margin-inline-end: -8px;
+  }
+  ._marginEnd-1Small_1whn1_571 {
+    margin-inline-end: -4px;
+  }
+  ._marginEnd0Small_1whn1_575 {
+    margin-inline-end: 0;
+  }
+  ._marginEnd1Small_1whn1_579 {
+    margin-inline-end: 4px;
+  }
+  ._marginEnd2Small_1whn1_583 {
+    margin-inline-end: 8px;
+  }
+  ._marginEnd3Small_1whn1_587 {
+    margin-inline-end: 12px;
+  }
+  ._marginEnd4Small_1whn1_591 {
+    margin-inline-end: 16px;
+  }
+  ._marginEnd5Small_1whn1_595 {
+    margin-inline-end: 20px;
+  }
+  ._marginEnd6Small_1whn1_599 {
+    margin-inline-end: 24px;
+  }
+  ._marginEnd7Small_1whn1_603 {
+    margin-inline-end: 28px;
+  }
+  ._marginEnd8Small_1whn1_607 {
+    margin-inline-end: 32px;
+  }
+  ._marginEnd9Small_1whn1_611 {
+    margin-inline-end: 36px;
+  }
+  ._marginEnd10Small_1whn1_615 {
+    margin-inline-end: 40px;
+  }
+  ._marginEnd11Small_1whn1_619 {
+    margin-inline-end: 44px;
+  }
+  ._marginEnd12Small_1whn1_623 {
+    margin-inline-end: 48px;
+  }
+  ._marginEndautoSmall_1whn1_627 {
+    margin-inline-end: auto;
+  }
+  ._marginStart-12Small_1whn1_631 {
+    margin-inline-start: -48px;
+  }
+  ._marginStart-11Small_1whn1_635 {
+    margin-inline-start: -44px;
+  }
+  ._marginStart-10Small_1whn1_639 {
+    margin-inline-start: -40px;
+  }
+  ._marginStart-9Small_1whn1_643 {
+    margin-inline-start: -36px;
+  }
+  ._marginStart-8Small_1whn1_647 {
+    margin-inline-start: -32px;
+  }
+  ._marginStart-7Small_1whn1_651 {
+    margin-inline-start: -28px;
+  }
+  ._marginStart-6Small_1whn1_655 {
+    margin-inline-start: -24px;
+  }
+  ._marginStart-5Small_1whn1_659 {
+    margin-inline-start: -20px;
+  }
+  ._marginStart-4Small_1whn1_663 {
+    margin-inline-start: -16px;
+  }
+  ._marginStart-3Small_1whn1_667 {
+    margin-inline-start: -12px;
+  }
+  ._marginStart-2Small_1whn1_671 {
+    margin-inline-start: -8px;
+  }
+  ._marginStart-1Small_1whn1_675 {
+    margin-inline-start: -4px;
+  }
+  ._marginStart0Small_1whn1_679 {
+    margin-inline-start: 0;
+  }
+  ._marginStart1Small_1whn1_683 {
+    margin-inline-start: 4px;
+  }
+  ._marginStart2Small_1whn1_687 {
+    margin-inline-start: 8px;
+  }
+  ._marginStart3Small_1whn1_691 {
+    margin-inline-start: 12px;
+  }
+  ._marginStart4Small_1whn1_695 {
+    margin-inline-start: 16px;
+  }
+  ._marginStart5Small_1whn1_699 {
+    margin-inline-start: 20px;
+  }
+  ._marginStart6Small_1whn1_703 {
+    margin-inline-start: 24px;
+  }
+  ._marginStart7Small_1whn1_707 {
+    margin-inline-start: 28px;
+  }
+  ._marginStart8Small_1whn1_711 {
+    margin-inline-start: 32px;
+  }
+  ._marginStart9Small_1whn1_715 {
+    margin-inline-start: 36px;
+  }
+  ._marginStart10Small_1whn1_719 {
+    margin-inline-start: 40px;
+  }
+  ._marginStart11Small_1whn1_723 {
+    margin-inline-start: 44px;
+  }
+  ._marginStart12Small_1whn1_727 {
+    margin-inline-start: 48px;
+  }
+  ._marginStartautoSmall_1whn1_731 {
+    margin-inline-start: auto;
+  }
+  ._marginTop-12Small_1whn1_735 {
+    margin-top: -48px;
+  }
+  ._marginTop-11Small_1whn1_739 {
+    margin-top: -44px;
+  }
+  ._marginTop-10Small_1whn1_743 {
+    margin-top: -40px;
+  }
+  ._marginTop-9Small_1whn1_747 {
+    margin-top: -36px;
+  }
+  ._marginTop-8Small_1whn1_751 {
+    margin-top: -32px;
+  }
+  ._marginTop-7Small_1whn1_755 {
+    margin-top: -28px;
+  }
+  ._marginTop-6Small_1whn1_759 {
+    margin-top: -24px;
+  }
+  ._marginTop-5Small_1whn1_763 {
+    margin-top: -20px;
+  }
+  ._marginTop-4Small_1whn1_767 {
+    margin-top: -16px;
+  }
+  ._marginTop-3Small_1whn1_771 {
+    margin-top: -12px;
+  }
+  ._marginTop-2Small_1whn1_775 {
+    margin-top: -8px;
+  }
+  ._marginTop-1Small_1whn1_779 {
+    margin-top: -4px;
+  }
+  ._marginTop0Small_1whn1_783 {
+    margin-top: 0;
+  }
+  ._marginTop1Small_1whn1_787 {
+    margin-top: 4px;
+  }
+  ._marginTop2Small_1whn1_791 {
+    margin-top: 8px;
+  }
+  ._marginTop3Small_1whn1_795 {
+    margin-top: 12px;
+  }
+  ._marginTop4Small_1whn1_799 {
+    margin-top: 16px;
+  }
+  ._marginTop5Small_1whn1_803 {
+    margin-top: 20px;
+  }
+  ._marginTop6Small_1whn1_807 {
+    margin-top: 24px;
+  }
+  ._marginTop7Small_1whn1_811 {
+    margin-top: 28px;
+  }
+  ._marginTop8Small_1whn1_815 {
+    margin-top: 32px;
+  }
+  ._marginTop9Small_1whn1_819 {
+    margin-top: 36px;
+  }
+  ._marginTop10Small_1whn1_823 {
+    margin-top: 40px;
+  }
+  ._marginTop11Small_1whn1_827 {
+    margin-top: 44px;
+  }
+  ._marginTop12Small_1whn1_831 {
+    margin-top: 48px;
+  }
+  ._marginTopautoSmall_1whn1_835 {
+    margin-top: auto;
+  }
+}
+@media (min-width: 960px) {
+  ._marginBottom-12Large_1whn1_842 {
+    margin-bottom: -48px;
+  }
+  ._marginBottom-11Large_1whn1_846 {
+    margin-bottom: -44px;
+  }
+  ._marginBottom-10Large_1whn1_850 {
+    margin-bottom: -40px;
+  }
+  ._marginBottom-9Large_1whn1_854 {
+    margin-bottom: -36px;
+  }
+  ._marginBottom-8Large_1whn1_858 {
+    margin-bottom: -32px;
+  }
+  ._marginBottom-7Large_1whn1_862 {
+    margin-bottom: -28px;
+  }
+  ._marginBottom-6Large_1whn1_866 {
+    margin-bottom: -24px;
+  }
+  ._marginBottom-5Large_1whn1_870 {
+    margin-bottom: -20px;
+  }
+  ._marginBottom-4Large_1whn1_874 {
+    margin-bottom: -16px;
+  }
+  ._marginBottom-3Large_1whn1_878 {
+    margin-bottom: -12px;
+  }
+  ._marginBottom-2Large_1whn1_882 {
+    margin-bottom: -8px;
+  }
+  ._marginBottom-1Large_1whn1_886 {
+    margin-bottom: -4px;
+  }
+  ._marginBottom0Large_1whn1_890 {
+    margin-bottom: 0;
+  }
+  ._marginBottom1Large_1whn1_894 {
+    margin-bottom: 4px;
+  }
+  ._marginBottom2Large_1whn1_898 {
+    margin-bottom: 8px;
+  }
+  ._marginBottom3Large_1whn1_902 {
+    margin-bottom: 12px;
+  }
+  ._marginBottom4Large_1whn1_906 {
+    margin-bottom: 16px;
+  }
+  ._marginBottom5Large_1whn1_910 {
+    margin-bottom: 20px;
+  }
+  ._marginBottom6Large_1whn1_914 {
+    margin-bottom: 24px;
+  }
+  ._marginBottom7Large_1whn1_918 {
+    margin-bottom: 28px;
+  }
+  ._marginBottom8Large_1whn1_922 {
+    margin-bottom: 32px;
+  }
+  ._marginBottom9Large_1whn1_926 {
+    margin-bottom: 36px;
+  }
+  ._marginBottom10Large_1whn1_930 {
+    margin-bottom: 40px;
+  }
+  ._marginBottom11Large_1whn1_934 {
+    margin-bottom: 44px;
+  }
+  ._marginBottom12Large_1whn1_938 {
+    margin-bottom: 48px;
+  }
+  ._marginBottomautoLarge_1whn1_942 {
+    margin-bottom: auto;
+  }
+  ._marginEnd-12Large_1whn1_946 {
+    margin-inline-end: -48px;
+  }
+  ._marginEnd-11Large_1whn1_950 {
+    margin-inline-end: -44px;
+  }
+  ._marginEnd-10Large_1whn1_954 {
+    margin-inline-end: -40px;
+  }
+  ._marginEnd-9Large_1whn1_958 {
+    margin-inline-end: -36px;
+  }
+  ._marginEnd-8Large_1whn1_962 {
+    margin-inline-end: -32px;
+  }
+  ._marginEnd-7Large_1whn1_966 {
+    margin-inline-end: -28px;
+  }
+  ._marginEnd-6Large_1whn1_970 {
+    margin-inline-end: -24px;
+  }
+  ._marginEnd-5Large_1whn1_974 {
+    margin-inline-end: -20px;
+  }
+  ._marginEnd-4Large_1whn1_978 {
+    margin-inline-end: -16px;
+  }
+  ._marginEnd-3Large_1whn1_982 {
+    margin-inline-end: -12px;
+  }
+  ._marginEnd-2Large_1whn1_986 {
+    margin-inline-end: -8px;
+  }
+  ._marginEnd-1Large_1whn1_990 {
+    margin-inline-end: -4px;
+  }
+  ._marginEnd0Large_1whn1_994 {
+    margin-inline-end: 0;
+  }
+  ._marginEnd1Large_1whn1_998 {
+    margin-inline-end: 4px;
+  }
+  ._marginEnd2Large_1whn1_1002 {
+    margin-inline-end: 8px;
+  }
+  ._marginEnd3Large_1whn1_1006 {
+    margin-inline-end: 12px;
+  }
+  ._marginEnd4Large_1whn1_1010 {
+    margin-inline-end: 16px;
+  }
+  ._marginEnd5Large_1whn1_1014 {
+    margin-inline-end: 20px;
+  }
+  ._marginEnd6Large_1whn1_1018 {
+    margin-inline-end: 24px;
+  }
+  ._marginEnd7Large_1whn1_1022 {
+    margin-inline-end: 28px;
+  }
+  ._marginEnd8Large_1whn1_1026 {
+    margin-inline-end: 32px;
+  }
+  ._marginEnd9Large_1whn1_1030 {
+    margin-inline-end: 36px;
+  }
+  ._marginEnd10Large_1whn1_1034 {
+    margin-inline-end: 40px;
+  }
+  ._marginEnd11Large_1whn1_1038 {
+    margin-inline-end: 44px;
+  }
+  ._marginEnd12Large_1whn1_1042 {
+    margin-inline-end: 48px;
+  }
+  ._marginEndautoLarge_1whn1_1046 {
+    margin-inline-end: auto;
+  }
+  ._marginStart-12Large_1whn1_1050 {
+    margin-inline-start: -48px;
+  }
+  ._marginStart-11Large_1whn1_1054 {
+    margin-inline-start: -44px;
+  }
+  ._marginStart-10Large_1whn1_1058 {
+    margin-inline-start: -40px;
+  }
+  ._marginStart-9Large_1whn1_1062 {
+    margin-inline-start: -36px;
+  }
+  ._marginStart-8Large_1whn1_1066 {
+    margin-inline-start: -32px;
+  }
+  ._marginStart-7Large_1whn1_1070 {
+    margin-inline-start: -28px;
+  }
+  ._marginStart-6Large_1whn1_1074 {
+    margin-inline-start: -24px;
+  }
+  ._marginStart-5Large_1whn1_1078 {
+    margin-inline-start: -20px;
+  }
+  ._marginStart-4Large_1whn1_1082 {
+    margin-inline-start: -16px;
+  }
+  ._marginStart-3Large_1whn1_1086 {
+    margin-inline-start: -12px;
+  }
+  ._marginStart-2Large_1whn1_1090 {
+    margin-inline-start: -8px;
+  }
+  ._marginStart-1Large_1whn1_1094 {
+    margin-inline-start: -4px;
+  }
+  ._marginStart0Large_1whn1_1098 {
+    margin-inline-start: 0;
+  }
+  ._marginStart1Large_1whn1_1102 {
+    margin-inline-start: 4px;
+  }
+  ._marginStart2Large_1whn1_1106 {
+    margin-inline-start: 8px;
+  }
+  ._marginStart3Large_1whn1_1110 {
+    margin-inline-start: 12px;
+  }
+  ._marginStart4Large_1whn1_1114 {
+    margin-inline-start: 16px;
+  }
+  ._marginStart5Large_1whn1_1118 {
+    margin-inline-start: 20px;
+  }
+  ._marginStart6Large_1whn1_1122 {
+    margin-inline-start: 24px;
+  }
+  ._marginStart7Large_1whn1_1126 {
+    margin-inline-start: 28px;
+  }
+  ._marginStart8Large_1whn1_1130 {
+    margin-inline-start: 32px;
+  }
+  ._marginStart9Large_1whn1_1134 {
+    margin-inline-start: 36px;
+  }
+  ._marginStart10Large_1whn1_1138 {
+    margin-inline-start: 40px;
+  }
+  ._marginStart11Large_1whn1_1142 {
+    margin-inline-start: 44px;
+  }
+  ._marginStart12Large_1whn1_1146 {
+    margin-inline-start: 48px;
+  }
+  ._marginStartautoLarge_1whn1_1150 {
+    margin-inline-start: auto;
+  }
+  ._marginTop-12Large_1whn1_1154 {
+    margin-top: -48px;
+  }
+  ._marginTop-11Large_1whn1_1158 {
+    margin-top: -44px;
+  }
+  ._marginTop-10Large_1whn1_1162 {
+    margin-top: -40px;
+  }
+  ._marginTop-9Large_1whn1_1166 {
+    margin-top: -36px;
+  }
+  ._marginTop-8Large_1whn1_1170 {
+    margin-top: -32px;
+  }
+  ._marginTop-7Large_1whn1_1174 {
+    margin-top: -28px;
+  }
+  ._marginTop-6Large_1whn1_1178 {
+    margin-top: -24px;
+  }
+  ._marginTop-5Large_1whn1_1182 {
+    margin-top: -20px;
+  }
+  ._marginTop-4Large_1whn1_1186 {
+    margin-top: -16px;
+  }
+  ._marginTop-3Large_1whn1_1190 {
+    margin-top: -12px;
+  }
+  ._marginTop-2Large_1whn1_1194 {
+    margin-top: -8px;
+  }
+  ._marginTop-1Large_1whn1_1198 {
+    margin-top: -4px;
+  }
+  ._marginTop0Large_1whn1_1202 {
+    margin-top: 0;
+  }
+  ._marginTop1Large_1whn1_1206 {
+    margin-top: 4px;
+  }
+  ._marginTop2Large_1whn1_1210 {
+    margin-top: 8px;
+  }
+  ._marginTop3Large_1whn1_1214 {
+    margin-top: 12px;
+  }
+  ._marginTop4Large_1whn1_1218 {
+    margin-top: 16px;
+  }
+  ._marginTop5Large_1whn1_1222 {
+    margin-top: 20px;
+  }
+  ._marginTop6Large_1whn1_1226 {
+    margin-top: 24px;
+  }
+  ._marginTop7Large_1whn1_1230 {
+    margin-top: 28px;
+  }
+  ._marginTop8Large_1whn1_1234 {
+    margin-top: 32px;
+  }
+  ._marginTop9Large_1whn1_1238 {
+    margin-top: 36px;
+  }
+  ._marginTop10Large_1whn1_1242 {
+    margin-top: 40px;
+  }
+  ._marginTop11Large_1whn1_1246 {
+    margin-top: 44px;
+  }
+  ._marginTop12Large_1whn1_1250 {
+    margin-top: 48px;
+  }
+  ._marginTopautoLarge_1whn1_1254 {
+    margin-top: auto;
+  }
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data */
+._paddingX0_1aqye_2 {
+  padding-left: 0;
+  padding-right: 0;
+}
+._paddingX1_1aqye_7 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+._paddingX2_1aqye_12 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+._paddingX3_1aqye_17 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+._paddingX4_1aqye_22 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+._paddingX5_1aqye_27 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+._paddingX6_1aqye_32 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+._paddingX7_1aqye_37 {
+  padding-left: 28px;
+  padding-right: 28px;
+}
+._paddingX8_1aqye_42 {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+._paddingX9_1aqye_47 {
+  padding-left: 36px;
+  padding-right: 36px;
+}
+._paddingX10_1aqye_52 {
+  padding-left: 40px;
+  padding-right: 40px;
+}
+._paddingX11_1aqye_57 {
+  padding-left: 44px;
+  padding-right: 44px;
+}
+._paddingX12_1aqye_62 {
+  padding-left: 48px;
+  padding-right: 48px;
+}
+._paddingY0_1aqye_67 {
+  padding-bottom: 0;
+  padding-top: 0;
+}
+._paddingY1_1aqye_72 {
+  padding-bottom: 4px;
+  padding-top: 4px;
+}
+._paddingY2_1aqye_77 {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+._paddingY3_1aqye_82 {
+  padding-bottom: 12px;
+  padding-top: 12px;
+}
+._paddingY4_1aqye_87 {
+  padding-bottom: 16px;
+  padding-top: 16px;
+}
+._paddingY5_1aqye_92 {
+  padding-bottom: 20px;
+  padding-top: 20px;
+}
+._paddingY6_1aqye_97 {
+  padding-bottom: 24px;
+  padding-top: 24px;
+}
+._paddingY7_1aqye_102 {
+  padding-bottom: 28px;
+  padding-top: 28px;
+}
+._paddingY8_1aqye_107 {
+  padding-bottom: 32px;
+  padding-top: 32px;
+}
+._paddingY9_1aqye_112 {
+  padding-bottom: 36px;
+  padding-top: 36px;
+}
+._paddingY10_1aqye_117 {
+  padding-bottom: 40px;
+  padding-top: 40px;
+}
+._paddingY11_1aqye_122 {
+  padding-bottom: 44px;
+  padding-top: 44px;
+}
+._paddingY12_1aqye_127 {
+  padding-bottom: 48px;
+  padding-top: 48px;
+}
+@media (min-width: 480px) {
+  ._paddingX0Small_1aqye_134 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  ._paddingX1Small_1aqye_139 {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+  ._paddingX2Small_1aqye_144 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  ._paddingX3Small_1aqye_149 {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  ._paddingX4Small_1aqye_154 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  ._paddingX5Small_1aqye_159 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  ._paddingX6Small_1aqye_164 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  ._paddingX7Small_1aqye_169 {
+    padding-left: 28px;
+    padding-right: 28px;
+  }
+  ._paddingX8Small_1aqye_174 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+  ._paddingX9Small_1aqye_179 {
+    padding-left: 36px;
+    padding-right: 36px;
+  }
+  ._paddingX10Small_1aqye_184 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  ._paddingX11Small_1aqye_189 {
+    padding-left: 44px;
+    padding-right: 44px;
+  }
+  ._paddingX12Small_1aqye_194 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+  ._paddingY0Small_1aqye_199 {
+    padding-bottom: 0;
+    padding-top: 0;
+  }
+  ._paddingY1Small_1aqye_204 {
+    padding-bottom: 4px;
+    padding-top: 4px;
+  }
+  ._paddingY2Small_1aqye_209 {
+    padding-bottom: 8px;
+    padding-top: 8px;
+  }
+  ._paddingY3Small_1aqye_214 {
+    padding-bottom: 12px;
+    padding-top: 12px;
+  }
+  ._paddingY4Small_1aqye_219 {
+    padding-bottom: 16px;
+    padding-top: 16px;
+  }
+  ._paddingY5Small_1aqye_224 {
+    padding-bottom: 20px;
+    padding-top: 20px;
+  }
+  ._paddingY6Small_1aqye_229 {
+    padding-bottom: 24px;
+    padding-top: 24px;
+  }
+  ._paddingY7Small_1aqye_234 {
+    padding-bottom: 28px;
+    padding-top: 28px;
+  }
+  ._paddingY8Small_1aqye_239 {
+    padding-bottom: 32px;
+    padding-top: 32px;
+  }
+  ._paddingY9Small_1aqye_244 {
+    padding-bottom: 36px;
+    padding-top: 36px;
+  }
+  ._paddingY10Small_1aqye_249 {
+    padding-bottom: 40px;
+    padding-top: 40px;
+  }
+  ._paddingY11Small_1aqye_254 {
+    padding-bottom: 44px;
+    padding-top: 44px;
+  }
+  ._paddingY12Small_1aqye_259 {
+    padding-bottom: 48px;
+    padding-top: 48px;
+  }
+}
+@media (min-width: 960px) {
+  ._paddingX0Large_1aqye_267 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  ._paddingX1Large_1aqye_272 {
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+  ._paddingX2Large_1aqye_277 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+  ._paddingX3Large_1aqye_282 {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  ._paddingX4Large_1aqye_287 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+  ._paddingX5Large_1aqye_292 {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  ._paddingX6Large_1aqye_297 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+  ._paddingX7Large_1aqye_302 {
+    padding-left: 28px;
+    padding-right: 28px;
+  }
+  ._paddingX8Large_1aqye_307 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+  ._paddingX9Large_1aqye_312 {
+    padding-left: 36px;
+    padding-right: 36px;
+  }
+  ._paddingX10Large_1aqye_317 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+  ._paddingX11Large_1aqye_322 {
+    padding-left: 44px;
+    padding-right: 44px;
+  }
+  ._paddingX12Large_1aqye_327 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+  ._paddingY0Large_1aqye_332 {
+    padding-bottom: 0;
+    padding-top: 0;
+  }
+  ._paddingY1Large_1aqye_337 {
+    padding-bottom: 4px;
+    padding-top: 4px;
+  }
+  ._paddingY2Large_1aqye_342 {
+    padding-bottom: 8px;
+    padding-top: 8px;
+  }
+  ._paddingY3Large_1aqye_347 {
+    padding-bottom: 12px;
+    padding-top: 12px;
+  }
+  ._paddingY4Large_1aqye_352 {
+    padding-bottom: 16px;
+    padding-top: 16px;
+  }
+  ._paddingY5Large_1aqye_357 {
+    padding-bottom: 20px;
+    padding-top: 20px;
+  }
+  ._paddingY6Large_1aqye_362 {
+    padding-bottom: 24px;
+    padding-top: 24px;
+  }
+  ._paddingY7Large_1aqye_367 {
+    padding-bottom: 28px;
+    padding-top: 28px;
+  }
+  ._paddingY8Large_1aqye_372 {
+    padding-bottom: 32px;
+    padding-top: 32px;
+  }
+  ._paddingY9Large_1aqye_377 {
+    padding-bottom: 36px;
+    padding-top: 36px;
+  }
+  ._paddingY10Large_1aqye_382 {
+    padding-bottom: 40px;
+    padding-top: 40px;
+  }
+  ._paddingY11Large_1aqye_387 {
+    padding-bottom: 44px;
+    padding-top: 44px;
+  }
+  ._paddingY12Large_1aqye_392 {
+    padding-bottom: 48px;
+    padding-top: 48px;
+  }
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/border.module.css/#css-module-data */
+._borderprimary_9mhuu_1 {
+  border: 1px solid var(--color-cambio-gray-370);
+}
+._bordernone_9mhuu_5 {
+  border: none;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
+._roundingsm_1j4mo_2 {
+  border-radius: 4px;
+}
+._roundingmd_1j4mo_6 {
+  border-radius: 8px;
+}
+._roundingfull_1j4mo_10 {
+  border-radius: 999px;
+}
 /*# sourceMappingURL=IconButton.css.map */