.GlobalSelectors__root___xFJPw {
  border-width: 2px;
  border-style: solid;
  border-color: brown;
  padding: 0 20px;
  margin: 0 6px;
  max-width: 400px;
}

.GlobalSelectors__root___xFJPw .text {
  color: brown;
  font-size: 24px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 600;
}
.Snippet__root___2B-wp {
  margin-top: 32px;
}

.Snippet__output___sVK0p {
  background: white;
  color: #333;
  max-width: 700px;
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #003957;
  border-top-width: 0;
}

.Snippet__outputContent___2_vnF {
  padding: 40px 30px;
}

.Snippet__file___12x_l {
  background: #003957;
  color: rgba(255, 255, 255, 0.9);
  max-width: 700px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.Snippet__fileName___Tz7_C {
  background: #011E2D;
  color: #00B37D;
  padding: 10px 20px;
  border-radius: 10px 10px 0 0;
}

.Snippet__pre___3b3O_ {
  overflow: auto;
  font-family: menlo, consolas, monospace;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 20px 20px;
}
.App__app___3lRY_ {
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  font-family: helvetica, arial, sans-serif;
  line-height: 200%;
  padding: 6px 20px 30px;
}

.App__hr___2U3ua {
  margin: 40px 0;
  height: 1px;
  border: 0;
  background: #ccc;
}
.Logo__logo___3xrQQ {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8c3ZnIGlkPSJzdmcyIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIxZTMiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHdpZHRoPSIxZTMiIHZlcnNpb249IjEuMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij4KICA8cmRmOlJERj4KICAgPGNjOldvcmsgcmRmOmFib3V0PSIiPgogICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+CiAgICA8ZGM6dGl0bGUvPgogICA8L2NjOldvcms+CiAgPC9yZGY6UkRGPgogPC9tZXRhZGF0YT4KIDxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNzEyOSAtNjIuMzYpIj4KICA8ZyBpZD0iZmxvd1Jvb3QzMzM2IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjg1OTUsMCwwLDEuODU5NSwtMzAuMTc0LDMzMy44NykiPgogICA8cGF0aCBpZD0icGF0aDQzNzkiIGQ9Im0xMDUuNDkgMTA4Ljg5cTEyLjI2MSAwIDE5LjAyOCA2LjQ2IDYuNzY3NiA2LjQ2IDcuNTE0NiAxNC42NzhoLTguNTI1NHEtMS40NTAyLTYuMjQwMi01LjgwMDgtOS44ODc3LTQuMzA2Ni0zLjY0NzUtMTIuMTI5LTMuNjQ3NS05LjUzNjEgMC0xNS40MjUgNi43MjM2LTUuODQ0NyA2LjY3OTctNS44NDQ3IDIwLjUyMiAwIDExLjMzOCA1LjI3MzQgMTguNDEzIDUuMzE3NCA3LjAzMTIgMTUuODIgNy4wMzEyIDkuNjY4IDAgMTQuNzIyLTcuNDI2OCAyLjY4MDctMy45MTExIDMuOTk5LTEwLjI4M2g4LjUyNTRxLTEuMTQyNiAxMC4xOTUtNy41NTg2IDE3LjA5NS03LjY5MDQgOC4zMDU3LTIwLjc0MiA4LjMwNTctMTEuMjUgMC0xOC44OTYtNi44MTE1LTEwLjA2My05LjAwODgtMTAuMDYzLTI3LjgxNyAwLTE0LjI4MiA3LjU1ODYtMjMuNDIzIDguMTczOC05LjkzMTYgMjIuNTQ0LTkuOTMxNnptLTEuNzU3OCAweiIvPgogICA8cGF0aCBpZD0icGF0aDQzODEiIGQ9Im0xNDkuMDQgMTU0LjM3cTAuMzA3NjEgNS40OTMyIDIuNTkyOCA4LjkyMDkgNC4zNTA2IDYuNDE2IDE1LjMzNyA2LjQxNiA0LjkyMTkgMCA4Ljk2NDgtMS40MDYyIDcuODIyMy0yLjcyNDYgNy44MjIzLTkuNzU1OSAwLTUuMjczNC0zLjI5NTktNy41MTQ2LTMuMzM5OC0yLjE5NzMtMTAuNDU5LTMuODIzMmwtOC43NDUxLTEuOTc3NXEtOC41NjkzLTEuOTMzNi0xMi4xMjktNC4yNjI3LTYuMTUyNC00LjA0My02LjE1MjQtMTIuMDg1IDAtOC43MDEyIDYuMDIwNS0xNC4yODIgNi4wMjA1LTUuNTgxMSAxNy4wNTEtNS41ODExIDEwLjE1MSAwIDE3LjIyNyA0LjkyMTkgNy4xMTkyIDQuODc3OSA3LjExOTIgMTUuNjQ1aC04LjIxNzhxLTAuNjU5MTgtNS4xODU2LTIuODEyNS03Ljk1NDEtMy45OTktNS4wNTM3LTEzLjU3OS01LjA1MzctNy43MzQ0IDAtMTEuMTE4IDMuMjUyLTMuMzgzOCAzLjI1Mi0zLjM4MzggNy41NTg2IDAgNC43NDYxIDMuOTU1MSA2Ljk0MzQgMi41OTI4IDEuNDA2MiAxMS43MzMgMy41MTU2bDkuMDUyNyAyLjA2NTRxNi41NDc4IDEuNDk0MSAxMC4xMDcgNC4wODY5IDYuMTUyMyA0LjUyNjQgNi4xNTIzIDEzLjE0IDAgMTAuNzIzLTcuODIyMyAxNS4zMzctNy43NzgzIDQuNjE0My0xOC4xMDUgNC42MTQzLTEyLjA0MSAwLTE4Ljg1My02LjE1MjMtNi44MTE1LTYuMTA4NC02LjY3OTctMTYuNTY3aDguMjE3OHptMTcuNjY2LTQ1LjQ4M3oiLz4KICAgPHBhdGggaWQ9InBhdGg0MzgzIiBkPSJtMjA4Ljk4IDE1NC4zN3EwLjMwNzYyIDUuNDkzMiAyLjU5MjggOC45MjA5IDQuMzUwNiA2LjQxNiAxNS4zMzcgNi40MTYgNC45MjE5IDAgOC45NjQ4LTEuNDA2MiA3LjgyMjMtMi43MjQ2IDcuODIyMy05Ljc1NTkgMC01LjI3MzQtMy4yOTU5LTcuNTE0Ni0zLjMzOTgtMi4xOTczLTEwLjQ1OS0zLjgyMzJsLTguNzQ1MS0xLjk3NzVxLTguNTY5My0xLjkzMzYtMTIuMTI5LTQuMjYyNy02LjE1MjMtNC4wNDMtNi4xNTIzLTEyLjA4NSAwLTguNzAxMiA2LjAyMDUtMTQuMjgyIDYuMDIwNS01LjU4MTEgMTcuMDUxLTUuNTgxMSAxMC4xNTEgMCAxNy4yMjcgNC45MjE5IDcuMTE5MSA0Ljg3NzkgNy4xMTkxIDE1LjY0NWgtOC4yMTc4cS0wLjY1OTE4LTUuMTg1Ni0yLjgxMjUtNy45NTQxLTMuOTk5LTUuMDUzNy0xMy41NzktNS4wNTM3LTcuNzM0NCAwLTExLjExOCAzLjI1Mi0zLjM4MzggMy4yNTItMy4zODM4IDcuNTU4NiAwIDQuNzQ2MSAzLjk1NTEgNi45NDM0IDIuNTkyOCAxLjQwNjIgMTEuNzMzIDMuNTE1Nmw5LjA1MjcgMi4wNjU0cTYuNTQ3OSAxLjQ5NDEgMTAuMTA3IDQuMDg2OSA2LjE1MjMgNC41MjY0IDYuMTUyMyAxMy4xNCAwIDEwLjcyMy03LjgyMjMgMTUuMzM3LTcuNzc4MyA0LjYxNDMtMTguMTA1IDQuNjE0My0xMi4wNDEgMC0xOC44NTMtNi4xNTIzLTYuODExNS02LjEwODQtNi42Nzk3LTE2LjU2N2g4LjIxNzh6bTE3LjY2Ni00NS40ODN6Ii8+CiAgIDxwYXRoIGlkPSJwYXRoNDM4NSIgZD0ibTc4LjA2MyAyMjMuMTRoMTIuNTI0bDE4LjU0NSA1NC41OCAxOC40MTMtNTQuNThoMTIuMzkzdjY0LjU1NmgtOC4zMDU3di0zOC4xMDFxMC0xLjk3NzUgMC4wODc5LTYuNTQ3OHQwLjA4NzktOS43OTk4bC0xOC40MTMgNTQuNDQ4aC04LjY1NzJsLTE4LjU0NS01NC40NDh2MS45Nzc1cTAgMi4zNzMgMC4wODc4OSA3LjI1MSAwLjEzMTg0IDQuODM0IDAuMTMxODQgNy4xMTkxdjM4LjEwMWgtOC4zNDk2di02NC41NTZ6Ii8+CiAgIDxwYXRoIGlkPSJwYXRoNDM4NyIgZD0ibTE4MS4yIDIyMS4zOXExNy4wOTUgMCAyNS4zMTIgMTAuOTg2IDYuNDE2IDguNTY5MyA2LjQxNiAyMS45MjkgMCAxNC40NTgtNy4zMzg5IDI0LjAzOC04LjYxMzMgMTEuMjUtMjQuNTY1IDExLjI1LTE0Ljg5NyAwLTIzLjQyMy05Ljg0MzgtNy42MDI1LTkuNDkyMi03LjYwMjUtMjMuOTk0IDAtMTMuMDk2IDYuNTAzOS0yMi40MTIgOC4zNDk2LTExLjk1MyAyNC42OTctMTEuOTUzem0wLjg3ODkxIDYwLjM4MXExMS41NTggMCAxNi42OTktOC4yNjE3IDUuMTg1Ni04LjMwNTcgNS4xODU2LTE5LjA3MiAwLTExLjM4Mi01Ljk3NjYtMTguMzI1LTUuOTMyNi02Ljk0MzQtMTYuMjYtNi45NDM0LTEwLjAyIDAtMTYuMzQ4IDYuODk5NC02LjMyODEgNi44NTU1LTYuMzI4MSAyMC4yNTkgMCAxMC43MjMgNS40MDUzIDE4LjEwNSA1LjQ0OTIgNy4zMzg5IDE3LjYyMiA3LjMzODl6bS0wLjYxNTIzLTYwLjM4MXoiLz4KICAgPHBhdGggaWQ9InBhdGg0Mzg5IiBkPSJtMjQ4LjA5IDI4MC4yM3E0LjQzODUgMCA3LjI5NDktMC45MjI4NSA1LjA5NzctMS43MTM5IDguMzQ5Ni02LjU5MTggMi41OTI4LTMuOTExMSAzLjczNTQtMTAuMDIgMC42NTkxOC0zLjY0NzUgMC42NTkxOC02Ljc2NzYgMC0xMS45OTctNC43OS0xOC42MzMtNC43NS02LjYzLTE1LjM0LTYuNjNoLTE1LjUxM3Y0OS41N2gxNS42MDF6bS0yNC4zOS01Ny4wODVoMjYuMTQ3cTEzLjMxNSAwIDIwLjY1NCA5LjQ0ODIgNi41NDc4IDguNTI1NCA2LjU0NzggMjEuODQxIDAgMTAuMjgzLTMuODY3MiAxOC41ODktNi44MTE1IDE0LjY3OC0yMy40MjMgMTQuNjc4aC0yNi4wNnYtNjQuNTU2eiIvPgogICA8cGF0aCBpZD0icGF0aDQzOTEiIGQ9Im0yOTcuODMgMjIzLjE0djM5LjkwMnEwIDcuMDMxMiAyLjYzNjcgMTEuNjg5IDMuOTExMSA3LjAzMTIgMTMuMTg0IDcuMDMxMiAxMS4xMTggMCAxNS4xMTctNy42MDI1IDIuMTUzMy00LjEzMDkgMi4xNTMzLTExLjExOHYtMzkuOTAyaDguODc3djM2LjI1NXEwIDExLjkwOS0zLjIwOCAxOC4zMjUtNS44ODg3IDExLjY4OS0yMi4yMzYgMTEuNjg5LTE2LjM0OCAwLTIyLjE5Mi0xMS42ODktMy4yMDgtNi40MTYtMy4yMDgtMTguMzI1di0zNi4yNTVoOC44Nzd6bTE2LjU2NyAweiIvPgogICA8cGF0aCBpZD0icGF0aDQzOTMiIGQ9Im0zNTMuMjEgMjIzLjE0aDguNzQ1MXY1Ni44NjVoMzIuNjk1djcuNjkwNGgtNDEuNDR2LTY0LjU1NnoiLz4KICAgPHBhdGggaWQ9InBhdGg0Mzk1IiBkPSJtNDA0LjE0IDIyMy4xNGg0Ny4wNjV2Ny45MTAyaC0zOC41NHYxOS42aDM1LjY0djcuNDcwN2gtMzUuNjR2MjEuODg1aDM5LjE5OXY3LjY5MDRoLTQ3LjcyNXYtNjQuNTU2em0yMy44NjIgMHoiLz4KICAgPHBhdGggaWQ9InBhdGg0Mzk3IiBkPSJtNDY5LjEzIDI2Ni44N3EwLjMwNzYyIDUuNDkzMiAyLjU5MjggOC45MjA5IDQuMzUwNiA2LjQxNiAxNS4zMzcgNi40MTYgNC45MjE5IDAgOC45NjQ4LTEuNDA2MiA3LjgyMjMtMi43MjQ2IDcuODIyMy05Ljc1NTkgMC01LjI3MzQtMy4yOTU5LTcuNTE0Ni0zLjMzOTgtMi4xOTczLTEwLjQ1OS0zLjgyMzJsLTguNzQ1MS0xLjk3NzVxLTguNTY5My0xLjkzMzYtMTIuMTI5LTQuMjYyNy02LjE1MjMtNC4wNDMtNi4xNTIzLTEyLjA4NSAwLTguNzAxMiA2LjAyMDUtMTQuMjgyIDYuMDIwNS01LjU4MTEgMTcuMDUxLTUuNTgxMSAxMC4xNTEgMCAxNy4yMjcgNC45MjE5IDcuMTE5MSA0Ljg3NzkgNy4xMTkxIDE1LjY0NWgtOC4yMTc4cS0wLjY1OTE4LTUuMTg1Ni0yLjgxMjUtNy45NTQxLTMuOTk5LTUuMDUzNy0xMy41NzktNS4wNTM3LTcuNzM0NCAwLTExLjExOCAzLjI1Mi0zLjM4MzggMy4yNTItMy4zODM4IDcuNTU4NiAwIDQuNzQ2MSAzLjk1NTEgNi45NDM0IDIuNTkyOCAxLjQwNjIgMTEuNzMzIDMuNTE1Nmw5LjA1MjcgMi4wNjU0cTYuNTQ3OSAxLjQ5NDEgMTAuMTA3IDQuMDg2OSA2LjE1MjMgNC41MjY0IDYuMTUyMyAxMy4xNCAwIDEwLjcyMy03LjgyMjMgMTUuMzM3LTcuNzc4MyA0LjYxNDMtMTguMTA1IDQuNjE0My0xMi4wNDEgMC0xOC44NTMtNi4xNTIzLTYuODExNS02LjEwODQtNi42Nzk3LTE2LjU2N2g4LjIxNzh6bTE3LjY2Ni00NS40ODN6Ii8+CiAgPC9nPgogIDxyZWN0IGlkPSJyZWN0NDE1NiIgaGVpZ2h0PSI2OTUuMDIiIHdpZHRoPSI2OTUuMDIiIHN0cm9rZT0iIzAwMCIgeT0iMjE0Ljg1IiB4PSI3Mi40OTIiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPgogPC9nPgo8L3N2Zz4K);
  background-size: 200px 200px;
  width: 200px;
  height: 200px;
}
.ScopedSelectors__root___16yOh {
  border-width: 2px;
  border-style: solid;
  border-color: #777;
  padding: 0 20px;
  margin: 0 6px;
  max-width: 400px;
}

.ScopedSelectors__text___1hOhe {
  color: #777;
  font-size: 24px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 600;
}
.layout__box___3mduB {
  border-width: 2px;
  border-style: solid;
  padding: 0 20px;
  margin: 0 6px;
  max-width: 400px;
}
.typography__heading___xZ-BK {
  font-size: 24px;
  font-family: helvetica, arial, sans-serif;
  font-weight: 600;
}
.StyleVariantA__root___1gRpN {
  border-color: red;
}

.StyleVariantA__text___qC0Qk {
  color: red;
}
.StyleVariantB__root___KlZE5 {
  border-color: blue;
}

.StyleVariantB__text___2RHD6 {
  color: blue;
}
.CompositionOverrides__root___2xnGH {
  border-style: dotted;
  border-color: green;
}

.CompositionOverrides__text___3eIkk {
  font-weight: 200;
  color: green;
}
@-webkit-keyframes animations__bounce___1So7p {
  33% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  66% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}

@keyframes animations__bounce___1So7p {
  33% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  66% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}

.animations__bounce___1So7p {
  -webkit-animation: animations__bounce___1So7p 1s infinite ease-in-out;
          animation: animations__bounce___1So7p 1s infinite ease-in-out;
}
.ScopedAnimations__root___31A0H {
  padding: 20px 10px;
}

.ScopedAnimations__ball___1jrfA {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rebeccapurple;
}