.component-0444108b-e76b-458c-a4c1-3a0429161ce5 .code-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem
}


@media only screen and (min-width: 768px) {
  .component-0444108b-e76b-458c-a4c1-3a0429161ce5 .code-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .component-0444108b-e76b-458c-a4c1-3a0429161ce5.right .code-box {
    order: 2;
  }
  .component-0444108b-e76b-458c-a4c1-3a0429161ce5.right .text-box {
    order: 1;
  }
}
.component-a54f1f46-fc91-414a-8e23-409c37671beb p:last-child {
  margin-bottom: 0;
}

.component-a54f1f46-fc91-414a-8e23-409c37671beb figure img {
  width: 100%;
}

.component-a54f1f46-fc91-414a-8e23-409c37671beb * + .actions {
  margin-top: 2.5rem;
}