main {
  display: flex;
  flex-direction: __styled-jsx-placeholder;
  justify-content: space-between;
  margin-bottom: var(--geist-gap-double);
}
div {
  width: 100%;
  max-width: calc(100% - __styled-jsx-placeholderpx - var(--geist-gap-double));
}
@media (max-width: __styled-jsx-placeholderpx) {
  main {
    flex-direction: __styled-jsx-placeholder;
  }
  div {
    max-width: unset;
  }
}