@cambly/syntax-core 10.6.1 → 10.7.0-beta.1

package/dist/AvatarGroup/AvatarGroupAvatar.css

@@ -0,0 +1,1811 @@
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
+._box_bg9pe_1 {
+  box-sizing: border-box;
+}
+._flexnone_bg9pe_5 {
+  flex: 0 0 auto;
+}
+._flexgrow_bg9pe_9 {
+  flex: 1 1 auto;
+}
+._flexWrap_bg9pe_13 {
+  flex-wrap: wrap;
+}
+._alignItemscenter_bg9pe_18 {
+  align-items: center;
+}
+._alignItemsstart_bg9pe_22 {
+  align-items: flex-start;
+}
+._alignItemsend_bg9pe_26 {
+  align-items: flex-end;
+}
+._alignItemsstretch_bg9pe_30 {
+  align-items: stretch;
+}
+._alignItemsbaseline_bg9pe_34 {
+  align-items: baseline;
+}
+@media (min-width: 480px) {
+  ._alignItemscenterSmall_bg9pe_40 {
+    align-items: center;
+  }
+  ._alignItemsstartSmall_bg9pe_44 {
+    align-items: flex-start;
+  }
+  ._alignItemsendSmall_bg9pe_48 {
+    align-items: flex-end;
+  }
+  ._alignItemsstretchSmall_bg9pe_52 {
+    align-items: stretch;
+  }
+  ._alignItemsbaselineSmall_bg9pe_56 {
+    align-items: baseline;
+  }
+}
+@media (min-width: 960px) {
+  ._alignItemscenterLarge_bg9pe_63 {
+    align-items: center;
+  }
+  ._alignItemsstartLarge_bg9pe_67 {
+    align-items: flex-start;
+  }
+  ._alignItemsendLarge_bg9pe_71 {
+    align-items: flex-end;
+  }
+  ._alignItemsstretchLarge_bg9pe_75 {
+    align-items: stretch;
+  }
+  ._alignItemsbaselineLarge_bg9pe_79 {
+    align-items: baseline;
+  }
+}
+._alignSelfcenter_bg9pe_85 {
+  align-self: center;
+}
+._alignSelfstart_bg9pe_89 {
+  align-self: flex-start;
+}
+._alignSelfend_bg9pe_93 {
+  align-self: flex-end;
+}
+._alignSelfstretch_bg9pe_97 {
+  align-self: stretch;
+}
+._alignSelfbaseline_bg9pe_101 {
+  align-self: baseline;
+}
+._alignSelfauto_bg9pe_105 {
+  align-self: auto;
+}
+._block_bg9pe_110 {
+  display: block;
+}
+._flex_bg9pe_5 {
+  display: flex;
+}
+._inlineBlock_bg9pe_118 {
+  display: inline-block;
+}
+._none_bg9pe_122 {
+  display: none;
+}
+._visuallyHidden_bg9pe_126 {
+  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_bg9pe_140 {
+    display: block;
+  }
+  ._flexSmall_bg9pe_144 {
+    display: flex;
+  }
+  ._inlineBlockSmall_bg9pe_148 {
+    display: inline-block;
+  }
+  ._noneSmall_bg9pe_152 {
+    display: none;
+  }
+  ._visuallyHiddenSmall_bg9pe_156 {
+    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_bg9pe_171 {
+    display: block;
+  }
+  ._flexLarge_bg9pe_175 {
+    display: flex;
+  }
+  ._inlineBlockLarge_bg9pe_179 {
+    display: inline-block;
+  }
+  ._noneLarge_bg9pe_183 {
+    display: none;
+  }
+  ._visuallyHiddenLarge_bg9pe_187 {
+    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_bg9pe_201 {
+  flex-direction: column;
+}
+._row_bg9pe_205 {
+  flex-direction: row;
+}
+@media (min-width: 480px) {
+  ._columnSmall_bg9pe_211 {
+    flex-direction: column;
+  }
+  ._rowSmall_bg9pe_215 {
+    flex-direction: row;
+  }
+}
+@media (min-width: 960px) {
+  ._columnLarge_bg9pe_222 {
+    flex-direction: column;
+  }
+  ._rowLarge_bg9pe_226 {
+    flex-direction: row;
+  }
+}
+._gap0_bg9pe_232 {
+  gap: 0;
+}
+._gap1_bg9pe_236 {
+  gap: 4px;
+}
+._gap2_bg9pe_240 {
+  gap: 8px;
+}
+._gap3_bg9pe_244 {
+  gap: 12px;
+}
+._gap4_bg9pe_248 {
+  gap: 16px;
+}
+._gap5_bg9pe_252 {
+  gap: 20px;
+}
+._gap6_bg9pe_256 {
+  gap: 24px;
+}
+._gap7_bg9pe_260 {
+  gap: 28px;
+}
+._gap8_bg9pe_264 {
+  gap: 32px;
+}
+._gap9_bg9pe_268 {
+  gap: 36px;
+}
+._gap10_bg9pe_272 {
+  gap: 40px;
+}
+._gap11_bg9pe_276 {
+  gap: 44px;
+}
+._gap12_bg9pe_280 {
+  gap: 48px;
+}
+._justifyContentcenter_bg9pe_285 {
+  justify-content: center;
+}
+._justifyContentstart_bg9pe_289 {
+  justify-content: flex-start;
+}
+._justifyContentend_bg9pe_293 {
+  justify-content: flex-end;
+}
+._justifyContentbetween_bg9pe_297 {
+  justify-content: space-between;
+}
+._justifyContentaround_bg9pe_301 {
+  justify-content: space-around;
+}
+._justifyContentevenly_bg9pe_305 {
+  justify-content: space-evenly;
+}
+@media (min-width: 480px) {
+  ._justifyContentcenterSmall_bg9pe_311 {
+    justify-content: center;
+  }
+  ._justifyContentstartSmall_bg9pe_315 {
+    justify-content: flex-start;
+  }
+  ._justifyContentendSmall_bg9pe_319 {
+    justify-content: flex-end;
+  }
+  ._justifyContentbetweenSmall_bg9pe_323 {
+    justify-content: space-between;
+  }
+  ._justifyContentaroundSmall_bg9pe_327 {
+    justify-content: space-around;
+  }
+  ._justifyContentevenlySmall_bg9pe_331 {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 960px) {
+  ._justifyContentcenterLarge_bg9pe_338 {
+    justify-content: center;
+  }
+  ._justifyContentstartLarge_bg9pe_342 {
+    justify-content: flex-start;
+  }
+  ._justifyContentendLarge_bg9pe_346 {
+    justify-content: flex-end;
+  }
+  ._justifyContentbetweenLarge_bg9pe_350 {
+    justify-content: space-between;
+  }
+  ._justifyContentaroundLarge_bg9pe_354 {
+    justify-content: space-around;
+  }
+  ._justifyContentevenlyLarge_bg9pe_358 {
+    justify-content: space-evenly;
+  }
+}
+._overflowvisible_bg9pe_364 {
+  overflow: visible;
+}
+._overflowhidden_bg9pe_368 {
+  overflow: hidden;
+}
+._overflowscroll_bg9pe_372 {
+  overflow: scroll;
+}
+._overflowauto_bg9pe_376 {
+  overflow: auto;
+}
+._overflowinherit_bg9pe_380 {
+  overflow: inherit;
+}
+._overflowinitial_bg9pe_384 {
+  overflow: initial;
+}
+._overflowXvisible_bg9pe_388 {
+  overflow-x: visible;
+}
+._overflowXhidden_bg9pe_392 {
+  overflow-x: hidden;
+}
+._overflowXscroll_bg9pe_396 {
+  overflow-x: scroll;
+}
+._overflowXauto_bg9pe_400 {
+  overflow-x: auto;
+}
+._overflowXinherit_bg9pe_404 {
+  overflow-x: inherit;
+}
+._overflowXinitial_bg9pe_408 {
+  overflow-x: initial;
+}
+._overflowYvisible_bg9pe_412 {
+  overflow-y: visible;
+}
+._overflowYhidden_bg9pe_416 {
+  overflow-y: hidden;
+}
+._overflowYscroll_bg9pe_420 {
+  overflow-y: scroll;
+}
+._overflowYauto_bg9pe_424 {
+  overflow-y: auto;
+}
+._overflowYinherit_bg9pe_428 {
+  overflow-y: inherit;
+}
+._overflowYinitial_bg9pe_432 {
+  overflow-y: initial;
+}
+._absolute_bg9pe_437 {
+  position: absolute;
+}
+._fixed_bg9pe_441 {
+  position: fixed;
+}
+._relative_bg9pe_445 {
+  position: relative;
+}
+._sticky_bg9pe_449 {
+  position: sticky;
+}
+
+/* css-module:/Users/christian/cambly/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:/Users/christian/cambly/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:/Users/christian/cambly/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+._inheritColor_11l4y_2 {
+  color: inherit;
+}
+._destructive700Color_11l4y_6 {
+  color: var(--color-base-destructive-700);
+}
+._gray700Color_11l4y_10 {
+  color: var(--color-base-gray-700);
+}
+._gray900Color_11l4y_14 {
+  color: var(--color-base-gray-900);
+}
+._primary700Color_11l4y_18 {
+  color: var(--color-base-primary-700);
+}
+._success700Color_11l4y_22 {
+  color: var(--color-base-success-700);
+}
+._whiteColor_11l4y_26 {
+  color: var(--color-base-white);
+}
+._blackBackgroundColor_11l4y_31 {
+  background-color: var(--color-base-black);
+}
+._destructive100BackgroundColor_11l4y_35 {
+  background-color: var(--color-base-destructive-100);
+}
+._destructive200BackgroundColor_11l4y_39 {
+  background-color: var(--color-base-destructive-200);
+}
+._destructive300BackgroundColor_11l4y_43 {
+  background-color: var(--color-base-destructive-300);
+}
+._destructive700BackgroundColor_11l4y_47 {
+  background-color: var(--color-base-destructive-700);
+}
+._destructive800BackgroundColor_11l4y_51 {
+  background-color: var(--color-base-destructive-800);
+}
+._destructive900BackgroundColor_11l4y_55 {
+  background-color: var(--color-base-destructive-900);
+}
+._gray10BackgroundColor_11l4y_59 {
+  background-color: var(--color-base-gray-10);
+}
+._gray30BackgroundColor_11l4y_63 {
+  background-color: var(--color-base-gray-30);
+}
+._gray60BackgroundColor_11l4y_67 {
+  background-color: var(--color-base-gray-60);
+}
+._gray80BackgroundColor_11l4y_71 {
+  background-color: var(--color-base-gray-80);
+}
+._gray100BackgroundColor_11l4y_75 {
+  background-color: var(--color-base-gray-100);
+}
+._gray200BackgroundColor_11l4y_79 {
+  background-color: var(--color-base-gray-200);
+}
+._gray300BackgroundColor_11l4y_83 {
+  background-color: var(--color-base-gray-300);
+}
+._gray700BackgroundColor_11l4y_87 {
+  background-color: var(--color-base-gray-700);
+}
+._gray800BackgroundColor_11l4y_91 {
+  background-color: var(--color-base-gray-800);
+}
+._gray900BackgroundColor_11l4y_95 {
+  background-color: var(--color-base-gray-900);
+}
+._orange100BackgroundColor_11l4y_99 {
+  background-color: var(--color-base-orange-100);
+}
+._orange200BackgroundColor_11l4y_103 {
+  background-color: var(--color-base-orange-200);
+}
+._orange300BackgroundColor_11l4y_107 {
+  background-color: var(--color-base-orange-300);
+}
+._orange700BackgroundColor_11l4y_111 {
+  background-color: var(--color-base-orange-700);
+}
+._orange800BackgroundColor_11l4y_115 {
+  background-color: var(--color-base-orange-800);
+}
+._orange900BackgroundColor_11l4y_119 {
+  background-color: var(--color-base-orange-900);
+}
+._primary100BackgroundColor_11l4y_123 {
+  background-color: var(--color-base-primary-100);
+}
+._primary200BackgroundColor_11l4y_127 {
+  background-color: var(--color-base-primary-200);
+}
+._primary300BackgroundColor_11l4y_131 {
+  background-color: var(--color-base-primary-300);
+}
+._primary700BackgroundColor_11l4y_135 {
+  background-color: var(--color-base-primary-700);
+}
+._primary800BackgroundColor_11l4y_139 {
+  background-color: var(--color-base-primary-800);
+}
+._primary900BackgroundColor_11l4y_143 {
+  background-color: var(--color-base-primary-900);
+}
+._success100BackgroundColor_11l4y_147 {
+  background-color: var(--color-base-success-100);
+}
+._success200BackgroundColor_11l4y_151 {
+  background-color: var(--color-base-success-200);
+}
+._success300BackgroundColor_11l4y_155 {
+  background-color: var(--color-base-success-300);
+}
+._success700BackgroundColor_11l4y_159 {
+  background-color: var(--color-base-success-700);
+}
+._success800BackgroundColor_11l4y_163 {
+  background-color: var(--color-base-success-800);
+}
+._success900BackgroundColor_11l4y_167 {
+  background-color: var(--color-base-success-900);
+}
+._purple100BackgroundColor_11l4y_171 {
+  background-color: var(--color-base-purple-100);
+}
+._purple200BackgroundColor_11l4y_175 {
+  background-color: var(--color-base-purple-200);
+}
+._purple300BackgroundColor_11l4y_179 {
+  background-color: var(--color-base-purple-300);
+}
+._purple700BackgroundColor_11l4y_183 {
+  background-color: var(--color-base-purple-700);
+}
+._purple800BackgroundColor_11l4y_187 {
+  background-color: var(--color-base-purple-800);
+}
+._purple900BackgroundColor_11l4y_191 {
+  background-color: var(--color-base-purple-900);
+}
+._whiteBackgroundColor_11l4y_195 {
+  background-color: var(--color-base-white);
+}
+._yellow100BackgroundColor_11l4y_199 {
+  background-color: var(--color-base-yellow-100);
+}
+._yellow200BackgroundColor_11l4y_203 {
+  background-color: var(--color-base-yellow-200);
+}
+._yellow300BackgroundColor_11l4y_207 {
+  background-color: var(--color-base-yellow-300);
+}
+._yellow700BackgroundColor_11l4y_211 {
+  background-color: var(--color-base-yellow-700);
+}
+._yellow800BackgroundColor_11l4y_215 {
+  background-color: var(--color-base-yellow-800);
+}
+._yellow900BackgroundColor_11l4y_219 {
+  background-color: var(--color-base-yellow-900);
+}
+
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
+._roundingsm_1bo6p_2 {
+  border-radius: 8px;
+}
+._roundingmd_1bo6p_6 {
+  border-radius: 12px;
+}
+._roundinglg_1bo6p_10 {
+  border-radius: 16px;
+}
+._roundingxl_1bo6p_14 {
+  border-radius: 24px;
+}
+._roundingfull_1bo6p_18 {
+  border-radius: 999px;
+}
+
+/* css-module:/Users/christian/cambly/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data */
+:root {
+  --syntax-avatar-border-width: 1px;
+}
+._avatar_1anoj_5 {
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  border-radius: 50%;
+  border: var(--syntax-avatar-border-width) solid #fff;
+}
+._sm_1anoj_13 {
+  width: calc(24px - var(--syntax-avatar-border-width) * 2);
+  height: calc(24px - var(--syntax-avatar-border-width) * 2);
+}
+._md_1anoj_18 {
+  width: calc(40px - var(--syntax-avatar-border-width) * 2);
+  height: calc(40px - var(--syntax-avatar-border-width) * 2);
+}
+._lg_1anoj_23 {
+  width: calc(72px - var(--syntax-avatar-border-width) * 2);
+  height: calc(72px - var(--syntax-avatar-border-width) * 2);
+}
+._xl_1anoj_28 {
+  width: calc(128px - var(--syntax-avatar-border-width) * 2);
+  height: calc(128px - var(--syntax-avatar-border-width) * 2);
+}
+/*# sourceMappingURL=AvatarGroupAvatar.css.map */