/** At this monitor size it is wider than Figma */
.stacked-can-gutter {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
@media (min-width: 50.001rem) {
  .stacked-can-gutter[data-variant="learning"] {
    grid-template-columns: 4fr 6fr;
    margin-block-start: 2rem;
  }

    .stacked-can-gutter[data-variant="learning"] .stacked-can-gutter--top {
      grid-column: 1;
      grid-row: 1 / span 2;
      margin-top: var(--size-4);
      padding-right: var(--size-4);
    }
    .stacked-can-gutter[data-variant="learning"] .stacked-can-gutter--middle,.stacked-can-gutter[data-variant="learning"] .stacked-can-gutter--bottom {
      grid-column: 2;
    }
}