.ui_container {
  width: min(var(--ui_container), calc(100% - 32px));
  margin-inline: auto;
}


.ui_cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.ui_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.ui_grid_2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui_surface_gap);
}

@media (max-width: 899px) {
  .ui_grid_2 {
    grid-template-columns: 1fr;
  }
}