.collection-modal {
  z-index: 140;
}

.collection-dialog-open {
  overflow: hidden;
}

.community-toast {
  z-index: 150;
}

@media (min-width: 900px) {
  #categoryCollectionRows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
  }

  #categoryCollectionRows .collection-card {
    flex-basis: 100%;
  }
}

@media (max-width: 720px) {
  .collection-form,
  .collection-view {
    padding-bottom: calc(30px + env(safe-area-inset-bottom));
  }

  .community-header nav {
    display: none;
  }

  .collection-row-head button,
  .community-hero button,
  .collection-footer button {
    min-height: 44px;
  }
}